Website Projekt

Projekt: Responsive Design
Sarah Dehner

(wenn du mit der Maus über das Bild hoverst, bewegt sich das Bild)

Projekt Website Responsive Design Sarah Dehner 7

Projektziel

Sarah wünschte sich eine optimale Darstellung ihrer Website auf verschiedenen Endgeräten.

Ausgangssituation

Es existierte bereits eine Website (erstellt mit Divi). Die Seite hatte keine oder unzureichende Einstellungen für responsives Design.

Ablauf

Sarah teilte mir mit, welche Änderungen sie sich wünscht und wie die Website mobil und am Tablet aussehen soll. Ich setze die Änderungswünsche nach und nach um. Bei einigen Änderungen (z. B. Abstände), haben wir uns mehrfach abgestimmt und so iterativ zu einer Lösung gefunden.

Gelöste Probleme/Herausforderungen

Die bestehende Website wollte ich nicht in ihrem Stil ändern, konnte aber auch nicht einfach „stumpf“ die Einstellungen mobil vornehmen. Es gab beispielsweise abgerundete Ecken, die mobil ganz anders wirken, es mussten also ganz spezielle Einstellungen vorgenommen werden.

Was habe ich gelernt

Bei Websites ist es am besten, gleich auf die responsive Darstellung zu achten, da es im Nachhinein manchmal schwieriger ist, Dinge anzupassen. Außerdem würde ich die Absprachen nicht nochmal per Sprachnachrichten vornehmen, da am Ende keiner mehr nachvollziehen kann, was der andere irgendwann mitgeteilt hat.  🙂

(Hinweis: die Darstellung in den Mockups könnte von der echten Darstellung auf der Website abweichen.)

(wenn du mit der Maus über das Bild hoverst, bewegt sich das Bild)

Projekt Website Responsive Design Sarah Dehner 6

Wenn du ebenfalls Unterstützung benötigst, schreibe mir eine Nachricht. Wir finden dann in einem kostenlosen Gespräch raus, ob und wie ich dich unterstützen kann.

Weitere Projekte

WordPress Cookie Hinweis von Real Cookie Banner