Strategiegespräch Eine gute Webdesign-Agentur liefert eine Website, die Ihr Unternehmen auch Menschen erklärt, die noch nie von Ihnen gehört haben, die auf dem Smartphone schnell lädt und die in Google und in KI-Antworten gefunden wird. Bei Viralistic in Amsterdam beginnt diese Arbeit mit Ihrem Markenhandbuch und Ihrer Story. Wir gestalten in Figma und entwickeln in Astro, damit Ihr Team über Jahre mit der Website arbeiten kann.
Was eine gute Webdesign Agentur liefert
Die meisten Unternehmen vergleichen Agenturen anhand des Portfolios. Ein Portfolio zeigt Geschmack, sagt aber wenig darüber, ob eine Website Aufträge bringt. Wir messen jedes Projekt an vier Anforderungen.
Ein Design, das auf Ihrer Story und Ihrer Zielgruppe aufbaut
Bevor wir etwas gestalten, schreiben wir Ihr BrandScript: was Sie anbieten, für wen und warum man sich für Sie entscheiden sollte. Sitemap und jede einzelne Seite folgen daraus. Deshalb versteht ein neuer Besucher die Website sofort, und das Design passt zu dem Unternehmen, das Sie tatsächlich sind. Was diese Ebene der Arbeit leisten sollte, lesen Sie in unserem Beitrag über UX und UI Design.
Ein Fundament, das Google und KI lesen können
Schnelle Seiten, eine klare Struktur, saubere Überschriften und strukturierte Daten gehören zur Umsetzung. Google misst die Nutzererfahrung mit den Core Web Vitals und empfiehlt einen Largest Contentful Paint innerhalb von 2,5 Sekunden, einen Interaction to Next Paint unter 200 Millisekunden und einen Cumulative Layout Shift unter 0,1 (Google Search Central). Auf diese Werte hin entwickeln wir, damit SEO und Sichtbarkeit in KI-Antworten auf einer gesunden Website aufsetzen.
Eine Website, die auf jedem Bildschirm funktioniert
Google verwendet für Indexierung und Ranking die mobile Version einer Website und nennt das Mobile-First-Indexierung (Google Search Central). In Figma gestalten wir deshalb für Desktop und Smartphone, damit die mobile Version dieselbe Sorgfalt bekommt wie der große Bildschirm.
Inhalte, die das Design tragen
Fotos, Video und Text entscheiden darüber, ob ein Design funktioniert. Ein starkes Layout voller Stockfotos sieht trotzdem aus wie das jeder anderen Marke. Wir fotografieren auch selbst: Menschen, Produkte, Mode und Autos. Jedes Shooting planen wir für die Stelle, an der die Bilder auf Ihrer Website erscheinen. Für Shoop Shoop haben wir eine neue Website zusammen mit einem Fotoshooting und einem Video geliefert.
Warum wir zuerst Ihr Markenhandbuch prüfen
Eine Website ohne tragendes Markensystem kommuniziert Inkonsistenz. Deshalb prüfen wir Ihr Markenhandbuch, bevor die Entwicklung beginnt. Haben Sie eines, geht es direkt ins Design. Fehlt es, erstellen wir es in den ersten Phasen: BrandScript, Moodboard, Stylescape und dann das Markenhandbuch selbst.
Im Premiumsegment wirkt Inkonsistenz wie Qualität, die Sie nicht im Griff haben. Diese Prüfung macht den Unterschied zwischen einer Website, die eine Saison lang gut aussieht, und einer, die Sie auch in drei Jahren noch überzeugend vertritt. Das Markenhandbuch gehört danach Ihnen, sodass jeder weitere Touchpoint nach demselben Unternehmen aussieht. Was in ein gutes Corporate Design gehört, lesen Sie in Corporate Design erstellen lassen. Wie wir Marken aufbauen, zeigt unsere Seite über Branding und Design.
So läuft ein Webdesign-Projekt ab
Jedes Projekt läuft in sechs Phasen. Jede Phase endet mit einem sichtbaren Ergebnis und einem Moment, in dem Sie reagieren können, und auf Ihrer Freigabe baut die nächste Phase auf. Oben auf dieser Seite können Sie den vollständigen Prozess als PDF herunterladen oder in Ihren eigenen KI-Assistenten kopieren.
1. Fundament
Wir erstellen ein Moodboard und schreiben Ihr BrandScript. Darin halten wir den Kern Ihres Unternehmens fest, damit Ihre Website auch für Menschen schlüssig ist, die Ihren Namen noch nie gehört haben. Außerdem entsteht die Sitemap: jede Seite, die Ihre Website aus unserer Sicht braucht, und wie diese Seiten zusammenhängen. Wenn wir uns über Seiten, Story und Stimmung einig sind, geht es weiter.
2. Wireframe und Stylescape
Wir führen Sitemap und BrandScript zu einem Wireframe zusammen. Es zeigt, was auf jeder Seite steht und in welcher Reihenfolge, und das BrandScript sorgt dafür, dass der Weg Ihre Besucher zu den Handlungen führt, die Sie sich wünschen. Das Wireframe enthält bewusst noch keine Farben und keine Schrift, damit wir den Weg durch die Website ohne Ablenkung beurteilen können. Parallel wächst das Moodboard zu einem Stylescape: die gewählte Stimmung, auf Sie zugeschnitten und greifbar gemacht. Fällt es Ihnen schwer, sich die Richtung eines Designers vorzustellen, ist das der Schritt, in dem es Klick macht.
3. Markenhandbuch
Stimmen Wireframe und Stylescape, konkretisieren wir das Stylescape zu einem Markenhandbuch mit Regeln für Typografie, Farbe und Bildsprache. Hier nehmen wir uns bewusst Zeit, denn Ihr Stil soll als Dokument existieren, das Ihnen gehört.
4. Design in Figma
Wir führen Markenhandbuch und Wireframe zu einem High-Fidelity-Design in Figma zusammen. Der Umfang richtet sich nach dem Budget. Meist gestalten wir die Startseite und ein oder zwei Seiten, die gestalterisch besonders anspruchsvoll sind. Bei exklusiven Projekten gestalten wir jede Seite bis ins Detail.
5. Umsetzung in Astro
Nach Ihrer Freigabe des Designs entwickeln wir die Website in Astro. In dieser Phase sind Sie weniger eingebunden, denn wir bauen, was Sie freigegeben haben.
6. Übergabe und Go-live
Wir übergeben die Website und gehen sie in einem Review-Gespräch mit Ihnen durch. Handarbeit hat an diesem Punkt noch Ecken und Kanten, etwa einen kleinen Bug oder ein Layout, das nicht ganz sitzt. Das beheben wir gemeinsam. Sind Sie mit dem Ergebnis zufrieden, schalten wir die Website live.
Feedback und Änderungen
Die Phasen sind bewusst voneinander getrennt. Es ist völlig in Ordnung, Ihre Meinung zu etwas zu ändern, das wir bereits vereinbart haben, und es kommt vor. Spätere Phasen bauen auf früheren Vereinbarungen auf, eine Änderung kostet also zusätzliche Zeit und zusätzliches Budget, und der vereinbarte Termin und das ursprüngliche Budget gelten dann nicht mehr. Was eine Änderung kostet, sagen wir Ihnen, bevor wir sie umsetzen.
Website-Relaunch ohne Rankingverlust
Ein Relaunch behält seine Besucher aus Google, wenn jede alte URL auf die richtige neue Seite führt. Google empfiehlt, jede alte URL einer neuen Adresse zuzuordnen, dauerhafte serverseitige Weiterleitungen wie eine 301 zu verwenden und sie mindestens ein Jahr bestehen zu lassen. Außerdem rät Google davon ab, viele alte URLs auf die Startseite umzuleiten (Google Search Central).
Wir beginnen deshalb mit dem, was Sie schon haben: den Seiten, die Besucher und Anfragen bringen, den Texten und Bildern, die noch funktionieren, und dem, was wegfallen kann. Danach bekommt jede alte Adresse eine Weiterleitung auf ihre neue Seite. Unser Hilfeartikel über Rankings beim Relaunch behalten (auf Englisch) zeigt jeden Schritt, auch die Kontrollen nach dem Go-live.
Manchmal ist eine neue Website nicht der erste Schritt. Funktioniert Ihre aktuelle Website, wird aber nicht gefunden, ist SEO womöglich der bessere Anfang. Das sagen wir Ihnen dann auch.
Was eine Website bei uns kostet
Kleinere Projekte beginnen bei rund 4.000 Euro, größere, CMS-basierte Plattformen können 20.000 Euro oder mehr erreichen. Den Umfang legen wir in der ersten Phase gemeinsam fest, damit Sie wissen, wofür Sie zahlen, bevor das Design beginnt.
Diese Faktoren bestimmen den Preis:
- Wie viele Seiten wir in Figma bis ins Detail gestalten. Das ist der größte Faktor.
- Ob wir zuerst Ihr BrandScript und Ihr Markenhandbuch erstellen müssen.
- Ein CMS für Teams, die oft veröffentlichen, und Anbindungen an andere Software.
- Neue Fotografie oder ein Video.
- Die Zahl der bestehenden Seiten, die umziehen und eine Weiterleitung brauchen.
Nach dem Launch wird Managed Hosting monatlich abgerechnet. Was es kostet, eine Website erstellen zu lassen, und was bezahlbar über drei Jahre wirklich heißt, lesen Sie in unserem Beitrag Website erstellen lassen.
Für uns ist die Website das Fundament für alles, was danach kommt. Funktioniert sie und werden Sie gefunden, können bezahlte Kampagnen zusätzliche Reichweite bringen. Vorher kaufen Anzeigen vor allem Besucher für eine Website, die sie wieder verliert.
Nach dem Launch: Hosting, Pflege und ein Ansprechpartner
Mit Managed Hosting halten wir Ihre Website online, schnell und sicher, und Sie haben einen Ansprechpartner für Domain, DNS, SSL, E-Mail und Updates. Die Website läuft auf einem globalen Edge-Netzwerk mit automatischem SSL, täglichen Backups und Uptime-Monitoring. Weil sie in Astro gebaut ist, gibt es keine Plugin-Landschaft, die jede Woche gepatcht werden muss.
Sie können Änderungen auch selbst vornehmen. Alle Texte liegen in einfachen Dateien, die Sie im Browser mit Vorschau bearbeiten, bevor etwas live geht, oder Sie bitten Claude Code in natürlicher Sprache um Änderungen. Beide Hilfeartikel sind auf Englisch. Überlassen Sie das lieber uns? Eine Nachricht zu einer Textänderung oder einer neuen Seite genügt. Was gute Betreuung nach dem Launch umfasst, lesen Sie in unserem Beitrag über Website-Wartung.
Warum Viralistic als Webdesign Agentur
Viralistic wird von Marrallisa Kreijkes geleitet, von der Achtergracht 17 in Amsterdam aus. Sie bekommen einen strategischen Ansprechpartner für Design, Umsetzung, Auffindbarkeit und die Automatisierungen rund um Ihre Website, statt eines Teams aus Freelancern, die jeweils nur einen Teil sehen. Arbeiten Sie aus Deutschland, Österreich oder der Schweiz mit uns, bleibt der Ablauf derselbe: Das Strategiegespräch buchen Sie online, jede Phase endet mit einer festen Feedbackrunde, und die Website läuft auf einem globalen Edge-Netzwerk, sodass sie auch in Ihrem Markt schnell lädt.
Einige Beispiele. Für Shoop Shoop, eine Marketing-Agentur in Woerden, haben wir ein StoryBrand-BrandScript, Wireframes und eine neue Website erstellt und die Marke für das Premiumsegment neu positioniert. Für Parkup in Dubai haben wir Identität und Website als ein System neu gestaltet. Auf Trustpilot haben wir eine Bewertung von 4,8, und weitere Projekte finden Sie in unseren Fallstudien.
Wir sagen Ihnen auch ehrlich, wenn eine neue Website nicht der richtige nächste Schritt ist. Ein Mensch prüft jede Seite vor dem Launch, auch wenn KI mitgeholfen hat. Vereinbaren Sie ein Strategiegespräch, und wir sagen Ihnen offen, ob Ihre Marke bereit für die Entwicklung ist oder was zuerst passieren muss.
Häufig gestellte Fragen
Was kostet eine Website bei einer Webdesign-Agentur?
Bei Viralistic beginnen kleinere Projekte 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 und die Kernseiten oder jede Seite im Detail in Figma gestalten. Ein Markenhandbuch, Fotografie, Anbindungen und der Umzug bestehender Inhalte erweitern den Umfang. Diesen legen wir in Phase eins fest.
Wie lange dauert es, eine Website erstellen zu lassen?
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.
Kann ich die Website selbst bearbeiten?
Ja. Auf unseren Astro-Websites liegen alle Texte in einfachen Dateien, die Sie im Browser bearbeiten, mit einer Vorschau, bevor etwas live geht. Sie können Claude Code auch in natürlicher Sprache um Änderungen bitten, und unser englischsprachiges Hilfecenter erklärt beides Schritt für Schritt. Kleine Änderungen können über uns laufen, als Teil des Managed Hostings. Möchte Ihr Team Seiten visuell bauen, passt Webflow womöglich besser.
Was muss ich selbst liefern?
Vor allem Wissen und Zeit. Sie kennen Ihr Unternehmen und Ihre Kunden, und gemeinsam machen wir daraus ein BrandScript und eine Sitemap. Vorhandene Texte, Fotos, Ihr Markenhandbuch und Zugänge zu Domain und aktueller Website helfen, schneller voranzukommen. Fehlt etwas, etwa ein Markenhandbuch oder gute Fotografie, erstellen wir es im Projekt. Planen Sie Zeit für die Feedbackrunden ein.
Woher kommen die Fotos und Videos?
Von Ihnen oder von uns. Viralistic fotografiert auch selbst: Menschen, Produkte, Mode und Autos. Jedes Shooting planen wir zusammen mit dem Design, damit die Bilder zu den Seiten passen, auf denen sie stehen. Für Shoop Shoop haben wir die Website mit einem Fotoshooting und einem Video geliefert. Stockfotos sind möglich, lassen eine Premiummarke aber schnell aussehen wie jede andere.
Können Sie die Inhalte meiner bestehenden Website übernehmen?
Ja. Wir gehen Ihre aktuellen Seiten gemeinsam mit Ihnen durch und entscheiden, was übernommen, was neu geschrieben wird und was wegfällt. Danach bekommt jede alte URL eine dauerhafte 301-Weiterleitung auf ihre neue Seite, wie Google es bei einem Umzug empfiehlt. So schützen Sie die Besucher aus Google und die Links, die Sie über Jahre aufgebaut haben.
Lässt sich die Website mit meinem CRM oder anderer Software verbinden?
Ja. Mit Automatisierungen in n8n verbinden wir Ihre Website mit Ihrem CRM und anderen Tools. Anfragen aus einem Formular landen dann direkt in Ihrem CRM, und Daten bleiben zwischen Plattformen synchron. Grundsätzlich lässt sich alles mit einer API anbinden. Weil eine Astro-Website ihre Inhalte an einem strukturierten Ort hält, können auch Ihre Tools und KI-Assistenten darauf zugreifen.
Brauche ich ein Markenhandbuch, bevor Sie meine Website bauen?
Ja, oder wir erstellen es zuerst. Eine Website ohne tragendes Markensystem kommuniziert Inkonsistenz. Ohne Markenhandbuch beginnt das Projekt mit der Fundamentphase: BrandScript, Moodboard und Sitemap, danach Stylescape und Markenhandbuch. Haben Sie bereits eines, prüfen wir es und gehen weiter zu Design und Entwicklung.
Gehört die Website mir?
Ja. Bei einer Astro-Website liegen Code und Inhalte in einfachen Dateien, die Ihnen gehören und sich überall hosten lassen. Auch das Markenhandbuch gehört Ihnen. Bei Webflow ist ein Code-Export in bezahlten Workspace-Tarifen möglich, die CMS-Inhalte sind darin aber nicht enthalten. Das spielt eine Rolle, wenn Sie später einmal umziehen möchten.