Zur Website →
Herausforderung
Tagesmütter wurden in der Gemeinde oft nicht als professionelle Dienstleisterinnen wahrgenommen und hatten wenig Mitspracherecht. Um ihrem Anliegen mehr Gewicht zu verleihen, schlossen sie sich zu einem Verein zusammen. Sie benötigten eine Website, die ihre Professionalität unterstreicht und das Vertrauen der Zielgruppen stärkt. Ziel war es, durch konsistentes und seriöses Design aller Touchpoints eine hochwertige Außendarstellung zu erreichen – bewusst ohne verspielte oder kindliche Gestaltungselemente.
User-Research
- Welche Fragen muss die Website beantworten?
Mittels KI-gestütztem Research wurden die häufigsten Nutzerfragen identifiziert: Wer sind die Tagesmütter? Welche Qualifikationen haben sie? Wie kann ich Kontakt aufnehmen? Welche Betreuungsplätze sind verfügbar? - Welche Erwartungen haben die Nutzer:innen an Tagesmütter?
Bereits vorhandene Studien und User-Research-Daten aus ähnlichen Projekten wurden ausgewertet, um Erwartungen an Professionalität, Transparenz und Vertrauenswürdigkeit zu verstehen. - Welche Inhalte sind für die Zielgruppe am wichtigsten?
Eltern legen Wert auf klare Informationen zu Konzepten, Qualifikationen und Buchungsmodalitäten; Gemeinden interessieren sich für rechtliche Grundlagen und Kooperationsmöglichkeiten. - Welche Tonalität und Gestaltung wird als professionell wahrgenommen?
Die Analyse zeigte, dass ein klar strukturierter, ruhiger und seriöser Look Vertrauen schafft – kindliche Designs wirken in diesem Kontext kontraproduktiv.
Konzeption und Umsetzung
Inhalte & Struktur:
- Entwicklung einer klaren Inhaltsarchitektur basierend auf den Nutzerbedürfnissen: Startseite, Über uns, Leistungen, Informationen für Eltern, Kontaktformular.
- Priorisierung von Transparenz und einfacher Navigation.
Design & Entwicklung:
- Erstellung eines konsistenten visuellen Systems basierend auf einem professionellen, zurückhaltenden Farbschema (Farbwünsche der Tagesmütter wurden integriert).
- Entwicklung des Logos und Ableitung des visuellen Erscheinungsbildes.
- Gestaltung minimalistischer Wireframes zur frühen Visualisierung der Nutzerführung.
- Responsive Frontend-Entwicklung unter besonderer Berücksichtigung von Performance- und SEO-Optimierung.
Optimierung:
- Reduzierung aller nicht essenziellen Designelemente zur Förderung einer seriösen Außenwirkung.
- Laufende Feinjustierung des Contents nach Prinzipien des UX-Writing (klar, präzise, vertrauensfördernd).
- Navigation und Headerbereich wurden nochmal überarbeitet, damit Besucher ein gewohnteres Bild einer Website haben und sich schneller zurechtfinden.
Test und Validierung
- Durchführung eines Heuristic Markups, um Usability-Probleme frühzeitig zu erkennen und zu beheben.
- Anwendung des 5-Sekunden-Tests auf die Startseite: Überprüfung, ob Kernaussage und Handlungsaufforderungen sofort verständlich sind.
- Iterative Anpassung auf Basis der Testergebnisse, insbesondere hinsichtlich Textkürzung und visuellem Fokus.
- Testen und validieren aller Seiten auf Barrierefreiheit mit Browsertools, wie z.B. Wave oder Entwicklertools, und per Tastatur.