Дизайн

Интернет магазин

Продвижение

Проектирование

Сопровождение

Техническое задание

Фронт-энд

Функционал

Разработка интернет магазина доставки цветов

Салон цветов “ЛеаФлор” продаёт букеты и цветочные композиции по Омску и области с 2016 года. В последнее время компания активно развивает службу доставки.

  • Год

    2021

  • Задача

    К нам обратился руководитель компании с небольшими набросками идей по функционалу и основным сценариям работы сайта.

    На тот момент у компании был действующий сайт на одном из конструкторов с соответствующим набором типовых проблем в придачу.

Реализация проекта

Мы обработали пожелания заказчика, провели постепенное исследование по отрасли доставки цветов, помогли расширить требования и составить финальное ТЗ.

Поле этого договор на разработку сайта был подписан и мы приступили к первому этапу производства.

Проектирование интернет магазина доставки цветов

Мы разработали прототип, на котором отработали основные сценарии взаимодействия пользователя с сайтом как до, так и после совершения заказа.

prototype1prototype2prototype3

Разработка дизайн-концепции интернет магазина

В основу концепции легли устоявшиеся фирменные цвета компании.

#FFEDF9

#E51868

#F64D78

#26DA4A

Слайдер

Крупные яркие баннеры сразу же доступно оповещают пользователей о самых выгодных предложениях с первого экрана.

  • leaflor-slide1
  • leaflor-slide2
  • leaflor-slide3
  • leaflor-slide4
  • leaflor-slide5
  • leaflor-slide6

Баннеры категорий

Все категории товаров мы снабдили тематическими обложками.

leaflor-banner1 leaflor-banner2

Карточки товара

Мы учли специфику продажи в сфере цветов и снабдили карточку букета следующими параметрами:

  • вариации букетов по количеству цветов;
  • габаритные размеры букета;
  • возможность покупки в 1 клик;
  • рекомендации похожих букетов и сопутствующих товаров.
cards1cards2cards3

Мобильная версия

Все страницы и функционал сайта в полном объёме доступны в мобильной версии сайта.

  • leaflor-mobile-pic1
  • leaflor-mobile-pic2
  • leaflor-mobile-pic3
  • leaflor-mobile-pic4
  • leaflor-mobile-pic5
  • leaflor-mobile-pic6

Создание функционала интернет магазина доставки цветов

Программирование страниц и функционала сайта заняли около 3-х месяцев. За это время были реализованы все основные разделы сайта.

leaflor-panorama-bg

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

При оставлении отзыва после выполненного заказа - пользователь автоматически получает промокод на следующий заказ.

Автоматическая загрузка товаров на сайт из 1С

Автоматический расчёт стоимости для составных товаров

Расчёты в калькуляторе

leaflor-panorama-item-pic

Расширенный поиск по сайту

Автоматическая загрузка товаров на сайт из 1С

Каталог оборудования автоматически наполняется информацией из 1С (около 1000 позиций).

Система подгрузки данных защищена от сбоя на стороне сервера и автоматически уведомляет о возможной проблеме.

leaflor-ipad-info1

Автоматический расчёт стоимости для составных товаров

Если букет состоит из нескольких наименований цветка, то стоимость букета рассчитывается автоматически исходя из цены каждой отдельной позиции в 1С.

Данная автоматизация снимает существенную нагрузку по пересчёту с ответственного лица при изменении цен поставок.

leaflor-ipad-info2

Расширенный поиск по сайту

  • подсказки в поиске с ранее введенными данными;
  • поиск по словам “ключам” с автоматическим подставлением словоформ и транслитераций.
leaflor-ipad-info3

Расчет доставки на сайте

Мы реализовали механизм выбора вида доставки и расчета стоимости в зависимости от набранной суммы заказа. Сверх установленного значения доставка становится бесплатной.

leaflor-ipad-info4

Системы онлайн оплаты заказа

Виды систем для обработки информации

  • Автоматическая система промокодов

    Автоматическая система промокодов

    При оставлении отзыва после выполненного заказа - пользователь автоматически получает промокод на следующий заказ.

  • Система онлайн-оплаты заказа

    Система онлайн-оплаты заказа

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

Система управления интернет магазином доставки цветов

Движок создан специально для интернет магазина и позволяет вам управлять:

  • 1

    Административная панель

    Сайт реализован на системе управления WordPress, внутренняя логика разделов была упрощена нами для удобства редактирования и добавления контента.

    Для реализации функционала интернет-магазина использован модуль WooCommerce

  • 2

    Автоматическая выгрузка заявок в CRM Битрикс-24

    Мы реализовали интеграцию с системой учёта заявок в Битрикс-24.

    • статус заявки (номер заказа);
    • контакты заказчика (Имя, телефон);
    • набор заказа;
    • стоимость заказа;
    • способ оплаты
  • 3

    СМС-уведомления о статусе заказа

    К сайту подключена система СМС-уведомлений. По ходу обработки заявки администратором магазина - на номер клиента приходят сообщения о каждой смене статуса заказа.

  • 4

    Автоматическое формирование бланка заказа и бланка доставки

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

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

Wordpress

Готовы к любому спортивному вызову

Контроль посещаемости

На сайт внедрены популярные инструменты по контролю за посещаемостью сайта и коммерческой частью, предоставляющие обширную статистику по всем действиям пользователей.

  • +

    Товаров в каталоге

  • +

    Категорий товара

  • ticket-kdc

    в 100 раз

    Уменьшилось время пересчёта цен

Сотрудничество

Сопровождение сайта

Мы продолжаем сотрудничество с салоном цветов “ЛеаФлор” по продвижению сайта и консультируем руководство компании в вопросах дальнейшего развития.

Разработка интернет магазина

  • Для доставки продуктов питания

  • Для продажи промышленного оборудования

  • Для магазинов одежды

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

Какие технологии используем:

  • html5
  • css3
  • php
  • 3D
  • Кейс

    Магазин бортового питания

  • Кейс

    Сайт деревообрабатывающего производства