Apteki.ua — зручний сервіс пошуку та бронювання ліків онлайн

Контекст і виклик

Apteki.ua — сервіс, який об’єднує товари з аптечних мереж по всій Україні. Його місія — допомогти людям швидко знайти необхідні ліки, порівняти ціни та зручно забронювати товар у найближчій аптеці без націнок.

 

Під час проєкту переді мною стояли ключові виклики:

– Реалізувати зручний пошук ліків з урахуванням різних варіацій (дозування, форма випуску, кількість, упаковка).
– Додати пошук не лише за назвою, а й за діючою речовиною.
– Побудувати зручну навігацію по категоріях товарів (використано класифікацію ATC).
– Створити інформативні картки препаратів з усіма характеристиками, інструкціями та можливістю перегляду аналогів.
– Забезпечити вибір аптеки як зі списку, так і на мапі — з урахуванням цін, знижок і геолокації.
– Оптимізувати процес замовлення: максимально спростити бронювання
– Адаптувати функціональність для мобільної версії та створити PWA-додаток.

Категорія
Онлайн сервіс
Сервіси
UX/UI Design
47

Рішення

Я спроєктував і реалізував повністю функціональний UX/UI для платформи:

Пошук:
– Пошук по назві препарату, конкретному товару, діючій речовині.
– Автодоповнення і підказки у реальному часі.

Каталог і навігація:
– Повноцінний каталог товарів, побудований на основі ATC-класифікатора.
– Зручна система фільтрів (форма, дозування, виробник, наявність, ціна) та сортування.

Картка препарату:
– Основна інформація: форма випуску, дозування, виробник, інструкція, ціна.
– Можливість перемикання між варіаціями препарату.
– Інтерактивна інструкція з навігацією по розділах.
– Блок аналогів за діючою речовиною.
– Додавання до обраного.

Вибір аптеки:
– На десктопі: мапа та список аптек на одному екрані, інтерактивна синхронізація.
– На мобільному: окремі таби для мапи і списку.
– Відображення акцій та знижок при бронюванні.

Замовлення:
– Мінімальна кількість кроків: телефон → код → підтвердження.
– Відстеження статусу замовлення.
– У кошику — можливість шукати товари в обраній аптеці.

48

Результат

– Конверсія в замовлення у мобільному застосунку перевищила 20%.
– Покращено юзабіліті сервісу, особливо на мобільних пристроях.
– Позитивні відгуки користувачів щодо простоти пошуку та замовлення
– Зросла кількість повторних замовлень через обліковий запис.

49

Мобільна версія

У мобільній версії я зберіг повний функціонал і адаптував інтерфейс під зручну щоденну взаємодію:
– Додав нижнє навігаційне меню з основними розділами: пошук, каталог, аптеки, кошик, обране.
– Аптеки винесені в окремі таби: список і мапа — для зручного порівняння.
– Картка препарату оптимізована для скролу: зручне перемикання варіацій, роздільна інструкція, аналоги.

51

Підсумок

Apteki.ua — це не просто онлайн-агрегатор, а повноцінний сервіс турботи про здоров’я. Мені вдалося створити інтерфейс, який:

– вирішує складні завдання пошуку і навігації в великому масиві даних;
– допомагає користувачу швидко знайти найвигідніший варіант;
– забезпечує простий і зрозумілий процес бронювання;
– працює ефективно і на десктопі, і на мобільному.

Цей проєкт став для мене викликом з точки зору складності логіки та обсягу функціоналу, але водночас — цінним досвідом у створенні зручних сервісів у сфері e-health.