Интернет-магазин цветов и букетов на WordPress
О проекте
Интернет-магазин «VesnaFleurs» предлагает курьерскую доставку букетов по городу. У компании ранее был сайт, с помощью которого можно было заказать доставку, но он базировался на самописной CMS и не отвечал современным требованиям. Поэтому мы в Webnauts разработали новую версию сайта: с личным кабинетом пользователя, ярким оформлением и администрированием заказов.
В качестве платформы для интернет-магазина была выбрана связка WordPress + WooCommerce. Использование этих решений позволило сэкономить бюджет клиента, в то же время обеспечив сайт всей необходимой функциональностью.
Дизайн и навигация
Сайт выполнен в светлых тонах с бирюзовым акцентом. Ведущую роль в дизайне играет не столько цветовая схема, сколько симметричное расположение элементов и яркие фотографии товаров. На главной странице во всю ширину расположен баннер с актуальными предложениями, а сразу под ним находятся основные позиции каталога: хиты продаж и новинки.
Для удобной навигации по каталогу можно воспользоваться основным меню сайта или списком разделов слева. Учитывая специфику товара, каталог выполнен в максимально простом стиле: яркая фотография товара, название и цена. Добавить букет или подарок в корзину можно даже не переходя на страницу товарной позиции.
Некоторые товарные позиции вариативны: например, букет гвоздик может состоять из 25 или 59 цветов. WooCommerce не предусматривает возможность добавления таких товаров в корзину непосредственно из каталога. Вместо этого придётся переходить на страницу товара, выбирать нужный вариант, а затем добавлять в корзину. По просьбе нашего клиента мы реализовали кнопку «Добавить в корзину» прямо в каталоге: она добавляет вариацию, выбранную по умолчанию.
Если покупатель всё же решил ознакомиться с предложением подробнее, то в карточке товара он найдёт текстовое описание, несколько фотографий и сопутствующие товары, призванные увеличить средний чек. Заказать товар можно через стандартное оформление заказа или «в 1 клик» — оставив заявку на обратный звонок.
Раздел «Статьи» поможет тем клиентам, которые не могут определиться с выбором подходящего букета. Здесь представлена подробная информация о символике цветов, популярных комбинациях и традициях дарения.
Личный кабинет
Для постоянных заказчиков был разработан личный кабинет, в котором можно просмотреть историю заказов и накопленные бонусные баллы. Регистрация и авторизация в личном кабинете выглядят абсолютно одинаково: достаточно ввести номер телефона, на который придёт одноразовый код для входа.
Если клиент регистрируется первый раз, ему будет предложено сохранить своё имя и электронную почту, которые базе данных теперь будут связаны с имеющимся номером телефона. Это даёт возможность, например, отправлять персонифицированные рассылки.
Меню личного кабинета довольно лаконично и кроме личных данных можно ознакомиться только с историей заказов и накопленными баллами для скидки.
Адаптивность
Доля покупок в интернет-магазинах со смартфонов неуклонно растёт, поэтому очень важно чтобы сайты такого типа правильно отображались на мобильных устройствах, с учётом их разнообразной диагонали экранов. Сайт VesnaFleurs полностью адаптивен и обеспечивает полную функциональность на всех размерах экранов, автоматически перестраивая содержимое под текущее разрешение и диагональ.
Итоги
Мы разработали удобный интернет-магазин доставки букетов, который позволяет максимально быстро и удобно оформить заказ. Лаконичный, светлый дизайн вкупе с яркими фотографиями помогут клиенту определиться с выбором, а вариативные товары дают возможность подобрать подходящий ситуации размер букета. Заказать цветы с доставкой или просто взглянуть на результат вы можете здесь — https://www.vesnafleurs.ru/.
Комментарии