Royal Flowers — сеть цветочных магазинов и интернет-магазин

Royal Flowers — это сеть цветочных магазинов в четырёх городах Украины: Киев, Днепр, Одесса, Харьков. Задача — построить единую онлайн-витрину, где клиент сначала выбирает свой город, а дальше видит актуальный ассортимент, цены и сроки доставки именно для него. Технически — это WordPress + WooCommerce с мультисайтовой архитектурой на поддоменах (kyiv./odesa./kharkiv./основной домен — Днепр), единым дизайном и общим брендом, но с отдельным складом и прайсом для каждого города.

Главная страница и брендовая подача

Первый экран — slick-слайдер в центрированном режиме с тремя кадрами: «Royal Flowers Киев — 101 розу заслуживает каждая девушка», тезис о быстрой доставке за 2 часа и обещание свежих цветов напрямую из теплиц. Соседние слайды частично «выглядывают» по бокам — типичный приём, намекающий на листание, без лишних стрелок. Под hero — CTA «Перейти в каталог» и длинный SEO-блок, который ранжируется под региональные запросы «доставка цветов Киев» / «купить розы Киев».

Каталог и фильтрация

Каталог — двухколоночный WooCommerce shop: слева фильтры (длина стебля 50 / 70 см и категории с миниатюрами), справа — сетка карточек по три в ряд. Карточка показывает фото, название, цену в гривнах, перечёркнутую «старую» цену для товаров на акции — и быструю кнопку «в корзину» в нижнем правом углу, чтобы клиент мог купить, не заходя на страницу товара.

Структура категорий

• Букеты 19, 25, 51, 101 розы и «от 101 розы» — отдельная таксономия под количество цветов в букете;
• Отдельные категории под тюльпаны: 25 / 51 / 101 тюльпан;
• Корзины с цветами — категория композиций в плетёной корзине;
• Фильтр по длине стебля (50 и 70 см) — самый важный параметр в розах, по которому обычно ищут букет под конкретный бюджет.

Страница товара

Страница товара максимально лаконична: большое фото букета слева, справа — название, актуальная и старая цена (если действует скидка), кнопка «Добавить в корзину» и живой счётчик доступного количества («Доступное количество: 3»). Счётчик тянется со склада WooCommerce и даёт клиенту ощущение, что букет реален и физически есть на складе именно сегодня.

Cart-drawer вместо отдельной страницы корзины

Вместо традиционного /cart/ — постоянная правая боковая панель, которая живёт на каждой странице сайта. Нажимаешь «в корзину» с карточки — drawer плавно разъезжается с фото товара, названием, ценой, количеством, чекбоксами для дополнительной упаковки («Без упаковки 0₴» / «Другая упаковка 200₴») и суммой. Внизу — один CTA «Оформить заказ», ведущий на чекаут. Один клик от каталога до чекаута без промежуточной загрузки страницы корзины.

Чекаут: самовывоз vs доставка с выбором слота

Страница /checkout/ с двумя вкладками вверху: Самовывоз (адрес магазина города: Днепр, ул. Шевченко 18; время работы 8-20) и Доставка. Выбранная дата + выпадающий список слотов через каждые 30 мин (11:00–21:00). Поля Имя + Телефон, тоглер «Создать учётную запись», поле «Комментарий или текст открытки» — критичное для цветочного бизнеса, где букет часто идёт сюрпризом. Два способа оплаты: при получении или карта/Apple Pay/Google Pay. Справа sticky — summary с суммой, доставкой, чекбоксом согласия с Офертой и CTA «Отправить». В табличной корзине внизу — счётчик наличия («В наличии: 8 шт.») плюс купонное поле.

Доставка и логика слотов

Собственная курьерская служба бренда — ключевой аргумент, который мы вынесли в несколько точек на сайте. Базовые часы — 09:00–21:00, утренние (07:00) и поздние (23:00) слоты за отдельную оплату, чёткие временные окна вместо «когда успеем». Поле для номера получателя (если букет — сюрприз, курьер согласовывает место непосредственно с ним) и приватный комментарий флористу.

Личный кабинет — логин и регистрация на одной странице

Личный кабинет (/my-account/) объединяет два действия на одном экране: слева форма входа (логин/email + пароль + «Забыли свой пароль?»), справа регистрация через email — на почту приходит ссылка для установки пароля. Работает как на десктопе, так и на мобильном. Для повторных заказов — история заказов WooCommerce с reorder в один клик.

Контентные страницы

«О нас» и «Доставка» — это не просто SEO-простыни, а структурированные страницы с иллюстрациями, подзаголовками и списками. Работа с контентом велась так, чтобы одна и та же страница корректно ранжировалась под региональные запросы — на каждом из четырёх поддоменов страницы переписывались под свой город.

Контакты с картой и тремя физическими локациями

Страница /contacts/ — слева карточка «У вас общий вопрос?» с info@, телефоном службы (работает 8:00–20:00) и компактной контактной формой (имя + email + сообщение). Справа — интерактивная Google Maps с пинами на трёх городах. Снизу — три карточки локаций: Киев (Подол, Хорива 43), Харьков (Коцарская, 31), Днепр (Шевченко 18). Каждая — с адресом и телефоном-tel-ссылкой. Общая сервисная линия одна на всю сеть.

Адаптив

Мобильная версия — главный канал заказов. Hero компактный, в три «экрана»-слайда с разными рекламными тезисами, навигация — в бургер-меню, корзина иконкой в правом верхнем углу. Каталог переходит в одноколоночную сетку.

Стек и интеграции

• WordPress + WooCommerce как база — стандартные CPT для товаров, категории, фильтры атрибутов;
• Мультисайт на поддоменах — один кодовый шаблон, отдельные прайсы и склад для каждого города;
• Slick для hero-слайдера в центрированном режиме;
• Интеграция с Instagram и Facebook в шапке — эти каналы приносят основной органический трафик для сети;
• Личный кабинет клиента на базе WC My Account с историей заказов и повторным заказом «в один клик».