Projekt 01
NOIR & BLADE
Showcase-Projekt · Barbershop-Website
Ein Barbershop-Auftritt, der Leistungen und Preise sofort zeigt und Termine direkt annimmt.
- Online-Terminbuchung direkt auf der Website
- Leistungen, Dauer und Preise auf einen Blick
- Wunsch-Barber direkt auswählen
- Galerie und Angebote schnell erfassen
- Termin buchen bleibt auf dem Handy immer erreichbar
Ein Barbershop lebt vom Termin. Die Website muss ihn möglich machen.
Origami Lab hat NOIR & BLADE als eigenes Showcase-Projekt gestaltet und entwickelt: eine Website für einen Premium-Barbershop, die neue Kundinnen und Kunden in Sekunden verstehen. Wer die Seite öffnet, sieht sofort den Laden, das Angebot und den Weg zum Termin. Leistungen, Preise und Team stehen offen da, die Buchung dauert wenige Schritte. Der Betrieb muss am Telefon weniger erklären und bekommt Termine auch außerhalb der Öffnungszeiten.
Darauf kam es an
- Leistungen und Preise ohne Anruf klären
- Termin in wenigen Schritten buchen, auch abends
- Auf dem Handy genauso einfach wie am Rechner
- Ein dunkler, hochwertiger Auftritt, der lesbar bleibt
Groß gesetzt, warm beleuchtet, eine einzige Akzentfarbe.
Großer erster Eindruck
Eine große Überschrift vor dem Foto des Ladens sagt in drei Zeilen, wofür der Barbershop steht. Wer die Seite öffnet, weiß sofort, wo er ist.
Ein Akzent, ein Ziel
Nur der Termin-Button und wenige Hinweise leuchten in Orange. Das Auge findet den Weg zum Termin ohne Suchen.
Der Laden als Bühne
Ein Foto des Studios trägt den ersten Bildschirm. Es zeigt Atmosphäre und Handwerk, ohne von Angebot und Buchung abzulenken.
Leistungen im ersten Bild
Rechts neben der Überschrift stehen die Leistungen als kurze Liste. Das Angebot ist sichtbar, bevor jemand scrollt.
Informationen statt Dekoration
Standort, Öffnungszeiten und Buchung stehen in einer ruhigen Leiste unter dem ersten Bild, damit die häufigsten Fragen sofort beantwortet sind.
Galerie, die Ergebnisse zeigt
Fades, Bart, Styling und der Laden in einem lebendigen Raster. Neue Kundinnen und Kunden sehen, was sie bekommen.
- Dunkler Auftritt setzt Bilder und Leistungen klar in Szene.
- Klare Hierarchie führt vom ersten Eindruck zu Preisen und Termin.
- Warme Akzente geben dem Auftritt einen hochwertigen Barbershop-Charakter.
Der Auftritt in Originalgröße.
Die Startseite zeigt in einem Bild, worum es geht: der Laden, das Angebot, der Termin. Der Ausschnitt zeigt die Schrift in Originalgröße, dann öffnet sich die ganze Seite.
- Große Überschrift, sofort lesbar
- Leistungen direkt im ersten Bild
- Ein Button, ein Ziel: Termin buchen
Vom ersten Eindruck direkt zum Termin.
So buchen Kundinnen und Kunden
- 01 Leistung auswählen
- 02 Wunsch-Barber auswählen
- 03 Kontaktdaten angeben
- 04 Termin auswählen und buchen
Online-Terminbuchung
Kundinnen und Kunden wählen Leistung, Barber und Termin in wenigen Schritten direkt auf der Website. Der Betrieb nimmt Termine an, ohne ans Telefon zu müssen.
Leistungen, Dauer und Preise
Alle sechs Leistungen stehen mit Dauer und Preis sichtbar auf der Seite. Interessierte müssen nicht erst anrufen, um die wichtigsten Fragen zu klären.
Pakete, die zum Termin führen
Drei Pakete und eine Preisliste; wer ein Paket wählt, landet direkt in der Buchung mit der passenden Leistung.
Wunsch-Barber
Drei Barber mit ihren Schwerpunkten; wer einen bestimmten Barber will, wählt ihn bei der Buchung aus.
Galerie
Sechs Motive zeigen Ergebnisse und den Laden, damit neue Kundinnen und Kunden wissen, was sie erwartet.
Auf dem Handy immer buchbar
Beim Scrollen bleibt unten eine Leiste mit Anrufen und Termin buchen sichtbar. Der Weg zum Termin ist nie weiter als ein Tipp.
Häufige Fragen und Anfahrt
Antworten auf typische Fragen und der Standort stehen auf der Seite, damit weniger Rückfragen beim Betrieb landen.
Auf dem Smartphone bleibt Termin buchen immer erreichbar.
Erster Eindruck
Die große Überschrift bleibt, das Foto des Ladens auch. Was auf dem kleinen Bildschirm keinen Platz hat, rückt nach unten, statt zu stören.
Menü und Kontakt
Ein Menü-Symbol öffnet alle Bereiche auf einen Blick, mit dem Termin-Button gleich dabei. Die Telefonnummer ist mit einem Tipp gewählt.
Reihenfolge
Erst das Angebot, dann der Termin-Button, dann Telefon und Leistungen. Galerie und Team folgen weiter unten.
Termin buchen
Der Termin-Button läuft über die volle Breite. Beim Scrollen bleibt unten eine Leiste mit Anrufen und Termin buchen sichtbar. Leistungen, Preise und Buchung funktionieren ohne Umwege auch auf kleinen Bildschirmen.
Drei Ausschnitte, Maßstab eins zu eins.
Sauber gebaut, schnell auf jedem Gerät.
Schnell auf jedem Gerät
Die Website bleibt am Rechner und auf dem Smartphone übersichtlich, schnell und leicht zu bedienen.
Termin jederzeit buchbar
Besucherinnen und Besucher wählen Leistung, Barber und Termin direkt online. Freie Termine sind sofort auswählbar, die Buchung ist in wenigen Schritten abgeschlossen.
Klar aufgebaut
Leistungen, Preise, Kontakt und Buchung sind ohne Umwege zu finden. Häufige Fragen und die Anfahrt stehen gleich dabei.
