VelvetCake
Website, Katalog und CRM für eine Konditorei in Lwiw: Bestellungen von der Website, Instagram und Telegram an einem Ort
Über die Marke
VelvetCake ist eine Konditorei aus Lwiw: Torten nach Maß, Bento-Torten, Cupcakes, Candybars, Desserts und Workshops zum Dekorieren von Bento. Visuell setzt die Marke auf eine Dark-Luxury-Stimmung: dunkle Palette, zurückhaltende Typografie, das Dessert selbst trägt das Bild
Desserts kauft man hier mit den Augen, deshalb funktioniert die Auslage genau so gut, wie sie aussieht. Hinter der Auslage steht aber die zweite Hälfte des Geschäfts, die der Kunde nie sieht: Bestellungen, die täglich über drei verschiedene Kanäle kommen
Die Aufgabe
Bestellungen in einer Konditorei kommen von überall: der eine schreibt auf Instagram, der andere auf Telegram, der dritte will direkt auf der Website bestellen. Solange das alles in Chatverläufen lebt, geht etwas verloren, und das Bild des Tages steckt in jemandes Kopf
Gebraucht wurde eine Website, die die Stimmung der Marke trägt und Bestellungen annimmt, und zugleich ein Arbeitsplatz für die Konditorin, an dem jede Anfrage landet und an dem sie Menü, Preise und Workshops selbst ändert, ohne Entwickler
Die Lösung
Keine Landingpage mit einem "Schreiben Sie uns"-Button, sondern eine Anwendung mit zwei Eingängen: eine öffentliche Website für Kundinnen und Kunden und ein internes CRM für das Team unter /admin
Die Website ist ein Dessertkatalog, eine eigene Seite für jedes Dessert, Workshops und ein FAQ. Eine Anfrage aus jedem Formular wird sofort zur Karte im CRM. Bestellungen von Instagram und Telegram kommen von Hand in denselben Ablauf, sodass jede Kundin in einer Liste sichtbar ist
Menü, Preise, Fotos und Workshop-Themen werden im CRM bearbeitet: im Panel ändern und die Website aktualisiert sich
Katalog
Fünf Kategorien: Torten, Bento, Cupcakes, Candybars, Desserts. Dazu Suche nach Namen und ein Kategoriefilter
KategorienDer Einstieg für alle, die noch nicht wissen, was sie wollen, und einfach die Auslage durchsehen
SucheFür alle, die wegen eines bestimmten Desserts kommen oder eines für einen Anlass suchen
DessertseiteFotos, Gewicht, Portionen, Allergene, ein Preis "ab". Jedes Dessert bekommt eine eigene Seite statt einer Zeile in einer Liste
FAQVorlaufzeiten, Lieferung in Lwiw in Markenverpackung oder Abholung, mehrstöckige Torten von 8-12 kg, ein Design nach Vorlage oder aus dem Portfolio
Fragen zu Zutaten, Allergenen und Vorlaufzeiten sind in einer Konditorei die häufigsten. Wenn die Seite sie beantwortet statt eines Chatverlaufs, kommen deutlich mehr Bestellungen zum Abschluss
Bestellung
Auf der Dessertseite gibt es einen Button: "Anfrage senden". Es öffnet sich ein kurzes Formular: Name und Telefon, ohne Registrierung, ohne Warenkorb. Nach dem Absenden sieht die Kundin, dass sie innerhalb einer Stunde zu den Öffnungszeiten kontaktiert wird
WorkshopsEine eigene Seite mit Dekorationsthemen, Preis, Platzzahl und Ablauf des Termins. Die Buchung läuft über dasselbe kurze Formular plus Platzzahl
Instagram und TelegramBleiben voll funktionierende Kanäle: die Kontakte stehen im Header, auf der Menüseite und im Footer. Diese Bestellungen trägt die Konditorin von Hand ins CRM ein, damit der Ablauf vollständig ist
Jede Anfrage von der Website wird mit einer Markierung gespeichert, woher sie kam: von der Dessertseite oder von der Workshop-Seite. Das CRM zeigt das sofort
CRM
Das Panel liegt auf derselben Domain unter /admin, Login mit E-Mail und Passwort. Vier Bereiche
AnfragenHier landet jedes Formular von der Website. Oben stehen Statuszähler: neu, in Arbeit, erledigt, storniert; darunter eine Suche nach Name, Telefon oder Produkt. Jede Anfrage ist eine Karte mit Typ (Bestellung oder Workshop), Datum, Kontakt, Dessert und Notiz der Kundin, und der Status wird direkt auf der Karte geändert. Die Konditorin begleitet eine Bestellung vom ersten Anruf bis zur Übergabe und sieht jederzeit, was gerade läuft
MenüProdukte, Preise, Beschreibungen, Fotos und Sichtbarkeit im Katalog. Ein Produkt lässt sich mit einem Schalter von der Website ausblenden, ohne es zu löschen
WorkshopsDekorationsthemen: Namen, Dauer, Platzzahl, Preise und Sichtbarkeit
Für den EntwicklerServicefunktionen: Menü oder Workshops auf den Ausgangsstand aus dem Code zurücksetzen, Demo-Anfragen für eine Vorführung laden
Alles, was im CRM geändert wird, liegt in Firestore und erscheint auf der Website ohne Rebuild und ohne Entwickler
Technisch
- Eine React-Anwendung, gebaut mit Vite; Seiten laden als eigene Chunks, sodass das CRM eine normale Besucherin nichts kostet
- Firebase: Auth für den CRM-Login, Firestore für Anfragen, Menü und Workshops, Storage für Produktfotos
- Aktualisierung in Echtzeit: eine neue Anfrage erscheint im CRM ohne Neuladen
- Katalog mit Kategorien und Suche, eine eigene Route je Dessert
- Das Basismenü und die Workshops stecken im Code, die Änderungen aus dem CRM legen sich darüber: es gibt immer einen Stand, zu dem man zurück kann
- Sanftes Scrollen mit Lenis, Animationen mit GSAP und Motion, Ansicht für das Telefon, Meta-Tags und Canonical auf jeder Seite
Das Ergebnis
Die Konditorei bekam ein System und nicht nur eine Website: die Auslage nimmt rund um die Uhr Anfragen an, und jede Bestellung, von der Website, Instagram und Telegram, sammelt sich in einem CRM mit Status
Menü, Preise, Fotos und Workshops verwaltet das Team selbst. Für eine neue Torte oder einen geänderten Preis wird kein Entwickler mehr gebraucht
Screens
