VelvetCake
Сайт, каталог і CRM для львівської кондитерської: замовлення з сайту, Instagram і Telegram в одному місці
Про бренд
VelvetCake, кондитерська зі Львова: торти на замовлення, бенто, капкейки, кенді-бари, десерти і майстер-класи з оформлення бенто-тортів. Візуально бренд тримається на атмосфері «dark luxury»: темна палітра, стримана типографіка, акцент на самому десерті
Десерт тут купують очима, тож вітрина працює рівно настільки, наскільки добре виглядає. Але за вітриною є друга половина бізнесу, яку клієнт не бачить: замовлення, які щодня приходять із трьох різних каналів
Задача
Замовлення в кондитерській приходять звідусіль: хтось пише в Instagram, хтось у Telegram, хтось хоче оформити прямо на сайті. Поки все це живе в листуваннях, щось губиться, а картина дня складається з памʼяті
Потрібен був сайт, який передає атмосферу бренду й приймає замовлення, і водночас робоче місце для кондитерки, куди стікаються всі заявки й де можна самій міняти меню, ціни та майстер-класи без розробника
Рішення
Не лендинг із кнопкою «написати нам», а застосунок із двома входами: публічний сайт для клієнтів і закрита CRM для команди за адресою /admin
Сайт: каталог десертів, окрема сторінка на кожен десерт, майстер-класи, FAQ. Заявка з будь-якої форми на сайті одразу стає карткою в CRM. Замовлення з Instagram і Telegram кондитерка заводить у ту саму воронку, тож усі клієнти видно в одному списку
Меню, ціни, фото і теми майстер-класів редагуються в CRM: змінив у панелі, і на сайті оновилось
Каталог
Пʼять категорій: торти, бенто, капкейки, кенді-бари, десерти. Зверху пошук за назвою і фільтр за категорією
КатегоріїТочка входу для тих, хто ще не знає, чого хоче, і просто дивиться вітрину
ПошукДля тих, хто прийшов за конкретним десертом або добирає під подію
Сторінка десертуФото, вага, порції, алергени, ціна «від». Кожен десерт має власну сторінку, а не рядок у списку
FAQТерміни виготовлення, доставка по Львову в брендованій упаковці або самовивіз, багатоярусні торти на 8-12 кг, дизайн за референсом чи з портфоліо
Питання про склад, алергени й терміни найчастіші в кондитерській. Коли на них відповідає сама сторінка, а не листування, замовлення доходить до кінця значно частіше
Замовлення
На сторінці десерту одна кнопка: «Залишити заявку». Відкривається коротка форма: імʼя і телефон, без реєстрації й кошика. Після відправлення клієнт бачить, що з ним звʼяжуться протягом години в робочий час
Майстер-класиОкрема сторінка з темами оформлення, ціною, кількістю місць і кроками заняття. Бронювання тією ж короткою формою плюс кількість місць
Instagram і TelegramЛишаються повноцінними каналами: контакти є в шапці, на сторінці меню й у футері. Такі замовлення кондитерка вносить у CRM вручну, щоб воронка була повною
Кожна заявка з сайту записується з позначкою, звідки вона прийшла: зі сторінки десерту чи зі сторінки майстер-класів. У CRM це видно одразу
CRM
Панель живе на тому ж домені за адресою /admin, вхід через email і пароль. Чотири розділи
ЗаявкиСюди падають усі форми з сайту. Зверху лічильники за статусами: нова, в роботі, виконано, скасовано; нижче пошук за імʼям, телефоном чи товаром. Кожна заявка це картка з типом (замовлення або майстер-клас), датою, контактом, десертом і коментарем клієнта, а статус міняється прямо в картці. Кондитерка веде замовлення від першого дзвінка до видачі й бачить, що зараз у роботі
МенюТовари, ціни, описи, фото та видимість у каталозі. Товар можна приховати з сайту одним перемикачем, не видаляючи
Майстер-класиТеми оформлення: назви, тривалість, кількість місць, ціни та видимість
Для розробникаСлужбові дії: повернути меню чи майстер-класи до базового стану з коду, завантажити демо-заявки для показу
Усе, що змінюється в CRM, зберігається у Firestore і оновлюється на сайті без перезбирання й без участі розробника
Технічно
- React-застосунок, збірка Vite; сторінки вантажаться окремими чанками, тож CRM не важить нічого для звичайного відвідувача
- Firebase: Auth для входу в CRM, Firestore для заявок, меню й майстер-класів, Storage для фото товарів
- Оновлення в реальному часі: нова заявка зʼявляється в CRM без перезавантаження
- Каталог із категоріями і пошуком, окремий маршрут на кожен десерт
- Базове меню й майстер-класи зашиті в код, правки з CRM накладаються зверху: є до чого відкотитись
- Плавний скрол Lenis, анімації GSAP і Motion, адаптив під телефон, мета-теги й canonical на кожній сторінці
Результат
Кондитерська отримала не просто сайт, а систему: вітрина приймає заявки цілодобово, а всі замовлення з сайту, Instagram і Telegram збираються в одній CRM зі статусами
Меню, ціни, фото і майстер-класи команда міняє сама. Розробник більше не потрібен, щоб додати торт чи змінити ціну
Екрани
