Unser Website-Kreations-Prozess: So entwickeln wir deine maßgeschneiderte Business-Website

Die eigene Website ist das wichtigste Marketinginstrument eines Unternehmens, denn sie ist immer einer der ersten Anlaufpunkte für Interessent:innen. Und genau hier fällt die Entscheidung: Laut Stanford University beurteilen 75 % der Nutzer:innen die Glaubwürdigkeit eines Unternehmens am Webdesign. Die Optik und Benutzerfreundlichkeit deiner Website lassen Besucher:innen direkt auf die Professionalität deines gesamten Unternehmens schließen. Sie sollte daher die hochwertige und professionelle Arbeit deines Unternehmens perfekt widerspiegeln und entsprechend selbst hochwertig und professionell wirken. Außerdem sollten sich Benutzer:innen schnell und intuitiv auf ihr zurechtfinden. Nur so liefert eine Website regelmäßig neue Anfragen.

Die Kreation einer professionellen, maßgeschneiderten Business-Website ist ein aufwändiger Prozess, der sich marketingtechnisch lohnt. Das Ergebnis funktioniert.

Bei uns hat sich für die Website-Entwicklung ein Workflow etabliert, der im Großen und Ganzen folgenden Phasen folgt:

Phase 1: Erstgespräch ☎️

Im kurzen telefonischen Erstgespräch wird das geplante Projekt grob umrissen. Du erzählst kurz über dich und dein Unternehmen und es werden erste Anforderungen geklärt. Außerdem wird geklärt, welche Voraussetzungen für eine neue Website bereits bestehen, wie z.B.:

• ein Corporate Design (zumindest ein Style Guide)
• ein Logo
• Texte & Bilder

So entsteht frühzeitig ein grobes Bild über den späteren Umfang des Projekts. Außerdem wird der gewünschte Zeitrahmen geklärt und es gibt direkt Rückmeldung, ob dieser realistisch und umsetzbar ist.

Ziel des Gesprächs:

• ein erstes Bild vom geplanten Projekt bekommen
• eigene Ressourcen einschätzen
• Kosten- und Zeitrahmen abgleichen

Phase 2: Anforderungs-Workshop 🤝

Im nächsten Schritt findet ein Anforderungs-Workshop statt. Der Workshop wird als Online-Meeting durchgeführt und von unserer Agentur ist das ausführende Kern-Team anwesend (Designer und Entwickler). Ziel dieses Workshops ist es, alle Anforderungen im Detail durchzusprechen. Dabei stehen wir beratend zur Seite und geben Empfehlungen, Einschätzungen und Hinweise zu deinen Wünschen und Vorstellungen. Neue Ideen bringen wir ebenfalls ein.

Ein wichtiger Benefit: Zu den gewünschten Anforderungen können wir direkt auch finanzielles Feedback geben. So lässt sich am Ende genau das Set an Anforderungen zusammenstellen, das in dein anvisiertes Projektbudget passt.

Phase 3: Angebot 📋

Erst jetzt haben wir genug Informationen gesammelt, um ein detailliertes und belastbares Angebot zu erstellen. Bei so vielen Angebotspositionen wie möglich definieren wir Festpreise, was durch die detaillierte Vorarbeit meistens gut möglich ist.

Nicht immer kann schon im Anforderungs-Workshop jeder Aspekt bis ins Detail geklärt werden. Bei diesen Teilaufgaben geben wir Ab-Preise an und nennen in der Regel ein Spektrum von/bis, in dem sich der finale Preis mit hoher Wahrscheinlichkeit befinden wird. Im Projektverlauf können bei Bedarf aktualisierte und genauer definierte Preise zurückgemeldet werden.

Phase 4: Konzept 📐

Ist das Angebot angenommen, geht es nun ans Eingemachte – dem ersten Teil der konkreten Projektumsetzung: das Konzept.

In dieser Phase stimmen wir die Informationsarchitektur der Website ab. Konkret wird die Sitemap der späteren Website auf Basis der gewünschten Inhalte entwickelt. Außerdem differenzieren wir die Inhalte aller Unterseiten im Layout klar aus – wir definieren also schon die jeweiligen Positionen für unterschiedliche Inhaltstypen im Layout, ohne uns an dieser Stelle schon im Detail mit den Inhalten (Bilder, Texte) zu beschäftigen.

Für einen Website-Relaunch planen wir jetzt auch die dafür notwendigen weiteren Details, z.B. damit ein SEO-sicherer Wechsel von der alten zur neuen Website klappt, ohne dass die Website an Sichtbarkeit in Suchmaschinen verliert.

Phase 5: Webdesign 🎨

In dieser kreativen Phase entwickeln wir das eigentliche Webdesign der neuen Website. Ausgangspunkt ist das Corporate Design (zumindest ein Style Guide), sodass Wiedererkennungseffekt und Markentreue gegeben sind.

Das Ergebnis präsentieren wir grafisch und online in Adobe XD bzw. Figma – du kannst dir optisch und teilweise sogar interaktiv einen sehr genauen Eindruck über das Look & Feel der späteren Website verschaffen.

Nach Erstellung des Webdesigns gibt es ein gemeinsames Online-Meeting, in dem wir ganz konkret über Details, einzelne Inhaltselemente, grafische Elemente etc. sprechen können. In einem nächsten Schritt nehmen wir gegebenenfalls Feintuning vor. Die Häufigkeit der Iterationen ist begrenzt und hängt auch stark vom Budget des entsprechenden Projekts ab.

