Создание сайтов
Gorzdrav
Полная разработка
E-commerce-платформа для аптечной сети Gorzdrav в Москве и Московской области. Покупатели находят нужное лекарство среди тысяч товаров, видят наличие в конкретной аптеке и бронируют его для самовывоза за считаные минуты — или оформляют курьерскую доставку. Мы создали платформу с нуля: архитектура интерфейса, адаптивные макеты, каталог, поиск, карточки товаров, карта аптек, корзина и оформление заказа.
- Клиент
- Аптечная сеть Gorzdrav
- Отрасль
- Аптечный e-commerce
- Наша роль
- Разработка полного цикла с нуля
- Стек
- Nuxt · Vue.js · SSR · Яндекс Карты
- Платформы
- Десктоп, планшеты и мобильный веб
01
Каталог и фильтры
Каталог устроен так, как люди на самом деле ищут лекарства — по типу товара, по системе организма или по заболеванию.
- Три входа в каталог: лекарства, органы и системы организма, заболевания
- Фасетные фильтры по бренду, действующему веществу (МНН), дозировке, количеству в упаковке, объёму, производителю, стране, лекарственной форме, рецептурности, скидкам и доставке
- Диапазон цен, сортировка, вид плиткой или списком
- Добавление в корзину прямо из списка, со счётчиком количества на каждой карточке
- Алфавитный указатель товаров, справочники производителей и действующих веществ
02
Мгновенный поиск
Поиск начинает помогать с первых букв.
- Живые подсказки при вводе: дополнение запроса, подходящие категории и товары с ценами
- Устойчивость к опечаткам и разным вариантам написания названий препаратов
- Одно поле для названий товаров, заболеваний и действующих веществ
- Популярные запросы в виде быстрых ссылок под строкой поиска
03
Карточка товара
Всё, что нужно для уверенного выбора, — на одном экране.
- Цена со скидкой при заказе онлайн, кнопки «В корзину» и «Купить в один клик»
- Сводка по получению: самовывоз через 15 минут из аптек с наличием, на следующий день — из остальных, курьерская доставка в тот же день
- Вкладки «Описание», «Инструкция» и «Наличие» с закреплённой шапкой, где всегда видны цена и количество
- Полная инструкция в раскрывающихся разделах с возможностью скачать файл
- Данные о регистрации в Государственном реестре лекарственных средств (ГРЛС) и блок о проверке информации фармацевтом
04
Наличие в аптеках и карта
Покупатель точно знает, где есть товар, ещё до выхода из дома.
- Список и карта на Яндекс Картах с кластеризацией меток по всему региону
- Фильтры: забрать сегодня, круглосуточно, открыто сейчас; поиск по адресу или станции метро
- У каждой аптеки — адрес, метро, часы работы, количество в наличии, время готовности и цена
- Бронирование в один клик прямо из списка аптек
05
Корзина и оформление заказа
Короткий и прозрачный путь от корзины до заказа.
- Самовывоз или курьерская доставка — одним переключателем
- Выбор аптеки в модальном окне с картой, списком, наличием и временем готовности
- Оплата при получении, онлайн картой или в рассрочку
- Промокоды и бонусы программы лояльности с понятной детализацией скидки
- Доставка со склада, если товара нет в выбранной аптеке
06
Мобильная версия и скорость
Большинство аптечных заказов начинается со смартфона, поэтому мобильной версии мы уделили столько же внимания, сколько десктопу.
- Адаптивные макеты — от небольших смартфонов до широких мониторов
- Нижняя навигация в стиле приложения: Главная, Акции, Каталог, Корзина, Профиль
- Закреплённая кнопка оформления и удобные для касаний счётчики количества
- Серверный рендеринг для быстрого первого экрана и видимости в поисковиках
- Акции, распродажа, бонусная программа, подарочные сертификаты, статьи о здоровье и медицинские калькуляторы
Экраны
