Live-Konfigurator
Schritt 1 / 9 · Setup
Noch nicht gespeichert
Schritt 1

Welche Branche?

Ich brauche das zuerst — die passenden Sektionen, der Akzent und das Live-Mockup richten sich danach.

Restaurant & Gastro

Gäste empfangen, Speisekarte zeigen, Reservierung.

Praxis & Heilberuf

Sprechzeiten, Team, HWG-konform.

Selbstständig

Handwerk, Beauty, Coach, Freelancer — alles was Du selbst machst.

Layout

Optional — Default: Multi-Page. Kann ich auch im Reply mit Dir gemeinsam festlegen.

Layout
Schritt 2

Ihre Identitaet.

Wer sind Sie und wie sollen wir Sie ansprechen? Tagline + Logo schaerfen Look + Texte.

Anrede an Ihre Besucher

Anrede-Mode

Haupt-Ziel der Seite

Ziel
Optional — schärft das Briefing

Schnell-Setup (optional)

Haben Sie eine bestehende Visitenkarte oder ein Logo? Foto auswählen — wir extrahieren automatisch Ihre Markenfarben. Spart Zeit beim Look-Step.

Foto bleibt im Browser, wird nicht hochgeladen. Farb-Extraktion läuft lokal auf Ihrem Geraet.

Tipp: Bild kann auch direkt hier in den Step gezogen werden.

Schritt 3

Ihre Stimme.

Drei Achsen, ein Mood-Board, sechs Pair-Cards — daraus baue ich Ihre Texte + den Look.

Tone-of-Voice

Drei Achsen — wo soll Ihre Marke stehen? Mitte = neutral.

Modern Klassisch
50
Sachlich Persönlich
50

Stimmung — wählen Sie 4 Bilder

Klick = wählen, nochmal Klick = abwählen. Maximal 4 Bilder. Reihenfolge egal.

Mood-Board

Bis zu 4 Stil-Richtungen waehlen — gibt mir die visuelle Zielrichtung.

0 / 4

Dies oder das

Sechs schnelle Entscheidungen — jede schärft den finalen Look.

This-or-That

Sechs Paare — pro Paar eine Seite klicken. Beide weglassen ist auch ok.

Schrift
Oberflaeche
Dichte
Form
Visuals
Vibe
Optional — kurz beschrieben

Brand-Tone (eine Wahl)

Schritt 4

Welcher Look?

Ich brauche eine Richtung — sieben Bundles, ein Klick, Vorschau springt live.

Mix-Achsen

Feinjustierung. Optional — Defaults aus dem Archetyp werden genutzt.

Akzent-Intensität

Farb-Setup

Zwei Wege: kuratierte Palette wählen oder Akzent + BG selbst setzen.

Palette-Browser

30 kuratierte Farb-Sets. Click waehlt — Lock fixiert eine Hex.

Custom-Studio

Eigene Marken-Farben? Akzent + BG wählen — der Rest wird automatisch abgeleitet.

Schritt 5

Welche Sektionen?

Pflicht-Sektionen sind voreingestellt. Ich empfehle Branche-spezifische Sektionen — Sie entscheiden.

0 / 18

Pflicht · Immer aktiv

Empfohlen · Branchen-Standard

Optional · Branchen-spezifisch

Spezial-Features

Schritt 6

Ihre Inhalte.

Stichworte reichen — ich formuliere daraus die finalen Texte beim Aufbau.

Schnell-Tagger 24 Chips, max 12 ankreuzen. Optional. 0 / 12
Tonalitaet
Bildwelt
Conversion-Fokus
Vermeiden
Schritt 7

Ihre Kontaktdaten.

Ich brauche das für Impressum, Kontakt-Sektion und um Ihnen den Festpreis zu schicken.

Pflicht für Impressum
Schritt 8

Trust + Inspiration.

Optional — aber je mehr Sie hier haben, desto schaerfer kann ich die Trust-Sektion bauen.

Sozialer Beweis · Vertrauens-Signale

Zertifikate

Garantien

Referenz-Sites · Inspiration + No-Gos

Drei URLs deren Look Sie spannend finden — und was definitiv nicht auf Ihre Site soll.

Schritt 9

Bereit für Ihre Seite?

Letzter Check. Jeden Punkt können Sie noch ändern — ich antworte binnen 24 h mit Festpreis.

Zusammenfassung

Hier ist, was Sie mir gerade gesagt haben.

  • Branche
  • Standort
  • Ziel
  • Stimme
  • Tier-Match

Wenn etwas nicht stimmt, einfach im Briefing oben aendern — bis zum Senden.

Live-Tier-Match

Vorausgewählt = Live-Match aus Ihren Inputs. Wenn Sie ein anderes Tier wollen, ergänzen Sie das in der Anmerkung unten — Okan reagiert mit Festpreis im Reply.

Tier I - Foundation 48 Stunden
  • Single-Page Website
  • BFSG-konform
  • 1 Iteration
Auf Anfrage
Tier II - Plattform 5-7 Tage
  • Multi-Page
  • Photography-Pipeline
  • Editorial Image-Treatment
  • 2 Iterationen
Auf Anfrage
Tier III - Custom 7-14 Tage
  • Custom-Architektur
  • Custom Brand-Voice
  • Cinema-Layer
  • Unbegrenzte Iterationen
Auf Anfrage
Ein letzter Schritt

Welcher Stil trifft Sie?

Gleiches Tier — drei Handschriften. Klicken Sie die Variante, die sich anfuehlt wie Sie. Das wird die Vorlage, mit der Okan baut.

Auswahl

Was wir tun

Block A

Kurz erklaert.

Block B

Kurz erklaert.

Block C

Kurz erklaert.

Tradition Serif-Headlines, Cream-Surface, Burgundy-Akzent. Vertrauen aus Erfahrung.
Auswahl

Was wir tun

Block A

Kurz erklaert.

Block B

Kurz erklaert.

Block C

Kurz erklaert.

Modern Bricolage Display 800, weiße Surface, eckige CTAs. Praezise und heute.
Auswahl

Was wir tun

Block A

Kurz erklaert.

Block B

Kurz erklaert.

Block C

Kurz erklaert.

Warm Manrope 500, Mint-Surface, Terrakotta-Akzent. Naehe ohne Kitsch.

Nicht final — Okan kann jeden Stil mit Ihrem Briefing kreuzen. Ihre Wahl gibt nur die Richtung vor.