Phase 6: Content Management 📝

Nachdem in der Webdesign-Phase überwiegend noch mit Beispielinhalten gearbeitet wurde, geht es in dieser Phase nun konkret an die echten Inhalte – also Bilder, Texte, vielleicht Videos – die später auf der neuen Website veröffentlicht werden sollen.

Texte

Die Texte für jede Unterseite der Website werden häufig von den Kund:innen vorformuliert, wir bieten aber auch die komplette Kreation von marketinggerechten Texten an. Die vorformulierten Texte arbeitet unsere Textspezialistin marketinggerecht auf, formuliert sie also teilweise um und optimiert sie für den Einsatz auf einer Website. Einzelne Phrasen werden herausgenommen und neu zusammengestellt, alles optimal angepasst auf das zuvor kreierte Webdesign und Layout der zukünftigen Website.

Bilder

Bei den Bildern arbeiten wir in der Regel mit einer Mischung aus persönlichen Bildern, zum Beispiel Personenaufnahmen der Mitarbeitenden, aber auch mit Außenaufnahmen und Innenaufnahmen des Business oder der angebotenen Produkte. Diese kombinieren wir mit einer handselektierten Auswahl an Stockfotografien von Getty und anderen renommierten Stockfotografie-Anbietern. Bei Bedarf empfehlen wir auch Fotograf:innen, die professionelle Fotos vor Ort erstellen können.

Aus deinem Fotoarchiv und handverlesenen Stockfotografien stellen wir für jede Unterseite passende Bilder zusammen, die perfekt auf die Inhalte abgestimmt sind und grafisch harmonieren.

Die Ergebnisse sind am Ende wieder in Adobe XD oder Figma zu begutachten und werden in einem gemeinsamen Online-Meeting besprochen. In einem nächsten Schritt nehmen wir gegebenenfalls Feintuning vor. Die Häufigkeit der Iterationen ist begrenzt und hängt auch stark vom Budget des entsprechenden Projekts ab.

Phase 7: Website-Programmierung 💻

Das Konzept der Website steht nun bis ins letzte Detail. Design, Struktur und Inhalte sind klar definiert und abgestimmt.

Jetzt kann es an die Programmierung der Website gehen. Das Konzept in Adobe XD oder Figma setzt unser Entwickler nun technisch auf Basis des Content Management Systems WordPress oder Contao um. Dabei überführen wir das Design eins zu eins in eine echte Website – kompatibel für alle modernen Browser wie Google Chrome, Mozilla Firefox oder Safari.

Erst programmieren wir das Grundgerüst der Website: den Header-Bereich, den Footer-Bereich und den Haupt-Content-Bereich, außerdem die Navigation.

Dann programmieren wir alle Inhaltselemente, die das Webdesign vorsieht. Das beginnt bei der Überschrift, der Unterüberschrift, geht über Absätze und Sektionen bis hin zu Bildern, Slidern, Akkordeons, Kacheln & Boxen etc.

Natürlich berücksichtigen wir auch Responsive Design, sodass die Website gleichermaßen auf verschiedenen Endgeräten funktioniert, z.B. auf einem schmalen Handy oder auch auf einem großen Desktop-Monitor.

Phase 8: Content Building 🏗️

In der Programmierphase arbeiten wir noch viel mit Beispiel-Content und bauen auch nur ein paar Unterseiten tatsächlich auf. Immer nur so viel, dass es gerade für die Entwicklung der einzelnen Inhaltselemente reicht.

In dieser achten Phase bauen wir schlussendlich die gesamte Website auf, Unterseite für Unterseite, Absatz für Absatz, Bild für Bild.

Auch Querverlinkungen und externe Links setzen wir jetzt. Außerdem bereiten wir alle benötigten Bilder und Grafiken passgenau für den Einbau an die für sie vorgesehene Stelle im Layout vor und integrieren sie schlussendlich.

Möchtest du eine mehrsprachige Website, muss dieser Prozess für jede Sprache separat einmal durchlaufen werden.

Phase 9: Launch 🚀

Die Website ist nun komplett fertiggestellt und wurde intensiv getestet. Im nächsten Schritt stellen wir sie in einer Test-Umgebung auf dem Webspace zur Verfügung. Jetzt kannst du die neue Website ausgiebig begutachten und selbst noch einmal testen.

Nach Abnahme veröffentlichen wir die Website. Eventuell setzen wir spezifische SEO-Maßnahmen um, sodass ein Wechsel bei einem Relaunch nahtlos und ohne Verlust von Sichtbarkeit in den Suchmaschinen vonstattengeht.

Nach dem Launch weiter für dich da ✅

Nach erfolgreichem Launch der Website lassen wir dich nicht im Regen stehen. Auf Wunsch geben wir kleine Schulungen für Redakteur:innen im konkreten Content Management System (WordPress oder Contao) und auch Wartungsverträge für die regelmäßige Wartung, Instandhaltung und Pflege der Website sind üblich.

Bereit für deine neue Website? 💬

Du möchtest eine professionelle Business-Website, die dein Unternehmen perfekt präsentiert und neue Kund:innen anzieht? Dann lass uns gemeinsam dein Projekt besprechen! Robert und unser Team freuen sich darauf, mehr über deine Ideen und Anforderungen zu erfahren. Schreib einfach eine E-Mail an robert@webaffin.de – wir melden uns zeitnah bei dir zurück und vereinbaren ein unverbindliches Erstgespräch. 🚀