Perfekte Passform trifft nachhaltiges Design

- Design + Code
- Wireframe
- interactive Protoype
- Website with CMS
- Size calculator
- Newsletter
- Onlineshop
- Multilanguage, german and english
- Tutorials how to use CMS

Webdesign + Code: Yulia
Branding: Studio Franza
Photos + Texte: Mona Heiß
Video: Faye Landborn

Underthehours produziert nachhaltige, handgemachte Lingerie aus Wien. Gegründet von Mona Heiß, spezialisiert sich das Label auf hochwertige Unterwäsche in kleineren Größen, die individuell und auf Bestellung gefertigt wird. Ziel des Projekts war es, eine nutzerfreundliche Website mit integriertem Onlineshop zu gestalten, die die nachhaltigen Werte der Marke klar kommuniziert.

Meine Rolle:

Ich übernahm die gesamte Konzeption, das Design und die Entwicklung der Website inklusive der Integration eines Content-Management-Systems (CMS).

Herausforderungen

Optimale Größenauswahl: Kund*innen benötigten eine einfache Möglichkeit, die richtige Größe zu bestimmen.
Video-Integration: Ein großes Vimeo-Video im Hero-Bereich musste eingebunden werden, ohne dabei die Performance und den Energieverbrauch der Website negativ zu beeinflussen.

Zielsetzungen

Klare Vermittlung des nachhaltigen Markenimages.
Intuitive und benutzerfreundliche Website-Navigation.
Geringer Energieverbrauch und schnelle Ladezeiten.

Lösungsprozess

1. Recherche und Planung

Identifikation der Kernbedürfnisse der Nutzer*innen.
Analyse vergleichbarer nachhaltiger Marken und deren Webauftritt.

2. Umsetzung der Lösungen

Größenrechner: Entwicklung eines intuitiven Tools, das Kund*innen dabei unterstützt, problemlos die passende Größe zu ermitteln.
CMS-Integration: Implementierung eines nutzerfreundlichen CMS, das Underthehours eigenständige Inhaltsaktualisierung ermöglicht.
Mehrsprachigkeit: Aufbau der Website in Deutsch und Englisch, um internationalen Nutzer*innen gerecht zu werden.
Newsletter: Integration einer Newsletter-Funktion zur effektiven Kundenkommunikation.
Tutorials: Erstellung detaillierter Anleitungen für eine selbstständige Pflege des CMS durch das Team.

3. Technische Optimierung

Optimierung des Vimeo-Hero-Videos durch effiziente Einbindungsmethoden und Kompression, um Ladezeiten und Energieverbrauch zu minimieren.

Ergebnisse

Eine energieeffiziente und klar strukturierte Website, die sowohl das nachhaltige Image von Underthehours als auch die Nutzerfreundlichkeit deutlich verbessert hat.
Deutlich optimierte Ladezeiten trotz multimedialer Inhalte.