Bloom & Joy - готовый интернет-магазин цветов

Первый экран решает, останется покупатель или уйдет. Здесь три сменяющихся предложения с крупным заголовком и двумя кнопками, под ними полоса из четырех преимуществ: свежесть, доставка за 60 минут, гарантия и способы оплаты. Ниже акции с промокодами, витрина популярных букетов и новости - все, что удерживает человека на сайте и ведет его в каталог.

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

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

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

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

Оформление разбито на понятные блоки и снабжено индикатором шагов, поэтому покупатель всегда видит, сколько осталось. Есть поля второго получателя - букеты часто заказывают в подарок, - выбор даты и интервала доставки, текст открытки со счетчиком символов и выбор способа оплаты. Телефон вводится по маске, обязательные поля проверяются до отправки.

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

Страница, которую читают перед первым заказом. Способы и сроки доставки, порог бесплатной доставки, принимаемые карты и онлайн-оплата, а также блок «Важно знать» с ответами на частые опасения: что будет, если получателя нет дома, и как заменить букет.

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

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

Один шаблон работает и для блога, и для детальной страницы акции. Слева тело материала с подзаголовками, списками и нумерованными шагами, справа липкий сайдбар с другими акциями и популярными букетами. Блог приводит в магазин поисковый трафик по запросам вроде «какие цветы дарить на день рождения» и греет тех, кто еще не готов купить.

Отложенные букеты хранятся в браузере покупателя и переживают закрытие вкладки. Сердечко работает везде: в карточке каталога, в быстром просмотре и на странице товара, счетчик в шапке обновляется сам. Пустое состояние отрисовано - экран не остается белым и ведет обратно в каталог.

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

Ошибочный адрес не должен заканчивать визит. На странице 404 стоит крупный код ошибки, подсказка «возможно, вы искали», подборка популярных букетов и баннер подписки - посетитель возвращается в каталог, а не закрывает вкладку.