Webdesign — Umsetzung mit Webflow

Websites, die zeigen, wie ein Betrieb arbeitet.

Gestaltet für Ihren Betrieb, gebaut in Webflow. Zwei Websites, die so entstanden sind, sehen Sie hier.

Landingpage ab 1.800 € Auftritt ab 2.900 € Website und Ablauf ab 4.900 €
Startseite von 7 Three's Burger auf dem Desktop: dunkle Bühne, große kondensierte Wortmarke, Claim und Sprungnavigation
Startseite von 7 Three's Burger auf dem iPhone
Website 01 · 7 Three's Burger · Sinsheim · Restaurant · Webflow

Werkverzeichnis Webdesign · 2 Werke 

Zwei Betriebe in der Region. Zwei eigene Gesichter.

Ein Restaurant in Sinsheim, ein Gebrauchtwagenhändler in Eppingen. Beide haben wir in Webflow umgesetzt — jede Seite in ihrem eigenen Erscheinungsbild, vom Ein-Seiten-Auftritt bis zur mehrseitigen Website.

01 7 Three's Burger · eine Seite 02 Elsenzer Autoecke · vier Seiten

Stand: beide in Webflow umgesetzt und über die Webflow-Adresse erreichbar — die Aufschaltung einer eigenen Domain entscheidet der Betrieb.

Startseite von 7 Three's Burger auf dem Desktop; im Rahmen durchscrollbar

Ganze Seite · bewegen Sie die Maus über den Rahmen

Website 01 · Restaurant · Sinsheim · Webflow

7 Three's Burger

Burger-Restaurant · Löhergasse 13, Sinsheim

Ein Burger-Restaurant in der Löhergasse, direkt am Bach. Die Seite setzt auf eine dunkle Bühne: Video- und Foto-Hero, sehr große kondensierte Versalien, der Name in Weiß, „Burger“ im Orange-Magenta-Verlauf. Die Speisekarte ist kein Textblock, sondern eine Folge großformatiger Menü-Boards.

  • Aufbau: Hero mit Kennzahlen-Leiste → Laufband → USP-Block → Vollbild-Food-Foto → Speisekarte → Instagram → Google-Bewertungen → Öffnungszeiten und Standort → Abschluss
  • Speisekarte als Boards: Burger 1 bis 7, „Upgrade zum Menü“, Sides, Extras, Getränke — als Bildtafeln statt Listen
  • Funktionen: Sprungnavigation, Google-Maps-Route, Instagram-Link. Keine Online-Bestellung — die Seite führt in den Laden.
  • Gestaltung: dunkler Grund, kondensierte Versalien, ein Verlauf als Akzent, helle Board-Flächen für die Karte
Live-Seite ansehen 
Speisekarte von 7 Three's Burger als Menü-Boards: nummerierte Burger, Upgrade zum Menü, Sides und Getränke
Startseite von 7 Three's Burger auf dem iPhone: Wortmarke und Claim auf dunklem Grund

Speisekarte als Boards · Hero auf dem Telefon

Zuerst entwerfen wir für das Telefon. Der große Bildschirm kommt danach.

Website 02 · Gebrauchtwagen · Eppingen · vier Seiten · Webflow

Elsenzer Autoecke

Freier Gebrauchtwagenhandel · Elsenzstraße 15, Eppingen

Ein freier Gebrauchtwagenhandel im Gewerbegebiet Weststadt: Pkw und Transporter aller Marken, ein Ansprechpartner vom Anruf bis zum Kaufvertrag. Als einziger Auftritt in diesem Verzeichnis besteht er aus mehreren Seiten — Startseite, Fahrzeuge, Ankauf, Kontakt. Gepflegt wird der Bestand auf mobile.de und AutoScout24 — die Website übernimmt ihn automatisch und nennt dazu den Stand der letzten Übernahme.

  • Aufbau der Startseite: Kopf mit Telefon und WhatsApp → Hero mit Bewertungen → Bestandsausschnitt mit sechs Fahrzeugen → Ablauf in vier Schritten → Leistungen → Bewertungen im Wortlaut → über den Betrieb → Standort mit Öffnungszeiten und Entfernungen → Anfrage
  • Vier Seiten statt einer: „Fahrzeuge“ zeigt den vollständigen Bestand mit Preis, Erstzulassung, Laufleistung, Kraftstoff, Leistung und Getriebe, dazu sechs Filter (Marke, Getriebe, Kraftstoff, Fahrzeugart, Preis, Sortierung) und je Fahrzeug eine eigene Seite; dazu „Ankauf“ und „Kontakt“
  • Funktionen: Direktwahl und WhatsApp aus dem Kopf, Google-Maps-Route, Anfrageformular mit Fahrzeugbezug, Verweise auf mobile.de und AutoScout24
  • Bewertungen nicht nur als Sternezahl: neben den Werten von Google und mobile.de stehen einzelne Kundenstimmen im Wortlaut, mit Name und Quelle
  • Gestaltung: dunkles Petrolgrün, große weiße Grotesk-Überschriften, kondensierte Versalien in der Wortmarke, ein roter Strich als Akzent, Mono-Schrift für die Beschriftungen
