Zum Inhalt springen
JC Digital
Projekte

Wie Websites aussehen, wenn sie einem Ablauf folgen.

Jedes Projekt beginnt mit der Frage, wie Kunden heute zu diesem Betrieb finden. Was daraus entsteht, unterscheidet sich deutlich — die Darstellung zeigt Ausgangssituation, Ziel, Lösung und Funktionen.

Projektübersicht

Hinweis zur Darstellung

Wo eine echte Bildschirmaufnahme vorliegt, wird sie gezeigt. Projekte ohne Aufnahme erscheinen als schematische, im Code erzeugte Darstellung — nie als nachgestellter Screenshot. Als Konzeptprojekt markierte Arbeiten sind eigenständig entstandene Entwürfe und keine Kundenreferenz. Es werden bewusst keine Kundenstimmen, Zahlen oder Ergebnisse angegeben, die nicht belegbar sind.

6 Projekte

www.namirestaurant.de
Startseite der Website von NAMI
GastronomieKonzeptprojekt

NAMI

Speisekarte, Reservierung und Hausvorstellung für ein asiatisches Restaurant — die Karte als echte Seite statt als PDF.

Ausgangssituation
Die Karte eines Restaurants wechselt saisonal, liegt online aber meist nur als PDF vor: auf dem Smartphone kaum lesbar, für Suchmaschinen unsichtbar und bei jeder Änderung ein neuer Upload. Reservierungen laufen ausschließlich über das Telefon, das während des Service niemand abnimmt.
Ziel
Die vollständige Karte jederzeit lesbar machen, Reservierungen ohne Anruf ermöglichen und die Handschrift des Hauses sichtbar werden lassen — nicht nur die Preise.
Lösung
Vier Seiten statt einer: Start, Karte, Restaurant und Reservierung. Die Karte ist strukturiert aufgebaut und lässt sich auf dem Smartphone durchgehen, ohne zu zoomen. Gerichte lassen sich direkt in der Karte zusammenstellen, die Reservierung läuft über ein eigenes Formular. Eine eigene Seite erzählt Küche und Geschichte des Hauses.
  • Speisekarte als echte Seite statt PDF
  • Zusammenstellung direkt in der Karte
  • Eigenes Reservierungsformular
  • Separate Seite zu Küche und Haus
Ähnliches Projekt anfragen
www.bobabloom.de
Startseite der Website von Boba Bloom
GastronomieKonzeptprojekt

Boba Bloom

Landingpage für eine Bubble-Tea-Marke: Die Wahl einer Sorte färbt die gesamte Seite um.

Ausgangssituation
Eine junge Marke mit vier Sorten, die sich in Geschmack, Farbe und Charakter deutlich unterscheiden. Eine klassische Produktliste wird dem nicht gerecht — sie sieht aus wie jede andere und lässt die Sorten austauschbar wirken.
Ziel
Die Sorten erlebbar statt aufzählbar machen, den Selbstmischer verständlich erklären und den Weg zur Bestellung kurz halten.
Lösung
Die Auswahl einer Sorte färbt Hintergrund, Typografie und Produktbild in einem einzigen Übergang um — jede Sorte bekommt ihre eigene Stimmung. Dazu ein Konfigurator zum Selbstmischen, eine Zutatenübersicht und die Ladenliste. Die Bewegung lässt sich per Schalter abstellen und folgt der Systemeinstellung für reduzierte Bewegung.
  • Sortenwechsel färbt die gesamte Seite um
  • Konfigurator zum Selbstmischen
  • Schalter für reduzierte Bewegung
  • Zutaten- und Ladenübersicht
Ähnliches Projekt anfragen
www.handwerkmaler.de
Startseite der Website von Handwerk — Maler- & Lackierbetrieb
HandwerkKonzeptprojekt

Handwerk — Maler- & Lackierbetrieb

Leistungsseiten, Projektgalerie und ein Kostenrechner, der Anfragen vorqualifiziert.

Ausgangssituation
Ein Malerbetrieb bekommt Anfragen ohne Angaben zu Fläche, Untergrund oder Zeitraum. Jede Rückfrage kostet Zeit, und ein Teil der Anfragen passt am Ende gar nicht zum Betrieb — die Preisvorstellung liegt zu weit auseinander.
Ziel
Interessenten sollen vorab eine realistische Größenordnung sehen und mit vollständigen Angaben anfragen. Weniger Anfragen, dafür passendere.
Lösung
Sechs Leistungsbereiche mit jeweils eigener Seite, eine Projektgalerie mit Vorher-Nachher und ein Kostenrahmen-Rechner, der Fläche, Aufbau und Material abfragt. Die Rechenwerte sind im Code als Demo-Werte gekennzeichnet — ein echter Betrieb hinterlegt dort seine eigene Kalkulation. Anruf- und WhatsApp-Button liegen durchgehend im Blick.
  • Kostenrahmen-Rechner mit Flächen- und Materialabfrage
  • Sechs Leistungsbereiche mit eigener Seite
  • Projektgalerie mit Vorher-Nachher
  • Anruf- und WhatsApp-Button
