Perfekte Passform trifft nachhaltiges Design

Design + Code Custom solutions
    • 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.