Разработка
Дизайн
Запустили сайт
и мобильное приложение онлайн-аптеки
Клиент
АПТЕЧНЫЙСКЛАД.РФ
Дата запуска
Сентябрь 2025
Что сделали
Проектирование, дизайн, frontend, backend, тестирование
О клиенте
АПТЕЧНЫЙСКЛАД.РФ
АПТЕЧНЫЙСКЛАД.РФ — онлайн-аптека с физическим расположением в центре города (Ленина, 22). Компания предлагает каталог из более чем 10 000 лекарственных средств и товаров для здоровья. Ключевые преимущества — удобный поиск по названиям и назначениям, регулярные акции и скидки, быстрая доставка по городу, консультации фармацевтов. Аптека работает с рецептурными и безрецептурными препаратами, БАДами, витаминами, медицинскими товарами и косметикой для ухода.
Выполненная работа
Сайт
О проекте и задачи
Описание
Проект был запуском полностью новой цифровой экосистемы для физической аптеки — сайта и мобильного приложения. Нужно было создать удобную витрину с каталогом из 10 000+ товаров, реализовать быстрый поиск по названиям и показаниям, интегрировать систему доставки и управления заказами, а также создать приложение для удобства постоянных клиентов. Оба канала должны были работать синхронно, чтобы клиент мог начать заказ в приложении и закончить на сайте, или наоборот.
Задачи
1
Создать полный каталог лекарств и товаров с удобной фильтрацией по категориям, производителям, назначениям и цене
2
Реализовать быстрый поиск по названиям препаратов и возможность поиска по показаниям (простуда, кашель, боль, и т.д.)
3
Интегрировать систему заказов с расчётом доставки и разными способами оплаты
4
Создать личный кабинет для истории заказов, сохранённых рецептов и любимых товаров
5
Разработать мобильное приложение на Flutter с теми же функциями плюс push-уведомления о доставке и акциях
6
Реализовать систему акций и скидок с возможностью промокодов
Ход работы
Веб-сайт
Разработка прототипа
На этапе прототипирования сайта мы спроектировали многоуровневую фильтрацию каталога — по категориям (болезни и симптомы, производители, цена, форма выпуска), быстрый поиск с автодополнением, личный кабинет с историей заказов и сохранённых адресов, систему оформления заказа с выбором доставки и оплаты. Прототип включил раздел акций и скидок, возможность применения промокодов и консультации фармацевта через чат. Важно было спроектировать классическую структуру каталога слева и товарами справа для удобной навигации на десктопе.
Разработка дизайна
Дизайн сайта строился вокруг идеи простоты и надёжности. Визуальная система использует традиционные для медицины цвета — красный и белый, вызывающие ассоциацию с аптекой и доверием. Типография читаема и крупная, фото лекарств высокого качества занимают значительную часть, иерархия информации (название, дозировка, цена) ясна на первый взгляд. Кнопки действий контрастные и заметные. Каждая страница каталога интуитивна — фильтры слева, товары в центре, корзина справа.
Верстка и разработка
Сайт разработан на Bitrix как полностью функциональная онлайн-аптека. Реализовали каталог с фильтрацией по категориям, производителям, цене и форме выпуска. Интегрировали быстрый поиск с автодополнением по названиям препаратов и возможность поиска по показаниям — если клиент ищет "от кашля", система покажет все средства от кашля. Создали личный кабинет с историей заказов, сохранённых рецептов и адресов доставки. Подключили систему заказов с выбором адреса, способа доставки (самовывоз, доставка по городу) и оплаты (карта, наличные при доставке). Добавили промокоды и программу лояльности. Интегрировали консультации фармацевта через встроенный чат. Оптимизировали скорость загрузки каталога и поиска для удобства пользователей.
CMS
Bitrix
Ход работы
Приложение
Разработка прототипа
На этапе прототипирования мобильного приложения мы спроектировали интерфейс, оптимизированный для быстрого поиска и заказа одной рукой. Прототип включил вкладки для главной страницы (рекомендации и акции), поиска, каталога, личного кабинета и корзины. Добавили функцию поиска по голосу для удобства. Спроектировали быструю повторку заказа из истории и синхронизацию с веб-версией — корзина и личный кабинет синхронизируются между сайтом и приложением. Включили push-уведомления о статусе доставки и новых акциях.
Разработка дизайна
Дизайн приложения использует ту же визуальную систему, что и сайт, но адаптирован для мобильных экранов. Интерфейс минималистичный и быстрый — крупные кнопки, упрощённая навигация через вкладки внизу (поиск, каталог, кабинет, корзина), большие фото препаратов. Цветовая палитра та же — красный и белый. Вся информация (название, дозировка, цена, наличие) видна в один клик. Дизайн приложения приоритизирует скорость — человек может заказать препарат в 3-4 тапа.
Верстка и разработка
Мобильное приложение разработано на Flutter для iOS и Android. Реализовали все функции сайта, но оптимизированные для мобильных устройств. Добавили поиск по голосу — клиент может произнести название препарата и приложение найдёт его. Создали быструю историю заказов с функцией повторного заказа одним кликом (часто нужны одни и те же препараты). Синхронизировали корзину и личный кабинет между приложением и сайтом — клиент может начать заказ в приложении и закончить на сайте, или наоборот. Интегрировали push-уведомления о статусе доставки, скидках и новых акциях. Оптимизировали приложение по памяти и батарее — оно быстро загружается и не "ест" интернет.
Результаты и отзыв
Результаты
В результате получилась полная цифровая экосистема для аптеки. Сайт демонстрирует весь каталог и удобен для планомерного поиска нужных препаратов на десктопе. Приложение оптимизировано для быстрого повторного заказа, поиска по голосу и получения уведомлений о доставке. Оба канала синхронны — данные, корзина и история заказов синхронизируются в реальном времени. Клиенты могут найти лекарство по названию или симптому, быстро оформить заказ, получить консультацию фармацевта и отследить доставку. Для аптеки это означает увеличение онлайн-заказов, лучший контроль над ассортиментом и возможность проводить точные акции для постоянных клиентов.
Выполненная работа
Сайт
Заявка
Почта
info@marussia-studio.ru
Телеграм
@studio_marussia
MAX
@studio_marussia
Понравилась работа, и вы хотите также? Оставьте заявку.
