Hero-Bild der Website Hattendorf Kosmetik mit Cremes, Verpackungen und dekorativem Hintergrund.
Hero-Bild der Website Hattendorf Kosmetik mit Cremes, Verpackungen und dekorativem Hintergrund.

/

Hattendorf

Hattendorf Kosmetik — Webdesign Redesign

Hattendorf Kosmetik — Webdesign Redesign

Ein moderner Markenauftritt für ein Kosmetikstudio, das Ästhetik und Vertrauen vereint.

Ein moderner Markenauftritt für ein Kosmetikstudio, das Ästhetik und Vertrauen vereint.

Rolle

Produktdesigner (UX/UI)

Tools

Figma, ChatGPT

Fokus

Website Redesign

Jahr

2025

Projektüberblick

Hattendorf Kosmetik ist ein lokales Kosmetikstudio, das für hochwertige Behandlungen und persönliche Beratung steht.
Das bestehende Webdesign basierte auf einem Standard-WordPress-Template und spiegelte weder die Markenidentität noch die Professionalität des Studios wieder.

Ziel des Projekts war es, einen modernen, klar strukturierten und emotional ansprechenden Online-Auftritt zu gestalten, der das Vertrauen der Kund:innen stärkt und die Werte des Studios visuell transportiert.

Herausforderung

Das alte Design war unruhig, technisch eingeschränkt und vermittelte keinen hochwertigen Ersteindruck.
Durch die Verwendung eines starren Templates war es kaum möglich, individuelle Inhalte und Markenästhetik konsistent zu präsentieren.

creenshot der alten Website mit unübersichtlichem Layout und veralteter Struktur.
creenshot der alten Website mit unübersichtlichem Layout und veralteter Struktur.

Lösung

Das Redesign legte den Fokus auf Klarheit, Natürlichkeit und eine ruhige Farbwelt.
Durch den gezielten Einsatz von Weißraum, hochwertiger Typografie und stimmigen Bildwelten entstand eine Website, die Professionalität und Wohlgefühl vereint.
Die Struktur wurde vereinfacht, um Nutzer:innen schnell zu relevanten Informationen wie Leistungen, Öffnungszeiten und Kontaktmöglichkeiten zu führen.

Designprozess

Der Designprozess erfolgte in mehreren Schritten:

  • Research & Analyse: Bewertung der bestehenden Seite, Wettbewerbsanalyse und Definition der Zielgruppe

  • Wireframes: Erstellung einer klaren Informationsarchitektur mit Fokus auf Übersichtlichkeit

  • Visual Design: Entwicklung eines modernen, eleganten UI-Stils mit sanften Farben und organischen Formen

  • Prototyping: Aufbau eines interaktiven Figma-Prototyps zur Abstimmung mit der Kundin

Wireframe des neuen Website-Aufbaus mit klarer Hierarchie und Weißraum.

Ergebnis

  • Moderner Webauftritt mit hoher visueller Qualität

  • Reduzierte, klare Navigation für bessere Nutzerführung

  • Markenadäquate Farb- und Bildwelt, die Vertrauen und Ruhe ausstrahlt

Learnings

  • Redesigns erfordern ein tiefes Verständnis der bestehenden Markenidentität

  • Visuelle Konsistenz stärkt das Vertrauen der Nutzer:innen

  • Klare Struktur und minimalistische Gestaltung erhöhen die Wahrnehmung von Qualität

Finales Webdesign mit Produktbildern, eleganter Typografie und harmonischen Farben.
Finales Webdesign mit Produktbildern, eleganter Typografie und harmonischen Farben.

Bereit

für das

nächste Kapitel

Ich bin offen für neue Herausforderungen, die mich wachsen lassen und meine Arbeit weiterentwickeln.
Ständig lernend, ständig besser werdend.
Wenn du jemanden suchst, der Design-Sensibilität mit technischer Präzision verbindet –
ich freue mich, von dir zu hören.

UX/UI Designer Arne Schüler arbeitet an seinem Schreibtisch an einem Designprojekt auf zwei Monitoren.

Bereit

für das

nächste Kapitel

Ich bin offen für neue Herausforderungen, die mich wachsen lassen und meine Arbeit weiterentwickeln.
Ständig lernend, ständig besser werdend.
Wenn du jemanden suchst, der Design-Sensibilität mit technischer Präzision verbindet –
ich freue mich, von dir zu hören.

UX/UI Designer Arne Schüler arbeitet an seinem Schreibtisch an einem Designprojekt auf zwei Monitoren.

© 2025 Arne Schüler. All rights reserved.