APTEKA-ONLINE.BY

Крупная сеть аптек по всей Беларуси

Дата запуска декабрь 2023

React
Laravel
Webpack
Docker
MySql
CSS
Evolution CMS
Redis
Elasticsearch

VSCode
PhpStorm
Figma
Photoshop
Illustrator
Terminal
Git
GitHub
Billing Qmedia
Bitrix
Cypress
Swagger

О клиенте

Сеть аптек InLek — один из заметных игроков фармацевтического рынка Беларуси, работающий с 2003 года. Компания развивает формат удобных «домашних» аптек с широким ассортиментом лекарств, косметики, БАДов и медицинских товаров. Бренд делает акцент на профессиональном обслуживании и доступности, оставаясь максимально близким к потребностям клиентов.

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

О проекте

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

Весной 2023 года в Беларуси официально разрешили онлайн-торговлю фармацевтики. Тогда же клиентом было принято решение разработать интернет-магазин.

Что перед нами стояло

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

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

Возможность принимать заказы
Чтобы организовать первую в Беларуси доставку лекарств с постепенным расширением зоны доставки
Связь со складом
Сайт должен в режиме реального времени поддерживать связь с аптеками подгружать актуальную информацию о товарах и остатках из 1С-системы
Пригодность для продвижения
Сайт должен иметь функционал и структуру, необходимые для успешного SEO
Удобство администрирования
Контент-менеджерам должно быть легко и просто наполнять сайт и управлять им
Умный поиск
Который работает по наименованию лекарства, МНН и действующему веществу лекарства
Места для рекламодателей
Сайт должен иметь баннеры для размещения рекламы своих партнёров

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

На данном этапе была проведена большая работа по составлению структуры сайта и каталога, удобную для пользователя и соответствующую поисковому спросу. Структуру разрабатывали наши SEO-специалисты.

Таким образом, сайт на этапе проектирования состоял из главной страницы и 9 разделов* с подразделами: О нас, Каталог, Аптеки, Служба заботы, Производители, Блог, Покупателю, Личный кабинет и Служебные страницы.
*Позже на этапе доработок был добавлен дополнительный раздел Торговые марки. Он был спроектирован по подобию раздела Производители.

Разработка каталога

SEO-специалисты на основании спроса разработали структуру каталога из 16 крупных разделов с подкатегориями (вплоть до подкатегорий 4 уровня). Суммарно мы получили около 1000 категорий, на которые уже есть спрос в поисковых системах Google и Яндекс.
После создания структуры были разработаны прототипы будущих страниц сайта.

*В списке прототипов нет страницы личного кабинета. Было решено отложить его разработку на будущие итерации развития сайта.

Особенности прототипа сайта

Боковое меню с разделами каталога для быстрого доступа к ним.
Места для баннеров на главной странице, в каталоге и его категориях, в карточке товара, на информационных страницах.
Тестовые блоки для SEO-контента на всех страницах для посетителей сайта.
Возможность добавлять товары на страницы блога (в акции, новости и полезные статьи).

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

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

Позже клиент в силу юридических ограничений поменял концепцию и привязал сайт к имеющемуся бренду — Inlek. Поэтому стилистика претерпела изменения: мы поменяли цвета и логотип из брендбука Inlek.

В рамках верстки сайта мы адаптировали подготовленные прототипы ко всем типам устройств, браузерам и разрешениям экрана с упором на удобство использования сайта на смартфонах.
Вся логика на стороне фронта была написана с использованием JS библиотеки React. Это позволяет гарантировать быструю загрузку страниц и приятное взаимодействие интерфейса с пользователем.

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

Ядро сайта — профессиональный фреймворк Laravel, который позволил спроектировать необходимую архитектуру приложения и иметь возможность масштабировать ее в будущем.

Сайт был установлен на систему управления Evolution CMS. Её преимущества: она бесплатна, постоянно обновляется, легко кастомизируется и имеет большое русскоязычное комьюнити разработчиков.

Реализация базового внутреннего функционала

В рамках первой части работ мы:

Обеспечили возможность загружать и менять контент на информационных страницах для посетителей сайта и создавать новые;
Настроили функционал добавления баннеров* на сайт;
Внедрили приём заказов с умной корзиной, которая подбирает аптеку, в которой есть все товары из корзины;
Настроили умный поиск;
Настроили все формы на сайте на корректную отправку данных на почты клиента и в админ-панель сайта;
С помощью конструктора карт Яндекса создали карту со всеми аптеками клиента, а также настроили автоматическое добавление новых точек при их появлении на сайте.

*Для каждого баннера можно задать страницы сайта и категории каталога, где он будет показан. Также для каждого баннера предусмотрено 2 формата: для десктопной версии и мобильной.

Наполнение каталога

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

Интеграция с 1С и автоматизация процессов

Последним этапом провели интеграцию с 1С. Теперь сайт в режиме реального времени подгружает актуальную информацию о наличии и остатках товаров во всех аптеках. Благодаря этому пользователи сайта могут узнать наличие необходимого препарата онлайн в режиме реального времени.

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