Live-Seite ansehen 
Startseite der Elsenzer Autoecke auf dem Desktop: dunkler Hero mit der Zahl der aktuell verfügbaren Fahrzeuge, „Alle Marken. Ein Platz in Eppingen.“, Rufnummer und den Bewertungen von Google und mobile.de

Ganze Startseite · bewegen Sie die Maus über den Rahmen

Unterseite „Fahrzeuge“: Bestandskarten mit Foto, Modell, Preis und einer Zeile für Erstzulassung, Laufleistung, Kraftstoff, Leistung und Getriebe; eine Karte trägt den Hinweis „Kundenauftrag“ Unterseite „Ankauf“: dunkelgrüner Kopf mit der Überschrift zum Fahrzeugankauf und Kundenauftrag Startseite der Elsenzer Autoecke auf dem iPhone: dunkelgrüner Kopf mit WhatsApp- und Telefonsymbol, Überschrift, Schaltflächen „Fahrzeuge ansehen“ und Rufnummer, unten eine feste Leiste mit Fahrzeuge, Anrufen, WhatsApp und Route

Unterseiten „Fahrzeuge“ und „Ankauf“ · die Startseite als Ganzes auf dem Telefon

Unser Werkzeug

Und wer ändert danach die Preise?

Ihr Team, im Editor.

Webflow ist unser bevorzugtes Werkzeug für Websites. Wir gestalten frei, ohne Vorlage — jedes Raster, jede Schrift ist eine Entscheidung für Ihren Auftritt. Die Speisekarte als Boards oben ist so entstanden, der Fahrzeugbestand der Autoecke ebenso.

Inhalte wie Texte, Bilder, Preise oder Öffnungszeiten pflegt Ihr Team nach der Übergabe selbst. Der Editor ändert Inhalte, nicht das Layout. Hosting und Updates übernimmt Webflow.

Offen gesagt: Webflow ist ein Werkzeug, kein Partner. Für das Hosting zahlen Sie eine laufende Gebühr direkt an Webflow — wir nennen sie Ihnen im Angebot. Und wenn Ihr Vorhaben eine eigene Entwicklung braucht, sagen wir das im Erstgespräch.

Projekt legen wir in Ihrem Webflow-Konto an · Editor für Ihr Team · Übergabe mit Einweisung

Unterseite ‚Fahrzeuge‘ der Elsenzer Autoecke: Bestandskarten mit Foto, Modell, Preis und Fahrzeugdaten

Elsenzer Autoecke · Unterseite „Fahrzeuge“

So entsteht Ihre Website

Vier Schritte. Danach gehört die Seite Ihnen.

  1. 01

    Erstgespräch

    Wir hören zu: Wer soll die Seite finden, was soll er danach tun. 30 Minuten, unverbindlich.

    Ergebnis: eine ehrliche Einschätzung

  2. 02

    Seitenplan & Angebot

    Struktur, Seiten und Inhaltstypen stehen fest. Sie kennen den Preis, bevor wir beginnen.

    Ergebnis: Seitenplan · Angebot zum Festpreis

  3. 03

    Entwurf & Umsetzung in Webflow

    Erst Startseite und eine Unterseite am Bildschirm. Nach Ihrer Freigabe bauen wir in Ihrem Webflow-Konto; Zwischenstände sehen Sie unter einer Vorschau-Adresse.

    Ergebnis: freigegebener Entwurf · Website zur Abnahme

  4. 04

    Übergabe & Einweisung

    Domain umziehen, Team einweisen, kurze Dokumentation. Danach pflegen Sie selbst — oder beauftragen uns.

    Ergebnis: Ihre Website, in Ihrem Konto

Den Weg für Software ansehen

Ein Haus

Die Website ist der Anfang eines Ablaufs.

Eine Anfrage von der Website ist in vielen Betrieben eine Mail, die jemand abtippt. Bei uns kann sie ein Vorgang in Ihrer Software sein — mit Nummer und Zuständigkeit.

Webdesign, Software und Automatisierung sind bei Digital Craft deshalb ein Haus. Jede Leistung ist einzeln beauftragbar.

Software und Automatisierung ansehen

Preise · netto, zzgl. USt.

Wer online billig wirkt, muss billig anbieten.

Deshalb nennen wir den Rahmen offen, bevor Sie ein Gespräch vereinbaren. Den Festpreis halten wir nach dem Erstgespräch schriftlich fest — er ändert sich danach nicht, solange der Umfang gleich bleibt.

Landingpage
ab 1.800 €

Eine Seite, für Ihren Betrieb gestaltet — wie die von 7 Three’s Burger.

Auftritt
ab 2.900 €

Mehrere Seiten mit eigener Navigation und einem inhaltlichen Schwerpunkt.

Website und Ablauf
ab 4.900 €

Dazu ein Bestand, der sich selbst aktualisiert — wie der Fahrzeugbestand der Elsenzer Autoecke.

Was in jeder Stufe steckt 

Ihr Erstgespräch · unverbindlich · 30 Minuten 

Zeigen Sie uns Ihre Website.

Im Erstgespräch sehen wir uns Ihren heutigen Auftritt gemeinsam an. Danach wissen Sie, was sinnvoll ist, was es kostet und wie lange es dauert. Wenn Ihre Website gut genug ist, sagen wir Ihnen auch das.