Обсудить проект

8 мин чтения

Как сделать сайт цветочного магазина

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

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

Чего боится человек, который заказывает цветы

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

Страх покупателя Что отвечает на сайте
Привезут не то, что на фото Фото реальных букетов, состав, размер, снимок букета перед отправкой
Опоздают к поводу Интервалы доставки, условия срочной доставки, сообщения о статусе заказа
Цветы окажутся несвежими Как вы храните цветы, сколько простоит букет, памятка по уходу
Итог выйдет дороже Цена с упаковкой, стоимость доставки до оплаты
Испортят сюрприз Анонимная доставка, выбор — звонить получателю заранее или нет

Что показать в карточке букета

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

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

Цветы — живой товар: нужного сорта может не оказаться в поставке. Напишите в карточке заранее, что вы делаете в этом случае: согласуете замену с покупателем или ставите равноценные цветы того же цвета. Тогда замена не станет неприятным сюрпризом при вручении.

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

Каталог из десятков снимков тяжёл для телефона: фото нужно сжимать и подгружать по мере прокрутки. Как это делается, — в статье о скорости загрузки сайта.

Как помочь выбрать букет: фильтры по поводу и бюджету

Покупатель цветов думает не сортами, а поводом и суммой: «маме на день рождения, не слишком дорого, к семи вечера». Фильтры в каталоге стоит строить так же:

  • повод — день рождения, свидание, свадьба, выписка из роддома, извинение, «просто так»;
  • бюджет — несколько ценовых диапазонов под ваш ассортимент;
  • срок — «можно доставить сегодня» для букетов из наличия;
  • цветы и цвет — для тех, кто знает, чего хочет: «только пионы», «ничего красного».

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

Подборки по поводам работают и на поиск. У отдельной страницы «Букеты на день рождения» с подборкой и коротким текстом больше шансов попасть в выдачу по своему запросу, чем у каталога с включённым фильтром. Ещё два шага — карточки магазина в Яндекс Картах и 2ГИС, где телефон и часы работы совпадают с сайтом, и микроразметка Schema.org: тип Florist для магазина и Product для букетов. Что ещё настроить до запуска, — в статье про SEO-базу нового сайта.

Перед большими праздниками — 14 февраля, 8 Марта, 1 сентября — каталог перестраивают: наверх выносят праздничную подборку, заранее открывают предзаказ и закрывают интервалы, на которые курьеры уже заняты.

Доставка цветов: интервалы, зона и срочные заказы

Доставка — место, где покупатель нервничает больше всего. Ответьте на его вопросы раньше, чем он начнёт писать в мессенджер:

  • зона и стоимость — карта зон или поле, куда вводят адрес и сразу видят цену доставки;
  • интервалы — выбор даты и окна времени, причём в форме доступны только окна, в которые курьеры успевают, а заполненные закрыты;
  • срочная доставка — до какого часа её можно заказать, из каких букетов, например только из готовых, и сколько она стоит;
  • доставка к точному времени — если она есть, то на каких условиях;
  • если получателя нет на месте — что делает курьер: звонит заказчику, оставляет букет соседям или коллегам, привозит повторно — и на каких условиях;
  • сообщения о заказе — когда букет собран, когда курьер выехал и когда букет вручён.

Для самовывоза нужны адрес, часы работы и время, через которое букет будет готов.

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

Фото перед отправкой, открытка и анонимная доставка

Три детали, которые закрывают страхи «привезут не то» и «испортят сюрприз».

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

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

Анонимная доставка. Галочка «не называть отправителя» и отдельный вопрос — звонить ли получателю перед доставкой. Для сюрприза звонок заранее портит момент, а для доставки в офис это единственный способ застать человека на месте. Пусть выбирает покупатель.

Фото вручения — приятный бонус, но в кадре будет получатель, поэтому делать и отправлять такой снимок можно только с его согласия.

Как оформить заказ с телефона за пару шагов

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

  1. Букет — выбран в каталоге; к нему можно добавить открытку, вазу или сладости, если они у вас есть.
  2. Получатель и доставка — имя, телефон, адрес, дата и интервал, текст открытки, анонимность.
  3. Заказчик и оплата — свои имя и телефон, итоговая сумма с доставкой, оплата.

Без обязательной регистрации, с крупными полями и цифровой клавиатурой для номера телефона. Итоговая сумма видна до кнопки оплаты, а не всплывает на последнем шаге. Как проверить всё это на своём телефоне до запуска, — в статье про адаптивный дизайн.

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

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

Подписка на цветы и заказы для компаний

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

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

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

Если подписок и корпоративных заказов у вас нет, просто пропустите блок: обещание, которое некому выполнять, хуже пустого места.

Частые ошибки

  • Фото из интернета или снимки букетов, которых вы не собирали.
  • Цена без упаковки, а стоимость доставки появляется только на последнем шаге.
  • Интервалы, в которые курьеры не успевают, и ни слова о срочной доставке.
  • Обязательная регистрация перед заказом.
  • Нет поля для открытки и галочки анонимной доставки.
  • Каталог, который на телефоне грузится дольше, чем покупатель готов ждать.
  • Праздничная подборка, которая висит на главной после праздника.

Если вы открываете цветочный магазин или хотите принимать заказы без долгой переписки, расскажите о задаче: разберём ассортимент, доставку и путь покупателя от выбора букета до оплаты и предложим структуру сайта. Похожие задачи — повод, дата, доставка к сроку — решает и лендинг для кондитерской, а от чего зависит цена сайта с каталогом и оплатой, — в статье «Сколько стоит сайт».

(Вопросы)

Частые вопросы

Зачем цветочному магазину сайт, если заказы приходят в мессенджер?

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

Как показать размер букета на сайте?

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

Какие интервалы доставки цветов указывать на сайте?

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

Нужна ли цветочному магазину онлайн-оплата на сайте?

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

Что выбрать цветочному магазину: лендинг или сайт с каталогом?

Лендинга хватит, если букетов немного или страница нужна под рекламу к одному празднику. Если ассортимент большой, нужны фильтры и корзина, а покупатели должны находить вас в поиске по разным запросам, нужен сайт с каталогом.

(Читать дальше)

Ещё статьи

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

    Хорошая правка описывает проблему, а не решение: «непонятно, что это кнопка» вместо «сделайте красной». Как собрать правки, чтобы не ходить по кругу.

    Веб-дизайн
  2. Как выбрать подрядчика для разработки сайта

    Сравниваем студию, фрилансера, своего сотрудника и конструктор и разбираем, как проверить портфолио, что спросить на созвоне и что записать в договор.

    Веб-дизайн
  3. Как сделать лендинг для детского центра

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

    Веб-дизайн