Все работы

Кейс 08Каталог с корзинойКонцепт

Флёр

Дать покупателю выбрать букет самому: по цене, размеру и составу, и оформить доставку без переписки.

Клиент
Цветочный магазин в Минске
Срок разработки
14 дней
Год
2026
Стек
React, Vite, React Router, CSS Modules
Первый экран сайта «Флёр»
Первый экран сайта «Флёр» на телефоне

01 Задача бизнеса

Цветочный магазин принимает заказы в директе: покупатель спрашивает цену, ждёт фото, уточняет доставку. Каждый заказ — десяток сообщений.

Нужен каталог, где видно цену, состав и размер букета, а заказ оформляется за пару минут.

02 Решение

Сделал каталог с фильтрами по категории, цене, размеру и наличию, поиском по составу и сортировкой. Фильтры сохраняются в адресе страницы — подборкой можно поделиться.

Корзина считает скидку по промокоду и показывает, сколько осталось до бесплатной доставки.

При оформлении покупатель выбирает дату и двухчасовой интервал доставки, пишет текст открытки.

03 Ключевые функции

  1. «Флёр»: главная с акцией
    01

    Главная с акцией

    Сезонное предложение, категории, хиты продаж и преимущества доставки.

  2. «Флёр»: каталог с фильтрами
    02

    Каталог с фильтрами

    Категория, цена, размер, наличие и скидки. Найденные товары пересчитываются сразу.

  3. «Флёр»: карточка букета
    03

    Карточка букета

    Галерея фото, состав, размер, старая и новая цена, похожие букеты.

  4. «Флёр»: каталог на телефоне
    04

    Каталог на телефоне

    Фильтры открываются в выезжающей панели, карточки удобно листать.

04 Результат

  • Заказ без переписки в директе
  • Подборки по ссылке
  • Корзина работает даже после перезагрузки
  • React
  • Vite
  • React Router
  • CSS Modules

Хотите такой же?

Каталог / интернет-магазин — от 900 BYN, от 14 дней. Расскажите о своём бизнесе, и я предложу, как сделать сайт под вашу задачу.

Обсудить такой сайт