1. Ausgangssituation
Hintergrund
Rolladen Menke ist ein traditioneller Handwerksbetrieb in Lamstedt, der sich auf Rollladenbau spezialisiert hat. Der Betrieb legt großen Wert auf Qualität und Handwerkskunst, konnte jedoch mit der alten Website seine Professionalität und Innovationskraft nicht mehr angemessen repräsentieren.
Probleme der alten Website
- Veraltetes Design: Das Design entsprach nicht mehr den modernen Standards und wirkte unprofessionell.
- Nicht responsiv: Die Website war nicht für mobile Geräte optimiert, was zu einer schlechten Nutzererfahrung auf Smartphones und Tablets führte.
- Unzureichende Inhalte: Wichtige Informationen über Dienstleistungen und Projekte waren schwer auffindbar oder gar nicht vorhanden.
- Schlechte Navigation: Die Struktur der Website war unübersichtlich und benutzerunfreundlich.
- Fehlende Interaktivität: Es gab keine Möglichkeiten für Kundenanfragen, Online-Terminbuchungen oder Bewertungen.
- Schlechte Performance: Lange Ladezeiten und veraltete Technologien beeinträchtigten die Benutzererfahrung.
- Keine SEO-Optimierung: Die Website war in Suchmaschinen kaum sichtbar, was zu geringen Besucherzahlen und Anfragen führte.
2. Ziele des Projekts
Zielsetzung
- Modernes und ansprechendes Design: Entwicklung eines Designs, das die Qualität und Expertise des Handwerksbetriebs widerspiegelt.
- Responsive Webdesign: Optimierung für alle Geräte, insbesondere für mobile Nutzer.
- Klare und informative Inhalte: Bereitstellung klarer Informationen über Dienstleistungen, Projekte und das Team.
- Benutzerfreundliche Navigation: Einfache und intuitive Navigation, die es den Nutzern ermöglicht, schnell die gewünschten Informationen zu finden.
- Interaktive Funktionen: Integration von Funktionen wie Kontaktformularen, Online-Terminbuchungen und Kundenbewertungen.
- Optimierung der Ladezeiten: Verbesserung der Performance durch moderne Webtechnologien.
- Suchmaschinenoptimierung (SEO): Verbesserung der Sichtbarkeit der Website in Suchmaschinen, um mehr potenzielle Kunden zu erreichen.
3. Projektumfang
Projektphasen
- Analyse und Planung
- Zielgruppenanalyse: Identifikation der Hauptzielgruppen (Privatkunden, Architekten, Bauunternehmen).
- Wettbewerbsanalyse: Analyse der Websites von Mitbewerbern, um Best Practices und Differenzierungsmöglichkeiten zu identifizieren.
- Content-Analyse: Bestimmung der benötigten Inhalte und Funktionen der neuen Website.
- Design und Entwicklung
- Erstellung eines Wireframes: Erste Entwürfe für die Seitengestaltung und Navigation.
- Design-Phase: Entwicklung eines modernen und professionellen Designs, das zur Markenidentität passt.
- Entwicklung: Umsetzung der Website mit aktuellen Webtechnologien (z.B. HTML5, CSS3, JavaScript).
- Testing und Optimierung
- Usability-Tests: Durchführung von Tests, um die Benutzerfreundlichkeit zu optimieren.
- Performance-Optimierung: Feintuning der Website zur Verbesserung der Ladezeiten und der allgemeinen Performance.
- Launch und Nachbereitung
- Launch der neuen Website: Veröffentlichung der neuen Website und Sicherstellung eines reibungslosen Übergangs.
- Feedback und Optimierung: Sammlung von Kundenfeedback und kontinuierliche Optimierung der Website.
4. Umsetzung
Design-Phase
Farbpalette und Branding:
- Auswahl einer Farbpalette, die die handwerkliche Qualität und Tradition des Unternehmens widerspiegelt (z.B. warme Holztöne, natürliche Farben).
- Integration des Firmenlogos in das Design, um die Markenidentität zu stärken.
Layout und Benutzerführung:
- Entwicklung eines klaren und strukturierten Layouts, das die Benutzerfreundlichkeit fördert.
- Einsatz von visuellen Hierarchien, um wichtige Informationen wie Dienstleistungen und Projekte hervorzuheben.
Responsive Design:
- Verwendung von flexiblen Layouts und Medienabfragen, um eine optimale Darstellung auf allen Geräten zu gewährleisten.
Entwicklungs-Phase
Technologie-Stack:
- Frontend: HTML5, CSS3, JavaScript
- Backend: WordPress als Content Management System für einfache Aktualisierungen durch den Kunden.
- Datenbank: MySQL
Funktionen:
- Online-Terminbuchung: Kunden können direkt auf der Website Termine für Beratungen oder Aufträge buchen.
- Kundenbewertungen: Integration von Bewertungsfunktionen, um Vertrauen zu schaffen und neue Kunden zu gewinnen.
- Portfolio-Galerie: Darstellung von abgeschlossenen Projekten in einer ansprechenden Galerie.
- Kontaktformulare: Einfache Möglichkeit zur Kontaktaufnahme und Angebotsanfragen.
- SEO-Optimierung: Implementierung von On-Page-SEO-Techniken wie Meta-Tags, Alt-Text für Bilder und suchmaschinenfreundliche URLs.
5. Ergebnisse
Nach dem Launch wird die Case Study fortgesetzt.