Deine Website. Von Hand gebaut, nicht zusammengeklickt.
Wir sind ein kleines Team, entwerfen jede Seite einzeln und schreiben den Code selbst. Kein Baukasten, kein Template, keine Fertigteile von der Stange.
Im Fenster entsteht eine Website von der ersten Skizze bis zum Launch. Daneben steht, was in diesem Moment passiert.
Das Produkt
Erst der Aufbau, dann die Farbe
Wir fangen mit dem Gerüst an: Was muss ein Besucher zuerst sehen, wohin soll er klicken, was soll er am Ende tun. Gestaltung kommt erst dazu, wenn das steht.
So machen wir das: Inhalt zuerst, Skizze im Browser, Klare Wege
Ein Entwurf, den nur du bekommst
Schrift, Farben und Abstände legen wir für deine Marke fest, nicht für einen Katalog. Zwei Kunden bekommen bei uns nie dieselbe Seite.
So machen wir das: Eigene Farben, Eigene Schrift, Kein Template
Fertig heißt: auf jedem Gerät
Jede Seite wird auf echten Geräten geprüft, vom großen Bildschirm bis zum fünf Jahre alten Handy. Erst danach geht sie live.
So machen wir das: Handy zuerst, Echte Geräte, Barrierearm
Der Workflow
Gespräch
30 Minuten
Du erzählst, was die Seite können muss. Wir sagen dir, was sie kostet und wie lange sie dauert. Kostenlos und ohne Verkaufsdruck.
So machen wir das: Video-Call, Fester Preis danach
Entwurf
2 bis 5 Tage
Du bekommst den Entwurf als echte Seite im Browser, nicht als Bild. Du klickst sie auf deinem eigenen Handy durch und sagst, was anders soll.
So machen wir das: Klickbar, Auf deinem Gerät, Korrekturschleife
Umsetzung
1 bis 4 Wochen
Wir schreiben den Code. Eine Vorschau-Adresse zeigt dir jederzeit den aktuellen Stand, ohne dass du nachfragen musst.
So machen wir das: Vorschau-Adresse, Täglicher Stand
Launch
1 Tag
Wir schalten die Seite live, richten deine Adresse ein und übergeben Code und Zugänge. Ab hier ist alles bei dir.
So machen wir das: Domain, Übergabe, Kein Abo-Zwang
Die Vorteile
Alles einzeln gebaut
Jede Seite wird für dich geschrieben, Zeile für Zeile. Darunter liegt kein Template und keine zwanzig Zusatzmodule, die die Arbeit machen. So steckt in deiner Seite nichts, was du nie bestellt hast.
So machen wir das: Von Hand geschrieben, Kein Template, Keine Zusatzmodule
Die Seite gehört dir, ganz
Kein Abo, das du bezahlen musst, damit deine Seite online bleibt. Du bekommst den vollständigen Code und kannst jederzeit woanders hin.
So machen wir das: Code inklusive, Kein Zwang
Du redest mit denen, die bauen
Zwischen dir und deiner Seite steht niemand. Wer sie entwirft und schreibt, antwortet dir auch auf die Frage am Donnerstagabend.
So machen wir das: Kleines Team, Direkte Antwort
draft.vibrance.dev
LogoKarteÜber unsAnfahrtTisch reservieren
Foto1
Rösterei und CaféGuter Kaffee für lange Morgen.Im eigenen Hinterzimmer geröstet, dazu Zimtschnecken direkt aus dem Ofen.Zur Karte2
3
FotoFrühstückDen ganzen Tag
FotoKaffeeIm Haus geröstet
FotoKuchenJeden Morgen frisch
1Das sieht man zuerst2Die eine Hauptaktion3Was das Café bietet
Rösterei und CaféGuter Kaffee für lange Morgen.Im eigenen Hinterzimmer geröstet, dazu Zimtschnecken direkt aus dem Ofen.Zur Karte
FrühstückDen ganzen Tag
KaffeeIm Haus geröstet
KuchenJeden Morgen frisch
9:41
Nordlicht Café
Rösterei und CaféGuter Kaffee für lange Morgen.Im eigenen Hinterzimmer geröstet, dazu Zimtschnecken direkt aus dem Ofen.Zur Karte
FrühstückDen ganzen Tag
KaffeeIm Haus geröstet
KuchenJeden Morgen frisch
24:10Nordlicht Café
Vibrance
NotizenMehr Reservierungen über die SeiteSpeisekarte als Seite, nicht als PDFÖffnungszeiten auf die StartseiteGut bedienbar auf dem HandyFestpreis vor dem Start
Rösterei und CaféGuter Kaffee für lange Morgen.Im eigenen Hinterzimmer geröstet, dazu Zimtschnecken direkt aus dem Ofen.Zur KarteNordlicht CaféKann der Button zur Karte auf dem Handy etwas größer werden?VibranceErledigt. Du siehst es im nächsten Entwurf.
Rösterei und CaféGuter Kaffee für lange Morgen.Im eigenen Hinterzimmer geröstet, dazu Zimtschnecken direkt aus dem Ofen.Zur Karte
FrühstückDen ganzen Tag
KaffeeIm Haus geröstet
KuchenJeden Morgen frisch
index.astro1---2import Layout from '../layouts/Layout.astro';3---45<Layout>6<header class="hero">7<p class="eyebrow">Rösterei und Café</p>8<h1>Guter Kaffee für lange Morgen.</h1>9<a href="#menu">Zur Karte</a>10</header>11</Layout>1213<style>14.hero {15display: grid;16gap: 1.5rem;17background: var(--aurora);18 }19</style>
nordlicht-cafe
VibranceÜbergabeHeutesrcSpeisekarte mit PreisenHeutepublicBilder für die StartseiteGesternastro.config.mjsDomain verbundenHeutepackage.jsonÜbergabeHeuteREADME.mdSo änderst du Texte und PreiseLetzte Woche
README.mdnordlicht-cafeSo änderst du Texte und Preise
InhaberNordlicht Café
NachrichtenNordlicht CaféKlar, ist schon auf der Vorschau-Adresse. Schau mal rein!
Nordlicht Café
Danke für den Entwurf, wir sind begeistert!Mo., 10:12
Schön zu hören. Morgen geht es an den Code.Mo., 10:30
Kurze Frage: Können wir den Sonntagsbrunch noch auf die Karte nehmen?Do., 19:42
Klar, ist schon auf der Vorschau-Adresse. Schau mal rein!Do., 20:05
Nachricht schreiben
Nordlicht Café ist ein erfundenes Beispiel.
Das Produkt
Schritt 1 von 3
Erst der Aufbau, dann die Farbe
Wir fangen mit dem Gerüst an: Was muss ein Besucher zuerst sehen, wohin soll er klicken, was soll er am Ende tun. Gestaltung kommt erst dazu, wenn das steht.
So machen wir das
Inhalt zuerst
Skizze im Browser
Klare Wege
Das Produkt
Schritt 2 von 3
Ein Entwurf, den nur du bekommst
Schrift, Farben und Abstände legen wir für deine Marke fest, nicht für einen Katalog. Zwei Kunden bekommen bei uns nie dieselbe Seite.
So machen wir das
Eigene Farben
Eigene Schrift
Kein Template
Das Produkt
Schritt 3 von 3
Fertig heißt: auf jedem Gerät
Jede Seite wird auf echten Geräten geprüft, vom großen Bildschirm bis zum fünf Jahre alten Handy. Erst danach geht sie live.
So machen wir das
Handy zuerst
Echte Geräte
Barrierearm
Der Workflow
Schritt 1 von 4
Gespräch
30 Minuten
Du erzählst, was die Seite können muss. Wir sagen dir, was sie kostet und wie lange sie dauert. Kostenlos und ohne Verkaufsdruck.
So machen wir das
Video-Call
Fester Preis danach
Der Workflow
Schritt 2 von 4
Entwurf
2 bis 5 Tage
Du bekommst den Entwurf als echte Seite im Browser, nicht als Bild. Du klickst sie auf deinem eigenen Handy durch und sagst, was anders soll.
So machen wir das
Klickbar
Auf deinem Gerät
Korrekturschleife
Der Workflow
Schritt 3 von 4
Umsetzung
1 bis 4 Wochen
Wir schreiben den Code. Eine Vorschau-Adresse zeigt dir jederzeit den aktuellen Stand, ohne dass du nachfragen musst.
So machen wir das
Vorschau-Adresse
Täglicher Stand
Der Workflow
Schritt 4 von 4
Launch
1 Tag
Wir schalten die Seite live, richten deine Adresse ein und übergeben Code und Zugänge. Ab hier ist alles bei dir.
So machen wir das
Domain
Übergabe
Kein Abo-Zwang
Die Vorteile
Schritt 1 von 3
Alles einzeln gebaut
Jede Seite wird für dich geschrieben, Zeile für Zeile. Darunter liegt kein Template und keine zwanzig Zusatzmodule, die die Arbeit machen. So steckt in deiner Seite nichts, was du nie bestellt hast.
So machen wir das
Von Hand geschrieben
Kein Template
Keine Zusatzmodule
Die Vorteile
Schritt 2 von 3
Die Seite gehört dir, ganz
Kein Abo, das du bezahlen musst, damit deine Seite online bleibt. Du bekommst den vollständigen Code und kannst jederzeit woanders hin.
So machen wir das
Code inklusive
Kein Zwang
Die Vorteile
Schritt 3 von 3
Du redest mit denen, die bauen
Zwischen dir und deiner Seite steht niemand. Wer sie entwirft und schreibt, antwortet dir auch auf die Frage am Donnerstagabend.