• Konzeption & Planung
  • Die Zieldefinition fragt danach, was mit der Website erreicht werden soll (z. B. Informations­bereitstellung, Kunden­gewinnung), bei der Zielgruppen-Bestimmung geht es darum, wer die Hauptnutzer sein werden (z. B Alter, Interessen, Hobby).
  • Die Inhaltsplanung legt den Content (Texte, Bilder, Videos) fest, zum Stichwort Struktur werden Gedanken zur Sitemap und zur Navigation formuliert.
  • Der Programmierungsteil dieser Phase beschäftigt sich mit der Technik (HTML, CSS, JavaScript etc. / Frontend / ggf. Backend /Frameworks usw.), hält Vorgaben zu Hosting und Domain fest und gibt die SEO-Strategie vor.
• Designphase
  • Farben, Schriftarten und Stile werden unter Berücksichtigung von Corporate Identity besprochen. Müssen ein Moodboard und/oder ein Styleguide erstellt werden? Welche Anforderungen werden an das responsive Design gestellt?
  • Aus der Brille der Programmierung stehen Themen wie CSS-Stile, JavaScript bis hin zur Barrierefreiheit an.

Thematisierten die anfänglichen Schritte bevorzugt die grundsätzlichen Überlegungen, beschäftigen wir uns nun mit dem eigentlichen Content und dessen Darstellung.

• Inhalte erstellen & einpflegen
  • Beim Webdesign geht es um Texte, die zu schreiben sind und um Bilder, die auszusuchen oder zu erstellen bzw. für die Lizenzrechte zu erwerben sind. Vielleicht besteht die Absicht, Videos einzubinden, entsprechende Arbeiten sind zu planen und anzugehen.
  • Für die Akzeptanz Ihrer HomePage sind die klare Lesbarkeit durch Schriftarten und Zeilenabstände und die harmonische Anordnung von Elementen von Bedeutung.
  • Der "Techniker" klärt, ob sich eine individuelle Programmierung, ein CMS oder ein Headless-CMS anbieten und ob Datenbanken, z. B. MySQL, und/oder ob externe Datenquellen, z. B. Wetterdaten oder öffentliche Webcams, zu integrieren sind.
• Funktionalität und Interaktivität
  • Auf der Tagesordnung stehen weitere Fragen zur intuitiven Navigation und Überlegungen zur passenden Platzierung von 'Call-to-Actions', Buttons und Formularen.
  • Beim Coding wird die Server­logik erstellt, es geht also um z. B. Nutzeranmeldungen oder die Verarbeitung von Daten. Wichtig sind auch Sicherheit und Authentifizierung, wie z. B. SSL und Passwort­verschlüsselung. Nicht zuletzt wollen interaktive Funktionen (z. B. suchen, filtern, sortieren etc.) besprochen werden, darüber hinaus könnten spezielle Tools, z. B. Live-Chats, Termin­buchungen, Kommentierungs­funktionen etc. eine Rolle spielen.

Inzwischen sind wir weit voran­geschritten, haben am Gerüst Ihrer HomePage gearbeitet und für guten und interessanten Content gesorgt.

• Testen & Optimieren
  • Testen, auch durch Dritte, Feedback, Anpassungen.
  • Website auf allen gängigen Browsern auf korrekte Darstellung testen, ggf. nachbessern.
  • Bilder komprimieren, Caching einrichten, JavaScript und CSS minimieren.
  • Code auf Fehler testen.
• Veröffentlichung
  • Die abschließende Design-Prüfung legt den Fokus auf alle Designelemente. Sind alle Vorgaben korrekt umgesetzt worden?
  • Finden Sie selbst, dass Ihr digitales Schaufenster ansprechend und funktional zugleich ist?
  • Website auf den Server hochladen.
  • Bei größeren Projekten und je nach Funktionen eingebundener Tools spielt die Software­verteilung, neudeutsch "(Software) Deployment", eine Rolle. Und in nicht wenigen Fällen sind Analytic-Tools und Werkzeuge für die Fehler­überwachung und das Performance-Tracking gewünscht.