Alya Leon

WordPress-Redesign und -Neuaufbau für ein kleines Unternehmen – von einem veralteten Layout zu einem neuen Design in WordPress, mit laufender Betreuung nach dem Launch.

In Arbeit – WordPress-Aufbau und laufende Pflege

Das Briefing

Als die ursprüngliche Entwicklerin der Kundin nicht mehr verfügbar war, wandte sie sich auf der Suche nach jemandem, der die laufende Pflege der Website übernehmen konnte. Neben der allgemeinen Unzufriedenheit mit dem veralteten Erscheinungsbild der Seite ergab sich damit die Gelegenheit, mehr als nur eine Übergabe zu machen – und so starteten wir ein vollständiges Redesign und einen Relaunch.

Während das neue Design und der Aufbau liefen, wurden wichtige Wartungsupdates durchgeführt, um die bestehende Website für die Nutzerinnen und Nutzer stabil und funktionsfähig zu halten. Die überarbeitete Website befindet sich derzeit in der Entwicklung; ein vollständiger Relaunch ist für Ende 2026 geplant.

Vorher

Die ursprüngliche Website

Hinweis: Die ursprüngliche Website war zum Zeitpunkt der Erstellung dieser Fallstudie noch online.

• Die Website war mehrere Jahre lang weitgehend unverändert geblieben, was zu einem veralteten Design geführt hatte, mit dem die Kundin nicht mehr zufrieden war.
• Da keine aktive Betreuung stattfand, waren Routine-Updates liegengeblieben und einige Funktionen funktionierten nicht mehr.
• Das bestehende Theme bot wenig Flexibilität für Änderungen oder Verbesserungen.
• Ein vollständiges Redesign mit einem neuen Theme war erforderlich, um eine saubere, pflegeleichte Grundlage für die Website zu schaffen.

Prozess

Designentscheidungen

Das Wireframing konzentrierte sich auf die Lösung von drei Problemen:

• Veraltete Struktur
• Unklare Hierarchie
• Der Hero-Bereich zeigte ein generisches Porträtfoto statt die eigentliche Markengeschichte

Wireframe – Seitenstruktur

Weitere Seitenbereiche umfassen: Leistungsübersicht, Willkommensbereich, Testimonial, CTA-Banner & Footer

Wireframe – Navigations­entscheidungen

Mobiler Breakpoint – unter ca. 768 px: Die Links werden in ein Hamburger-Icon (drei übereinanderliegende Linien) eingeklappt. Ein Tippen darauf öffnet ein vollflächiges Drawer-Overlay mit vertikal angeordneten Links, einem Schließen-Symbol und dem Sprachumschalter am unteren Rand.

Wireframe – homepage

Das Türmotiv wurde als wiederkehrende visuelle Metapher für das „Erschließen“ von Erkenntnis eingeführt.

Nachher

Neues Design

WordPress-Umsetzung in Arbeit

Mockup der Startseite

Mockup des „Über Alya“-Bereichs auf der Startseite

Mockup der Kontaktseite

Die neue Website geht in eine zugänglichere Richtung – klarere Typografie, ein frischer Einsatz von Farbe und eine Struktur, die es Besucherinnen und Besuchern leichter macht zu verstehen, was das Unternehmen anbietet und wie man Kontakt aufnehmen kann.

• Das Tür- und Schlüsselmotiv ersetzt den ursprünglichen, porträtbasierten Hero-Bereich durch eine visuelle Metapher für das „Erschließen“ von Erkenntnis — und verbindet die Bildsprache direkt mit der Kernbotschaft der Marke.
• Die Inhaltsstruktur wurde klarer gegliedert und neu aufgebaut, sodass Besucher sofort verstehen, was das Angebot umfasst und wie sie den nächsten Schritt gehen können.
• Das Ergebnis ist eine klare, pflegeleichte Grundlage, die für die Kundin einfach zu aktualisieren und ideal für künftiges Wachstum des Unternehmens geeignet ist.

Laufende Rolle