Das alte Design
- Veraltetes Layout ohne klare visuelle Hierarchie — Besucher wussten nicht, wo sie anfangen sollten
- Unstrukturierte Leistungsseiten mit zu viel Text und zu wenig Orientierung
- Schwache CTAs, die kaum Kontaktanfragen generierten
- Kein einheitliches Design-System — verschiedene Schriften, inkonsistente Farben, kein Wiedererkennungswert
- Nicht für mobile Geräte optimiert
Das neue Design
- Modernes, klares Layout mit konsequenter visueller Hierarchie und intuitiver Navigation
- Strukturierte Leistungsseiten mit klaren Nutzenargumenten, Icons und prägnanten Aussagen
- Prominente, eindeutige CTAs an den richtigen Stellen der User Journey
- Konsistentes Design-System mit definierten Farben, Typografie und Komponenten
- Mobile-first gedacht und vollständig responsiv designed
Komplette Überarbeitung der Seitenstruktur — Leistungen, Referenzen und Kontakt klar gegliedert und logisch miteinander verknüpft.
CTAs wurden strategisch entlang der User Journey platziert — von der Startseite bis zur Kontaktseite, immer zur richtigen Zeit sichtbar.
Aufbau eines konsistenten Komponentensystems in Figma — für schnelle Übergaben an Entwickler und einfache spätere Anpassungen.
Überarbeitete Schrifthierarchie mit definierten Größen und Abständen — für bessere Lesbarkeit und einen professionelleren ersten Eindruck.
Alle Ansichten wurden mobile-first entworfen und anschließend für Desktop skaliert — für eine konsistente Erfahrung auf jedem Gerät.
Vollständig verknüpfter Klick-Prototyp in Figma — für realistische Usability-Tests und eine reibungslose Übergabe an das Entwicklungsteam.
So entstand
das Redesign
Systematische Analyse der bestehenden Website: Heatmaps, Nutzerpfade, Schwachstellen in der Navigation und Conversion-Hindernisse identifiziert.
Neue Informationsarchitektur entwickelt, Wireframes für alle Kernseiten erstellt und mit dem Kunden abgestimmt — bevor ein einziges Pixel designt wurde.
High-Fidelity Designs in Figma und Adobe XD: modernes Design-System, konsistente Komponenten, Licht- und Dunkel-Varianten für alle Schlüsselseiten.
Vollständig verknüpfter interaktiver Prototyp, Developer-Handoff mit Spacing-Tokens und Komponent-Dokumentation für eine reibungslose Umsetzung.
Design
Highlights
Vertraulichkeit
Dieses Projekt unterliegt einer Vertraulichkeitsvereinbarung. Der Kunde und die finale Website werden nicht öffentlich genannt. Die gezeigten Design-Mockups sind vereinfachte Darstellungen des tatsächlichen Projekts.
Website braucht
ein Redesign?
Ich analysiere, was nicht funktioniert — und designe, was Besucher zu Kunden macht.