Владелец региональной аптеки обратился с задачей — адаптировать привычный формат работы под онлайн. Аптека давно работает в Самаре, у неё есть постоянные покупатели, но с ростом конкуренции и запросов на «предварительный заказ через сайт» стало ясно: нужен удобный интерфейс, который будет выглядеть надёжно, понятно и современно, но при этом не отпугнёт людей без цифровых привычек.
Основной запрос — веб-витрина, а не полноценный e-commerce. Покупка онлайн не планировалась. Сайт должен показать каталог, выделить акции и направить клиента к ближайшей аптеке. Поэтому важны карта, цены и наличие ассортимента — всё, что помогает быстро сориентироваться. А ещё — спокойный визуальный стиль без перегруза, с прицелом на старшую аудиторию.
Работа началась с анализа конкурентов: федеральные сети давят огромными баннерами, яркой рекламой и бесконечными разделами. В этом проекте ставка на доверие, локальность и комфорт. Поэтому структура сайта получилась компактной, а дизайн — спокойным и дружелюбным.
Задача
Передо мной стояла задача создать понятный и визуально лёгкий интерфейс для сайта аптеки, которая работает в офлайн-формате, но хочет перейти к онлайн-бронированию и предварительному заказу препаратов. Сайт должен был:
- Удерживать пользователей за счёт простоты навигации
- Отражать структуру ассортимента
- Поддерживать карту с геометкой
- Быть «семейным» по стилю — без агрессивных цветов и перегруженных элементов
Структура и ключевые элементы
1. Верхняя панель:
Контактные данные, график работы и номер телефона в верхней части — для быстрой связи. Добавлен элемент корзины и кнопка входа, что подчёркивает потенциальную e-commerce-функцию.
2. Поисковая строка с фильтрами:
Поиск реализован с выпаданием категорий: при клике или наведении открывается расширенное меню с тематическими разделами — от «Мама и малыш» до «Профилактика и укрепление».
3. Категории товаров:
Два крупных товарных блока:
- От гриппа и простуды — сезонная подборка с ценами и кнопками «В корзину»
- Специальные предложения — акционные товары с выделением «ХИТ», скидок и цветовой дифференциацией
4. Нижняя навигация:
Иконки-категории повторяются внизу, закрепляя визуальный паттерн и давая быстрый доступ к тем же блокам, что и в шапке.
5. Карта:
Интерактивная карта с меткой на улице Гагарина. Является важным локальным элементом — сайт ориентирован на конкретный район. Адрес и телефон повторяются под картой для быстрого копирования.
Визуальный стиль
- Цветовая палитра — чистый синий фон, белые карточки и акценты. Это создаёт ощущение доверия и ассоциируется с медициной.
- Все элементы — «мягкие», с закруглениями, без острых углов.
- Используются иконки с понятной визуальной кодировкой: ребёнок, аптечка, шприц, dumbbell.
- Большие кнопки с призывом «в корзину» и выделенные цены усиливают коммерческую направленность.
Это проект с прицелом на офлайн-аудиторию, которую нужно аккуратно втянуть в онлайн. Простая структура, акцент на офлайн-локации и расширяемая система категорий создают прочную основу для интернет-витрины. В дизайне сделан упор не на инновации, а на доверие, понятность и скорость.
Получился сайт, который аккуратно выполняет всё, что от него требуется: показывает нужный товар, помогает с навигацией и подсказывает, куда идти. Пользователи видят цены, могут выбрать нужный препарат или акцию, быстро понять, есть ли нужное средство в наличии. А карта с меткой и контактами подчёркивает локальную направленность.
Главное — интерфейс не пугает. Всё на своих местах, без лишней анимации и модных экспериментов. Такой сайт можно показать и молодому покупателю, и пожилому — оба разберутся, куда нажать. Простота, доверие и узнаваемость — три опоры, на которых строился этот дизайн.
