ЗАДАЧА
- Создать эстетичный и удобный сайт для цветочного магазина sevcvetok.ru
- Сделать акцент на визуальной подаче букетов и легкости выбора
- Разработать удобную систему фильтрации и категорий
- Продумать структуру главной страницы с акциями, блоками и SEO-описаниями
- Обеспечить адаптивность и быстрое оформление заказа
Главная страница
Сайт выполнен в женственном и воздушном стиле. Основной фон — белый, с акцентами в розовых и нюдовых оттенках: панели, кнопки, подчёркивающие детали.
При загрузке отображается анимация — розовый цветок с индикатором прогресса. После загрузки появляется видеослайдер с гифками девушек с цветами из ВКонтакте, далее — блоки с категориями букетов.
Блоки на главной странице:
- Видеослайдер — яркие гифки с эмоциями от цветов
- Категории — «Сезонные», «Популярные», «Классика», «Авторские», «Подарки»
- Промо-блоки — акции, отзывы, о компании, шаги покупки
- Фильтры — по цене, цвету, стилю, получателю, категории
- Панель с подарками — шарики, открытки, сладости, мягкие игрушки
- Загрузка — кастомное лого загрузки страницы
- Виджет — обратной связи на каждой странице
- Поиск — по названию и артиклу
- Отзывы с фото — реальные заказы клиентов
Структура каталога
Все букеты распределены по категориям и подкатегориям. Один букет может входить в несколько разделов одновременно.
Основные категории:
- СЕЗОННЫЕ
- PREMIUM
- КЛАССИКА
- БУКЕТ ИЗ РОЗ
- БУКЕТ ИЗ ХРИЗАНТЕМ
- БУКЕТ ИЗ КУСТОВЫХ РОЗ
- БУКЕТ ИЗ ГОРТЕНЗИИ
- БУКЕТ ИЗ ЛИЗИАНТУСА
- БУКЕТ ИЗ ГИПСОФИЛЫ
- БУКЕТ ИЗ ЛИЛИИ
- БУКЕТ ИЗ ПИОНОВ
- БУКЕТ ИЗ АЛЬСТРОМЕРИЙ
- АВТОРСКИЕ
- БУКЕТ ИЗ ЛИЗИАНТУСА
- БУКЕТ ИЗ РОЗ
- БУКЕТ ИЗ ХРИЗАНТЕМ
- БУКЕТ ИЗ КУСТОВЫХ РОЗ
- БУКЕТ ИЗ ГОРТЕНЗИИ
- ЦВЕТЫ И СЛАДОСТИ В КОРОБКЕ
- ПОДАРКИ
- ШЛЯПНЫЕ КОРОБКИ
- КОРЗИНЫ
- ГЕЛИЕВЫЕ ШАРЫ
Букеты из роз:
- Букет mix
- Букет из 101 розы
- Букет из 25 роз
- Букет из 35 роз
- Букет из 51 розы
- Букет из 7 роз
- Букет из пионовидных роз
- Букет из 15 роз
Карточка товара
У каждого товара есть:
- Название
- Артикул
- Описание
- Цена
- Фильтрация по категориям (например, «Классика», «Авторские»)
- Кнопка «Быстрый заказ» — появляется форма с номером, именем и опцией открытки
Процесс оформления заказа
- Выбор букета
- Добавление в корзину
- Заполнение формы: имя, номер, e-mail, дата и время, кто забирает букет
- Отправка фото букета перед доставкой
- Оповещение о заказе
Способы оплаты
- Банковская карта
- СБП
- SberPay
- T-Pay
- Yandex Pay
- Счёт для оплаты
SEO и разделы на страницах категорий
Внизу каждой категории — блоки с примерами букетов, SEO-текстами, ключевыми словами («купить букет», «доставка цветов» и др.), информацией о доставке, преимуществах магазина.
Изображения и визуальные элементы
Мы разработали оформление для главной страницы, выдержанные в едином стиле.
Оформили красивый каталог на главной странице в виде панелей
Добавили вывод основных категорий (так же возможность вывести все).
Добавлены gif видео из группы, так же плюсы сервиса
Сделали seo текст с ключевыми словами.
Сделали показ методов оплаты и шаги заказа с получением букета.
Указали доступные подарки при заказе букета, так же преимущества компании
Оформили блок-слайдер с отзывами, так же частые вопросы и ответы.
Внедрили кастомный показ процесса загрузки страницы.
Показ сделанного каталога букетов, с доп категориями внутри.
Пример готовой карточки товара.
Внизу страницы для каждого товара добавили допы для увеления суммы заказа.
Сделали seo текста для всех категорий и подкатегорий, чтобы улучшить деталку на каждый раздел.
Пример сделанной корзины товаров.
Детальное офомление заказа, со всей нужной и важной информацией.
Сделали поиск товара по ключевым словам и артикулам.
Этапы реализации
- Аналитика — изучение конкурентов и предпочтений целевой аудитории
- UX-дизайн — структура сайта, сценарии выбора, фильтрация
- UI-дизайн — дизайн в фирменных цветах с акцентом на эмоции
- Контент — создание описаний, подготовка фото, работа с отзывами
- Верстка — адаптивная и быстрая, кроссбраузерная
- Интеграция — фильтры, корзина, форма заказа, методы оплаты
- SEO и запуск — оптимизация скорости, мета-теги, текстовые блоки, тестирование
