Screenshot Website - Dr. Christine Hutterer

Die Zusammenarbeit mit Renate war super. Sie war von Anfang an bei der Konzeption der Seite dabei und konnte schon in der frühen Phase gute Tipps geben, worauf bei der Struktur der Seite und auch beim Design geachtet werden sollte. Um das Design der Grafikerin dann möglichst 1:1 in WordPress umzusetzen und einige Extrawünsche möglich zu machen, hat Renate viel Herzblut investiert. Das Ergebnis ist so toll geworden, ich werde immer wieder von Besuchern der Site angesprochen! Ich bin rundum zufrieden und kann Renate wärmstens weiterempfehlen.

Dr. Christine Hutterer – Medizinjournalistin

Dr. Christine Hutterer

Site: christine-hutterer.de
Relaunch: August 2021
Technik: WordPress, Child-Theme für Astra Pro, technische Umsetzung nach Designvorlage von LOVE.DESIGN.WORK. Kreativbüro, individuelles CSS, Skript-Anpassungen
Kooperation: Christa Goede

Das Design für die Website von Dr. Christine Hutterer stellte besondere Anforderungen an die technische Umsetzung. Viele gestalterische Details ließen sich nicht mit den Möglichkeiten des Themes allein realisieren. Meine Aufgabe war deshalb, das vorgegebene Design mit individuellen CSS-Anpassungen umzusetzen und seinen Charakter auch auf Tablet und Smartphone zu erhalten.

Besonders anspruchsvoll waren die als Landingpages konzipierten Buchseiten. Dort werden jeweils ein Video und ein Podcast aus externen Quellen eingebunden. Beide Inhalte sollten erst geladen werden, wenn Besucherinnen und Besucher dem ausdrücklich zustimmen.

Für diese datenschutzfreundliche Einbindung habe ich eine vorhandene 2-Klick-Lösung eingesetzt und an die Anforderungen der Website angepasst. Für die Ausgabe der Podcasts musste ich zusätzlich das zugrunde liegende Skript modifizieren.

Technisch basiert die Website auf einem Child-Theme für Astra Pro. Die Inhalte sind mit dem WordPress-Blockeditor und ergänzenden Blöcken aufgebaut. So ließ sich das individuelle Design umsetzen, ohne für die Seiten einen zusätzlichen Pagebuilder einzusetzen.

Entstanden ist eine Website, die die gestalterische Handschrift der Designvorlage auch auf unterschiedlichen Bildschirmgrößen bewahrt und bei den Buchseiten individuelle technische Anforderungen mit einer datenschutzfreundlichen Lösung verbindet.