Кейс 01 · Флористика · Інтернет-магазин
Opera Flowers
Онлайн-ательє квітів біля Львівської опери: преміальні букети, доставка в день замовлення та каталог, у якому подарунок обирають за хвилину.
- Клієнт
- Квіткове ательє Opera Flowers
- Галузь
- Флористика
- Локація
- Львів, Україна
- Тип проєкту
- Інтернет-магазин
01 — Огляд
Задача
Ательє приймало замовлення переважно через месенджери та Instagram. Потрібен був власний магазин, який передає преміальний рівень флористики, показує актуальні ціни й дає змогу замовити букет із доставкою без довгого листування.
Рішення
Ми створили швидкий двомовний магазин із каталогом за форматами — WOW-букети, композиції в коробках, букети й кошики, — бестселерами з цінами, обраним і кошиком. Окремі сценарії ведуть до індивідуальних замовлень: весілля, події та інтер’єри.
02 — Що ми зробили
Повний цикл - від дизайну до запуску.
UI/UX дизайн
Структура каталогу, картки товарів і короткий шлях до оформлення замовлення.
Фронтенд
Next.js, адаптивна верстка, двомовність UA/EN, SEO-метадані.
Бекенд
Каталог і зображення на Supabase, деплой на Vercel.
QA і тестування
Перевірка кошика, форм і відображення на мобільних.
03 — Можливості
Що отримали користувачі.
- 01
Каталог за форматами
WOW-букети, коробки, букети та кошики з кількістю позицій у кожній категорії.
- 02
Кошик та обране
Лічильники в шапці та швидке додавання бестселерів у кошик.
- 03
Доставка в день замовлення
Кур’єр Львовом і околицями, рукописна листівка та картка з доглядом.
- 04
Індивідуальні замовлення
Консультації, весілля, події та інтер’єрні проєкти.
- 05
Lookbook
Редакційна галерея робіт ательє.
- 06
Зв’язок у месенджерах
Телефон, Telegram, Viber і WhatsApp з однієї форми.
04 — Екрани
05 — Технології
На чому це працює.
- Next.js
Рендеринг і маршрутизація
- Supabase
Каталог і сховище зображень
- Vercel
Хостинг і деплой
- Open Graph
Красиві прев’ю в соцмережах
06 — Процес
Як ми працювали.
- 01
Дослідження
Цілі, аудиторія та конкуренти.
- 02
Дизайн
Структура, прототипи та UI.
- 03
Розробка
Фронтенд, бекенд та інтеграції.
- 04
Тестування
Ручні та автоматизовані перевірки.
- 05
Запуск
Деплой, аналітика та підтримка.
Наступний кейс
Маєте схожу ідею?
Розкажіть про проєкт - і ми запропонуємо план запуску.