Doc NiceSurprise bietet Hamburger Paaren individuelle Überraschungen zur Beziehungsauffrischung. Mit einem psychologischen Hintergrund und einer engen Zusammenarbeit mit Paaren, werden Bedürfnisse und Wünsche analysiert und somit einzigartige Überraschungen speziell auf ihre Bedürfnisse abgestimmt, um die Beziehung zu stärken.
PROJEKT ÜBERBLICK
Aufgaben
Tugba Baki: UX / UI Design, User Research, Wireframing, Style Guide
Elmira Rehnert: Suchmaschinen Optimierung (SEO)
Tools
Figma, Photoshop, Illustrator, Pen & Paper
Anhand einer Websiteanalyse hat sich herausgestellt, dass Doc NiceSurprise ein Redesign ihrer Website benötigt, da das alte Design nicht optimal strukturiert und visuell nicht ansprechend war. Neben dem Design-Update sollte eine Aktualisierung der Inhalte anhand einer SEO Analyse durchgeführt werden damit eine bessere Sichtbarkeit bei Neukunden geschaffen wird.
Die Herausforderung
Neben der konzeptionellen und gestalterischen Beratung während des gesamten Projekts wurde das bestehende Branding auf das Web optimiert und mit der Website harmonisiert, um ein stimmiges Markenbild zu erzeugen. Durch eine umfassende SEO-Analyse wurden Inhalte erstellt und die Gestaltung der Webseite optimiert, um eine einfache Navigation zu ermöglichen und die Sichtbarkeit bei Neukunden zu erhöhen. Die Aufmerksamkeit der Zielgruppe wird mit visuell ansprechenden Bildern geweckt und so eine emotionale, echte Verbindung mit den Kunden hergestellt. Die Website ist benutzerfreundlich gestaltet und bietet alle wichtigen Informationen um das volle Potential von Doc NiceSurprise auszuschöpfen.
Die Lösung
DER DESIGN PROZESS
User Research & SEO Analyse
RESEARCH
Primär wurde eine gründliche SEO-Analyse durchgeführt, um zu ermitteln, welche Optimierungen an der Webseite notwendig sind. Basierend auf den Ergebnissen wurden die Inhalte und Struktur der Webseite verbessert, um eine neue Sitemap zu erstellen. Durch eine Keyword-Analyse wurden passende Suchbegriffe identifiziert und an geeigneten Stellen auf der Webseite platziert, um die Lesbarkeit sowohl für Google als auch für die Nutzer zu erhöhen. Hierdurch konnte die Sichtbarkeit der Webseite gesteigert werden und gleichzeitig wurde die Chance auf Conversions erhöht.
SITEMAP
Mid Fidelity Wireframes
WIREFRAMING
Anhand der Mid Fidelity Wireframes wurde die zuvor erarbeitete Struktur der Webseite visuell dargestellt. Hiermit war es möglich weitere Optimierungen durchzuführen und erste Ideen für das User Interface zu erstellen.
MID FIDELITY WIREFRAMES
DESIGN SYSTEM
Das bereits bestehende Design für Printmedien wurde überarbeitet und auf das Web erweitert. Hierfür wurde ein Design System erstellt, das in allen weiteren Projekten angewendet wird um eine konstante Struktur auf allen Ebenen zu schaffen.
High Fidelity Wireframes
FINAL DESIGN
