Разработка интернет-магазина цветов «Цветочный маркет»

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

Смотреть сайт Обсудить интернет-магазин

Прокрутка главной страницы интернет-магазина цветов «Цветочный маркет»

Кратко о проекте

Клиент: Цветочный маркет
Отрасль: Цветочная розница и доставка
Тип проекта: Интернет-магазин с доставкой и самовывозом
Платформа: 1С-Битрикс + RetailCRM

Что реализовали

Дизайн интернет-магазина цветов и единая визуальная система каталога
Каталог с разделами, фильтрами по цене, цвету, количеству и сортировкой
Карточка букета: размеры, цена, бонусы, доставка и самовывоз
Корзина и быстрое оформление заказа в мобильной версии
Связка заказов сайта с RetailCRM и работой магазинов
Разделы доставки, оплаты и сети магазинов

Теги

Каталог и карточка товара

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

Фильтры каталога: цена, цвет, количество цветов, сорт

Карточка букета: цена, размер, бонусы и кнопка «В корзину»

Фильтры и карточка товара помогают выбрать букет без лишних переходов.

Сайт и RetailCRM работают как одна система

Заказы с сайта попадают в RetailCRM: там их видят операторы, распределяют по магазинам и передают флористам. Клиентская история, статусы заказа и коммуникации хранятся в одном месте.

Маршрут заказа

Каталог
Карточка букета
Корзина
RetailCRM
Магазин и флорист
Доставка или самовывоз

Что связали

Передачу заказов
Карточку клиента
Статусы заказа
Способы получения

Сопровождение

Развитие каталога
Доработки интерфейса
Техническая поддержка

Оформление заказа: способ получения и оплата

Доставка, оплата и сеть магазинов

Отдельные разделы сайта закрывают вопросы, которые покупатель задаёт до заказа: сроки и стоимость доставки, способы оплаты, адреса магазинов и точки самовывоза.

Условия доставки и способы оплаты в интернет-магазине цветов

Список работающих магазинов сети с адресами

Избранное и акции

Покупатель может сохранять понравившиеся букеты в избранное и возвращаться к ним позже, а раздел акций собирает товары со скидками и сезонные предложения.

Раздел избранного с сохранёнными букетами

Задача

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

Отдельная задача — не оставить заказы «в сайте»: они должны сразу попадать в систему обработки, где их видят операторы и флористы.

Макеты сайта

Айдентика проекта

Типографика

Гротеск Bold

Заголовки и цены

Букеты и монобукеты

Гротеск Regular

Основной текст интерфейса

Доставка и самовывоз

Палитра

Акцент действия#E4123F
Светлый фон#FDE4E8
Кнопка покупки#F5A623
Текст#1A1A1A

Дизайн интернет-магазина: товар на первом плане

Основа интерфейса — фотография букета. Интерфейс намеренно светлый и нейтральный, акцентный красный используется только для цены, скидки и целевых действий: «В корзину» и «Перейти к оформлению».

Главная страница ведёт покупателя в каталог через понятные разделы — Premium-букеты, розы, монобукеты, поводы и получателей, — а карточки товара показывают цену, скидку и размер до перехода.

Крупная товарная сетка и одинаковые карточки в каталоге
Акцентный цвет — только для цены и кнопок действия
Понятные разделы вместо длинного меню

Адаптивный дизайн

Большая часть заказов оформляется с телефона, поэтому мобильные сценарии проектировали первыми: поиск букета, карточка товара, корзина и переход к оформлению.

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