Case Study: Webdesign & UX-Strategie für „Peerless GmbH“

Ein digitaler Showroom für erstklassiges Handwerk: Die neue Webpräsenz der Peerless GmbH vereint ästhetische Inspiration mit funktionaler Beratung. Durch ein nutzerzentriertes Interface werden hochwertige Bodenlösungen für Privat- und Gewerbekunden erlebbar gemacht – von der ersten Inspiration bis zur präzisen Planung

Problem Statement

Die bisherige Präsenz konnte die Tiefe der individuellen Beratung und die Vielfalt der Materialien (Parkett, Laminat, Vinyl etc.) nicht ausreichend abbilden. Es fehlte eine klare Struktur, die sowohl Privat- als auch Gewerbekunden anspricht.

The Solution

Ein modernes, responsives Webdesign mit Fokus auf Visual Storytelling und klarer Leistungsübersicht. Durch eine strukturierte Informationsarchitektur findet der Nutzer nun intuitiv von der Inspiration (Materialwahl) bis zur Kontaktaufnahme.

My Role & Project Overview

UI/UX Designer, Konzeption, Design & visuelle Strategie

Project Duration

4 Wochen (Mai 2025)  16+ Screens

Tools Used

Figma, Photoshop, Nicepage, Google Forms.

Design Process
1. Empathize:
  • Untersuchung der Zielgruppen (Hausbesitzer & Architekten).
2. Define:
  • Erstellung einer Sitemap mit Fokus auf die Kernbereiche: Bodenverlegung, Sanierung und Beratung.
3. Ideate:
  • Entwicklung eines edlen Farbschemas (Petrol- & Erdtöne), das Professionalität und Bodenständigkeit vermittelt.
4. ​Prototype:
  • Optimierung der mobilen Ansicht für die Nutzung direkt auf der Baustelle oder beim Kunden.
5. Launch:
  • Übergabe der responsiven Web-Assets und Implementierung für eine nahtlose Performance.
User Insights & UX-Fokus
  • Bedürfnis: Kunden suchen nicht nur einen Bodenleger, sondern Inspiration und fachliche Sicherheit.
  • Lösung: Integration einer Sektion für „Individuelle Beratung“, die den Prozess der Muster- und Farbwahl erklärt.
Wichtige Anforderungen an das Design
  • Visuell ansprechendes Design
  • Benutzerzentriertes Layout
  • Konversionsoptimierung (CTAs, Bewertungen)
  • Responsives Design
Typography:

Headline: Montserrat – Eine markante, serifenlose Schrift, die Modernität und architektonische Klarheit ausstrahlt.
Body: Open Sans – Gewählt für maximale Lesbarkeit, um technische Details und Beratungsinhalte klar zu vermitteln.

Colors

Deep Petrol: Vermittelt Seriosität, Vertrauen und eine moderne Exklusivität.
Soft Sand: Ein warmer Naturton, der den Bezug zu hochwertigen Materialien wie Holz und Parkett herstellt.
Slate Grey: Sorgt für starke Kontraste und eine präzise visuelle Hierarchie.

Key Features der Webseite

Interaktive Leistungsübersicht: Schneller Zugriff auf Bodenverlegung, Sanierung und Planung.

Mobile-First Design: Nahtlose Bedienung auf allen Endgeräten, optimiert für schnelle Ladezeiten.

Strukturierter Beratungspfad: Klare Aufbereitung der Schritte zur individuellen Wunschlösung (Materialauswahl, Raumkonzept, Pflege).

High Fidelity Preview