Zum Inhalt springen

Demonstration

Institut Lisière

Demo einer Website für ein Kosmetikinstitut: Behandlungskarte mit Dauer und Preis, Online-Terminanfrage, Öffnungszeiten und Anfahrt. Fiktives Unternehmen.

Kosmetik und Wellness · Lausanne

Demo öffnen · webmake-demos.vercel.app/beaute

Demonstration ohne Kunden: Das Unternehmen, seine Kontaktdaten und Preise sind erfunden. Sie zeigt einen Ansatz, keinen ausgelieferten Auftrag. Die meisten Demos sind auf Französisch; Gastronomie und Treuhand gibt es zusätzlich als eigene Demo auf Deutsch.

…/beaute
Demo Institut Lisière: Startseite einer Kosmetik-Website auf dem Computer
Institut Lisière · Screenshots

Screenshots

Demo Institut Lisière: Startseite einer Kosmetik-Website auf dem Smartphone
Institut Lisière · Screenshots

Ausgangslage

Ein Institut für Gesichts- und Körperbehandlungen in Lausanne, das von Dienstag bis Samstag auf Termin empfängt. Das Unternehmen ist fiktiv: Es zeigt, was wir für ein unabhängiges Institut oder einen Salon bauen.

Das Problem

Während einer Behandlung nimmt niemand das Telefon ab. Vor der Buchung will man Preis und Dauer einer Behandlung kennen und einen Termin anfragen, ohne bis zum Abend zu warten.

Was wir gebaut haben

  • Eine Behandlungskarte nach Bereichen (Gesicht, Körper, Hände und Füsse, Haarentfernung), mit Dauer und Preis.
  • Eine Terminanfrage: gewünschte Behandlung, Datum, Tageszeit.
  • Eine ruhige, helle Atmosphäre, passend zum Ort.
  • Öffnungszeiten, Adresse und Anfahrt, gut lesbar auf dem Smartphone.

Was sich dadurch ändert

In einem echten Projekt kommen Terminanfragen auch während der Behandlungen schriftlich an, und Preisfragen beantwortet die Website. In dieser Demo sendet das Formular nichts.

Unter der Haube

  • Next.js 15
  • Tailwind CSS v4

Ein Projekt für Ihr Unternehmen?

Beschreiben Sie uns Ihren Bedarf. Sie erhalten eine klare Antwort, mit einer Offerte, bevor Sie entscheiden.