Strategiegespräch Warum wir nie mit Code beginnen
Eine Website lässt sich nicht isoliert bauen. Bevor die Entwicklung beginnt, prüfen wir eine Sache: Haben Sie ein solides Markenhandbuch? Wenn ja, sind Sie bereit für die Entwicklung Ihrer Website. Wenn nicht, legen wir zuerst dieses Fundament. Denn eine Website ohne tragendes Markensystem kommuniziert Inkonsistenz, und im Premiumsegment wirkt Inkonsistenz wie unkontrollierte Qualität.
Diese Prüfung schützt Sie. Sie macht den Unterschied zwischen einer Website, die eine Saison lang gut aussieht, und einer Website, die Sie auch in drei Jahren noch überzeugend repräsentiert.
Eine Website, die antwortet
Unsere Websites werden in Figma gestaltet und in Astro gebaut. Dass die Arbeit mit ihnen so angenehm ist, hat einen Grund, den die meisten Agenturen nicht bieten können: Sie sprechen mit Ihrer Website in natürlicher Sprache. Ihre Website wird zur zentralen Wahrheitsquelle (Single Source of Truth) für Ihr gesamtes Unternehmen. Hier läuft die gesamte Technik Ihres Designs zusammen. So entsteht ein Fundament, auf dem Sie Automatisierungen im ganzen Unternehmen aufbauen können. Ihre Texte, Ihre Struktur und Ihre Daten liegen an einem Ort, und Ihre Tools können darauf zugreifen.
Genau dort machen wir den Unterschied. Kein hübscheres Template, sondern eine Website, die als Infrastruktur funktioniert.
Der Plan in drei Schritten
Erstens legen wir das Fundament: den Kern Ihres Unternehmens, die Story, die Seiten. Zweitens geben wir ihm Form: Struktur und Stil, dann ein vollständiges Design, das Sie in Figma freigeben. Drittens bauen und übergeben wir: Entwicklung in Astro, ein gemeinsames Review und der Launch. Insgesamt sechs Phasen, jede mit einer eigenen Feedbackrunde. Die Details finden Sie unten. Den vollständigen Prozess können Sie oben auf dieser Seite als PDF herunterladen oder in Ihren eigenen KI-Assistenten kopieren.
Phase 1: Fundament
Wir beginnen mit einem Moodboard und formulieren ein BrandScript. Darin arbeiten wir den Kern Ihres Unternehmens heraus, damit die Kommunikation auf der Website auch für Menschen schlüssig ist, die Ihren Namen noch nie gehört haben. Außerdem erstellen wir eine Sitemap: Wir halten jede Seite fest, die Ihre Website aus unserer Sicht braucht, und wie diese Seiten miteinander verbunden sind.
Wenn wir uns über Sitemap, Seiten, deren Verknüpfungen, BrandScript und Moodboard einig sind, gehen wir weiter. Nicht vorher.
Phase 2: Wireframe und Stylescape
In der zweiten Phase führen wir Sitemap und BrandScript zusammen. Jetzt wissen wir, was jede Seite Stück für Stück vermitteln soll. Mit dem BrandScript stellen wir sicher, dass daraus ein logischer, psychologisch durchdachter Weg entsteht, der Ihre Besucher zu den Handlungen führt, die Sie sich wünschen.
Das Ergebnis ist ein Wireframe. Ein Wireframe enthält bewusst noch keine Designelemente. So können wir uns ganz auf den Weg durch die Website konzentrieren, ohne Ablenkung durch Farbe und Schrift.
Parallel entwickeln wir das Moodboard von Fragmenten und kleinen Experimenten zu einem Stylescape weiter. Ein Stylescape ist noch kein Markenhandbuch. Es ist die ausgewählte Stimmung, auf Sie zugeschnitten und greifbar gemacht: noch eine skizzenhafte Variante des finalen Designs, aber schon deutlich treffender. Wenn es Ihnen manchmal schwerfällt, sich die Richtung vorzustellen, die ein Designer einschlagen will, ist das der Schritt, in dem es Klick macht.
Phase 3: Markenhandbuch und High-Fidelity-Design
Wenn Wireframe und Stylescape stimmen, konkretisieren wir das Stylescape zu einem Markenhandbuch. Hier nehmen wir uns bewusst Zeit, damit Ihr Stil als greifbares Ergebnis existiert, das Ihnen gehört, und nicht nur im Kopf eines Designers.
Dann führen wir Markenhandbuch und Wireframe zusammen. Das Ergebnis ist ein High-Fidelity-Webdesign in Figma. Je nach Budget gestalten wir die Startseite und eventuell eine weitere Seite, die gestalterisch besonders anspruchsvoll ist. Bewegen Sie sich im exklusiven Segment und wollen nicht am Budget sparen, sondern auf Qualität setzen, gestalten wir jede Seite bis ins Detail in Figma.
Phase 4: Umsetzung in Astro
Wenn wir uns über das Design einig sind, beginnen wir mit der Umsetzung. Die Website wird in Astro entwickelt: schnell, barrierearm, leicht zu bearbeiten und vom ersten Tag an bereit für Suchmaschinen. In dieser Phase sind Sie etwas weniger eingebunden. Wir bauen, was Sie freigegeben haben.
Phase 5: Übergabe, Feinschliff und Go-live
Dann übergeben wir, und Sie sehen sich die Website an. Wir sind Menschen, keine Roboter, also wird es Fehler geben. Etwas Feinschliff ist noch nötig. Wenn Sie beim Ansehen das Gefühl haben, dass etwas noch nicht ganz stimmt, oder Ihnen Unstimmigkeiten im Layout auffallen, wie sie bei Handarbeit ganz natürlich sind, sagen Sie es uns in einem gemeinsamen Gespräch. Wir gehen alles zusammen durch und beheben jeden Bug. Wenn alle Fehler behoben sind und Sie mit dem Ergebnis zufrieden sind, schalten wir die Website live.
So funktionieren Feedback und Änderungen
Die Phasen sind bewusst voneinander getrennt. Nach jeder abgeschlossenen Phase geben Sie Feedback, und mit Ihrer Zustimmung führen wir das Projekt weiter. Bedenken Sie, dass spätere Phasen auf dem aufbauen, was Sie zuvor freigegeben haben. Wenn Sie Ihre Meinung zu etwas ändern, das wir bereits vereinbart haben, können wir die gesetzten Termine nicht garantieren und auch das ursprüngliche Budget nicht halten, weil die Änderung zusätzliche Ressourcen kostet. Es ist völlig in Ordnung, Ihre Meinung zu ändern. Wir möchten nur, dass Sie vorher wissen, was das bedeutet.
Was Sie am Ende haben
Eine Website, die aussieht, sich liest und sich anfühlt wie das Unternehmen, das Sie wirklich sind. Kunden, die Ihre Qualität schon vor dem ersten Gespräch spüren. Eine zentrale Wahrheitsquelle, auf die sich Ihr Team und Ihre Automatisierungen verlassen können. Und ein Stil, der Ihnen gehört und in einem Markenhandbuch dokumentiert ist, damit jeder weitere Touchpoint stimmig bleibt.
Bereit, mit dem Fundament zu beginnen? Vereinbaren Sie ein Strategiegespräch, und wir sagen Ihnen ehrlich, ob Ihre Marke bereit für die Entwicklung ist oder was zuerst passieren muss.
Häufig gestellte Fragen
Brauche ich ein Markenhandbuch, bevor Sie meine Website bauen?
Ja. Eine Website ohne tragendes Markensystem kommuniziert Inkonsistenz. Wenn Sie noch keines haben, bauen wir es zuerst in der Fundamentphase auf: BrandScript, Moodboard, Sitemap, dann Stylescape und Markenhandbuch. Wenn Sie bereits eines haben, sind Sie bereit für Design und Entwicklung.
Was unterscheidet eine Website in Astro?
Geschwindigkeit, einfache Bearbeitung und Struktur. Die Website wird zur zentralen Wahrheitsquelle für Ihr Unternehmen, mit der Sie in natürlicher Sprache sprechen und die Sie mit Ihren Automatisierungen verbinden können. Außerdem ist sie vom ersten Tag an bereit für Suche und KI-Sichtbarkeit, ganz ohne Plugin-Landschaft, die gepflegt werden muss.
Was kostet eine professionelle Website in Amsterdam?
Das hängt vom Umfang ab. Kleinere Projekte beginnen bei rund 4.000 Euro, größere, CMS-basierte Plattformen können 20.000 Euro oder mehr erreichen. Entscheidend ist vor allem, ob wir nur die Startseite oder jede Seite im Detail in Figma gestalten. Diesen Umfang legen wir in Phase eins gemeinsam fest.
Wie lange dauert es, bis eine neue Website live ist?
Einfache Projekte gehen in vier bis sechs Wochen live. Größere Projekte dauern einige Monate. Jede Phase endet mit einer Feedbackrunde, daher hängt das Tempo auch davon ab, wie schnell Entscheidungen fallen. Überhastete Projekte führen zu unsauberen Ergebnissen, deshalb machen wir es lieber gleich beim ersten Mal richtig.
Was passiert, wenn ich es mir mittendrin anders überlege?
Das ist in Ordnung und kommt vor. Spätere Phasen bauen auf früheren Vereinbarungen auf, eine Änderung bedeutet also Mehraufwand. Vereinbarte Termine und das ursprüngliche Budget gelten dann nicht mehr. Wir sagen Ihnen, was die Änderung kostet, bevor wir sie umsetzen. So gibt es keine Überraschungen.