HB-SHOP.BY

H&B — первая сеть магазинов аптечной косметики в Беларуси
Дата запуска август 2021
  • React

    React

  • Laravel

    Laravel

  • Webpack

    Webpack

  • Docker

    Docker

  • MySql

    MySql

  • CSS

    CSS

  • Evolution CMS

    Evolution CMS

  • Redis

    Redis

  • VSCode

    VSCode

  • PhpStorm

    PhpStorm

  • Figma

    Figma

  • Photoshop

    Photoshop

  • Illustrator

    Illustrator

  • Terminal

    Terminal

  • Git

    Git

  • GitHub

    GitHub

  • Billing Qmedia

    Billing Qmedia

  • Bitrix24

    Bitrix24

  • Cypress

    Cypress

  • Swagger

    Swagger

О клиенте

HB-shop.by — белорусский интернет-магазин, специализирующийся на продаже профессиональной косметики, парфюмерии и средств по уходу за кожей, волосами и телом. Магазин предлагает широкий ассортимент декоративной и лечебной косметики, солнцезащитных средств, аксессуаров и сопутствующих товаров, доступный для покупки онлайн с доставкой по всей Беларуси.

О проекте

Мы разработали интернет-магазин для HB-shop.by с акцентом на удобство покупателя и понятную структуру каталога. Продумали навигацию, карточки товаров и процесс оформления заказа, чтобы клиенту было легко выбрать нужную продукцию и быстро совершить покупку. Сайт адаптирован под разные устройства и стал полноценным онлайн-каналом продаж для бренда.

Контейнер телефона
Контейнер планшета

Основные задачи

  • Автоматизировать процессы
    Прием заказов, расчет скидок, обновление цен и остатков.
  • Создать удобную структуру каталога
    Для пользователей и дальнейшего SEO.
  • Продумать гибкие инструменты маркетинга
    Поддержка карт лояльности, промокодов, распродаж.
  • Запустить уникальный онлайн-подбор средств
    Автоматический подбор средств после ответов на несколько вопросов анкеты.

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

Работа с клиентом происходила в рамках полученного гранта ЕБРР. Поэтому на этапе проектирования кроме разработки и согласования структуры и прототипов, было подготовлено подробное техническое задание для согласования будущих работ как с клиентом, так и с банком.

Основные вопросы, которые требовали детального описания на старте:

  • функционал корзины
  • расчет стоимости доставки (гибкая настройка видов и тарифов)
  • подключение онлайн-оплат (традиционные оплаты и специальные условия по картам рассрочек)
  • интеграция товаров с 1С
  • интеграция заказов с 1С
  • интеграция программы лояльности (клиентов и дисконтных карт) с 1С
  • функционал фильтрации товаров (согласования параметров и типов фильтров для каждой категории товаров)
  • функционал отзывов с модерацией и оценками товаров
  • функционал личного кабинета, в том числе авторизация пользователей на сайте с помощью социальных сетей и почтовых сервисов
  • поиск по сайту

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

02 — Дизайн и вёрстка

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

На этапе верстки мы:

  • Адаптировали подготовленные ранее прототипы ко всем типам устройств, браузерам и разрешениям экрана
  • Продумали формат изображений для карточек товара, чтобы он соответствовал большинству уже имеющихся у клиента изображений продукции
  • Подготовили форматы баннеров, которые в дальнейшем должны использоваться на сайте
  • Задали валидацию для всех форм, а также элементы анимации
  • Оптимизировали код всех страниц под Google Speed Insight

03 — Программирование

Система управления, используемая на сайте, Evolution CMS.

Этап программирования состоял из двух важных частей:

  1. реализация внутреннего функционала сайта
  2. интеграция сайта с внешними системами и сервисами

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

Вторая часть работ включает в себя следующие интеграции:

  • автоматическое создание новых категорий товаров (из 1С)
  • автоматическое создание новых товаров (из 1С)
  • редактирование основных параметров товаров, таких как стикеры Хит, Новинка, изображения товаров, бренд, категория, а также различных специфических параметров, таких как объем, тип кожи, SPF-фактор и т.д. (из 1С)
  • актуализация цен и остатков товаров (из 1С)
  • автоматическая загрузка новых заказов (в 1С)
  • актуализация накоплений по дисконтным картам (из 1С) — пользователи могут делать покупки как онлайн, так и офлайн, а общие накопления будут в любом случае учитываться в личном кабинете на сайте
  • подключение платежных систем (Webpay, Bepaid, оплата QR-кодом с помощью сервиса «Оплати»)

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

* — поля, обязательные для заполнения
г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 23