Fallstudien: So entstehen Websites in echten Projekten

Hi und willkommen in der Kategorie Fallstudien!

Modern, schnell und suchmaschinenoptimiert: So klingt die Website in vielen Angeboten. Klingt gut, oder?

Aber wie läuft so ein Projekt in der Praxis ab? Wer entscheidet was? Wann siehst Du den ersten Entwurf? Und was passiert, wenn die Website online ist?

Genau das zeige ich Dir hier. Keine Theorie, sondern echte Projekte Schritt für Schritt: vom ersten Gespräch über den Prototyp bis zur Übergabe.

Und weil sich fast jeder Unternehmer irgendwann fragt, ob sich eine Website überhaupt rechnet, findest Du hier auch eine ausführliche Beispielrechnung dazu.

info

Hier findest Du drei Website-Projekte, die ich umgesetzt habe (zwei Tech-Startups und eine Dolmetscheragentur), und eine ROI-Beispielrechnung für eine fiktive IT-Beratung.

Warum ich Fallstudien schreibe

In meinen anderen Artikeln erkläre ich Dir einzelne Bausteine einer guten Website. Das ist wichtig. Aber erst in einem konkreten Projekt siehst Du, wie die Puzzleteile zusammenpassen.

Denn jedes Projekt startet mit einer anderen Ausgangslage:

• Keine Marke: Ein Startup braucht erst Logo und Designsystem und dann die Website.
• Marke vorhanden: Logo und Farben gibt es schon, aber die Zielgruppe weiß nicht, dass es das Unternehmen gibt.
• Zweifel an der Investition: Die Angebote liegen auf dem Tisch, aber niemand weiß, was die Website am Ende einbringen soll.

Die Fallstudien zeigen Dir, wie man mit genau solchen Situationen umgeht. Und Du wirst schnell merken: Der Ablauf ähnelt sich.

Zielgruppe klären, Designsystem aufbauen, einen interaktiven Prototyp in Figma zeigen und erst nach der Freigabe entwickeln.

Warum?

Weil Du so siehst, wie Deine Website aussehen und funktionieren wird, bevor die Entwicklung beginnt. Und Du kannst am Prototyp Feedback geben und Inhalte anpassen.

Was Dich in diesem Bereich erwartet

• Website ROI Berechnung: Wie viel ist eine Website wert?: Am Beispiel der fiktiven „Max Mustermann Consulting“ rechne ich Schritt für Schritt vom Website-Traffic über Klickrate, Konversionsrate und Abschlussrate bis zum ROI. Lies das, bevor Du Angebote für eine neue Website vergleichst, damit Du weißt, welche Faktoren über ihren Wert entscheiden.
• Branding und Homepage für Tech-B2B-Startup Celestical: Für die EU-basierte Cloud Celestical habe ich ein Designsystem von Grund auf entwickelt, vier Logo-Entwürfe erstellt und die Website mit Nuxt.js umgesetzt, damit sich Besucher für die Warteliste anmelden. Spannend für Dich, wenn Du ein Startup ohne Markenidentität hast oder Entwickler als Zielgruppe erreichen willst.
• Homepage und Branding für Tech-Startup INDI-MELT: Hier siehst Du, wie aus einem Induktions-Schmelzofen-System eine Marke wurde: warme Farben, runde Formen, Visitenkarten für die Messe und eine interaktive React-Website. Lies das, wenn Du auf Messen und online einheitlich auftreten willst.
• Website für Main Ginko Hallex Dolmetschagentur: Eine Dolmetscheragentur wollte Dolmetschstudierende für Praktika gewinnen und ihre Kunden informieren. Du erfährst, wie aus vorhandenem Logo und Farbschema ein Designsystem wurde, wie der interaktive Buchungskalender entstand und warum ich am Ende das CMS WordPress eingerichtet habe. Ideal, wenn Du Deine Inhalte nach dem Launch selbst pflegen willst.

Denk daran: Die ROI-Rechnung ist bewusst vereinfacht, das sage ich im Artikel offen. Nimm die Zahlen als Beispielrechnung und setze Deine eigenen Werte ein.

tipp

Starte mit der ROI-Berechnung, wenn Du noch überlegst, ob sich eine neue Website für Dich lohnt. Bist Du schon entschieden, nimm Dir die Projekt-Fallstudie vor, deren Ausgangslage Deiner am nächsten kommt.

Was die Projekte gemeinsam haben

Nebeneinander gelesen, zeigen die drei Projekte klare Muster:

• Zielgruppe zuerst: Bei Celestical waren es Entwickler in Tech-KMU, bei INDI-MELT Ingenieure und Techniker in der Industrie. Daran orientiert sich, wie die Website wirken soll.
• Designsystem als Fundament: Typografie, Farben, Abstände und Eckrundungen halte ich in einem Designsystem fest, das die Marke widerspiegelt.
• Prototyp vor Code: Struktur und Nutzererlebnis entstehen in Figma. Bei Celestical und Main Ginko konnten die Kunden den Prototyp schon nach einer Woche testen.
• Performance und SEO von Anfang an: Die Websites von Celestical und Main Ginko erreichten im Lighthouse-Test jeweils 100/100 für SEO und 98/100 bzw. 97/100 für Performance. Bei Celestical kamen semantische HTML-Tags und Schema-Markup dazu.
• Saubere Übergabe: Celestical und INDI-MELT bekamen eine Dokumentation, Main Ginko eine individuelle WordPress-Schulung und eine Einweisung in die Suchmaschinenoptimierung.

Für wen sich die Fallstudien lohnen

• Gründer von Tech-Startups, die Marke und Website in einem Rutsch aufbauen wollen.
• Geschäftsführer im B2B, die eine neue Website planen und wissen möchten, wie so ein Projekt abläuft.
• Unternehmer, die erst rechnen wollen, bevor sie Geld in eine Website stecken.
• Marketing-Verantwortliche, die Angebote von Agenturen und Freelancern vergleichen und verstehen wollen, worauf es ankommt.

Wenn Du gerade vor der Entscheidung für eine neue Website stehst, bekommst Du hier einen ehrlichen Blick hinter die Kulissen.

Was Du als Nächstes tun solltest

Womit Du startest, hängt von Deiner wichtigsten Frage ab:

1. Lohnt es sich? Lies die ROI-Berechnung und überlege, welche Werte wie Suchvolumen, Konversionsrate und Auftragswert für Dein Geschäft gelten.
2. Was darf es kosten? Schau Dir an, worin sich teure und günstige Websites unterscheiden.
3. Was muss die Website können? Mit dem Website-Anforderungskatalog prüfst Du, ob Du an alle 10 Must-Haves gedacht hast.

Und falls Du Dein eigenes Projekt besprechen willst, buche Dir gerne eine kostenlose 1:1-Beratung bei mir oder buche Dir direkt einen Termin in meinem Kalender.

Nach der Lektüre weißt Du, wie ein Website-Projekt von der Zielgruppe bis zur Übergabe abläuft, und kannst viel besser einschätzen, was Deine eigene Website leisten soll.

Weitere Themen: Design, Strategie, SEO & SEA, Web-Dev und alle Artikel.