Ähnliches Projekt anfragen
www.taryalogistics.de
Startseite der Website von Tarya Logistics
LogistikKonzeptprojekt

Tarya Logistics

Transportnetzwerk als animierte Weltkarte — Verbindungen zeichnen sich beim Laden nacheinander ein.

Ausgangssituation
Speditionen beschreiben ihr Netz meist in Aufzählungen: Standorte, Relationen, Länder. Wer nicht aus der Branche kommt, kann daraus nicht ablesen, ob der eigene Transport überhaupt abgedeckt ist — und wie weit das Netz tatsächlich reicht.
Ziel
Die Reichweite des Netzwerks auf einen Blick begreifbar machen und den Weg zur Transportanfrage kurz halten, ohne Kennzahlen zu erfinden.
Lösung
Eine gepunktete Weltkarte, auf der sich die Verbindungen beim Laden nacheinander einzeichnen — Chicago, Rotterdam, Hamburg, Istanbul, Dubai, Singapur. Darunter dieselben Relationen als lesbare Liste, damit die Information auch ohne Animation vollständig ankommt. Ein sichtbarer Hinweis stellt klar, dass es sich um beispielhafte Routen handelt und nicht um buchbare Relationen oder Live-Sendungsdaten.
  • Animierte Weltkarte mit einzeichnenden Routen
  • Routen zusätzlich als lesbare Liste
  • Hinweis auf beispielhafte Verbindungen
  • Anfrageformular mit Abholort und Transportart
Ähnliches Projekt anfragen
www.noiraqua.de
Startseite der Website von Noir Aqua
MarkeKonzeptprojekt

Noir Aqua

Zweisprachige Markenseite für ein Premium-Wasser — dreidimensionale Flasche, cineastischer Aufbau.

Ausgangssituation
Eine Marke, deren Produkt sich kaum über Funktionen erklären lässt. Eine Flasche Wasser sieht auf jedem Produktfoto gleich aus; Unterschiede entstehen allein über Anmutung, Tempo und Sprache.
Ziel
Das Produkt als Auftritt inszenieren statt als Artikel, die Seite zweisprachig führen und die Bedienung trotz aufwendiger Darstellung leicht halten.
Lösung
Ein dreidimensional gerendertes Flaschenmodell trägt die Startseite, die Inhalte laufen als ruhige Abfolge darunter. Deutsch und Englisch sind vollständig umgesetzt und direkt umschaltbar. Die Bewegung lässt sich anhalten und richtet sich nach der Systemeinstellung für reduzierte Bewegung — wer sie abschaltet, verliert keine Information.
  • Dreidimensionales Produktmodell als Bühne
  • Zweisprachig Deutsch und Englisch
  • Bewegung anhaltbar, reduzierte Bewegung beachtet
  • Vollbild-Menü mit gestaffelter Einblendung
Ähnliches Projekt anfragen
www.salonatelier.de
Startseite der Website von ATELIER — Haar & Handwerk
DienstleistungKonzeptprojekt

ATELIER — Haar & Handwerk

Salonauftritt mit Leistungsübersicht, Preisen und angebundener Online-Terminbuchung über einen geprüften Anbieter.

Ausgangssituation
Termine liefen ausschließlich telefonisch — während der Arbeit am Kunden blieb das Telefon unbeantwortet. Preise standen online nirgends, was zu immer denselben Rückfragen führte. Der Auftritt zeigte nichts von der Handschrift des Salons.
Ziel
Terminbuchung rund um die Uhr ermöglichen, Preise transparent zeigen und den Anspruch des Salons schon vor dem ersten Besuch sichtbar machen.
Lösung
Dunkler, ruhiger Auftritt mit großformatiger Bildsprache und klarer Typografie. Leistungen nach Schnitt, Bart und Pflege getrennt, jeweils mit Dauer und Preis. Die Terminbuchung läuft über einen etablierten Anbieter statt einer Eigenentwicklung — geladen erst nach aktiver Zustimmung.
  • Leistungen nach Bereichen getrennt, mit Dauer und Preis
  • Terminbuchung über geprüften Drittanbieter
  • Externe Einbindung erst nach Zustimmung
  • Team- und Galeriebereich
Ähnliches Projekt anfragen

Dein Betrieb wäre hier gut aufgehoben?

Erzähl uns, wie Kunden dich heute finden und was online passieren soll. Wir melden uns mit einer ehrlichen Einschätzung.

Projekt anfragenPakete ansehen