Website Projekt
Projekt: Responsive Design
Sarah Dehner
(wenn du mit der Maus über das Bild hoverst, bewegt sich das Bild)
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)
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.