Редизайн інтернет-магазину мережі «Аптека Доброго Дня»

Задача

Виконати комплексний UX/UI-редизайн інтернет-магазину для мережі «Аптека Доброго Дня»: спростити пошук ліків, підбір аналогів і бронювання в аптеках.

Зроблено

Прототипи

Дизайн

Адаптиви

Прототипи

На етапі UX-проєктування повністю переосмислили шлях купівлі медикаментів: розділили оформлення замовлення на зрозумілі кроки з вибором конкретної аптеки для самовивозу. У картці препарату додали верхні перемикачі вкладок, щоб інструкція, аналоги та наявність у місті відкривалися миттєво на одному екрані.

Спосіб доставки

Картка товару

Каталог

Оформлення замовлення

Головна

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

Каталог

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

Давайте працювати разом.

Готові втілити ваше бачення у життя? Давайте об'єднаємося для вашого наступного проєкту та разом створимо щось незабутнє.

// Type some code ->
console.log "oO08 iIlL1 g9qCGQ ~-+=>";
var paddingTop = 'px';
var sectionRadius = 'px';
// Interactive Theme Configuration
function updateButton(config) {
var radius = 'px';
btn.style.borderRadius = radius;
}
updateButton({ active: true });

Розробник

Color Styles

Pink

Purple

Orange

Green

Blue

Дизайнер

Картка товару

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

Аналоги товарів

Окрема вкладка «Аналоги» допомагає покупцям підібрати замінники препарату з тією самою діючою речовиною або схожим терапевтичним ефектом у різних цінових категоріях. Користувач може одразу порівняти виробників, форми випуску та ціни на одному екрані.

Наявність в аптеках

Вкладка перевірки наявності показує перелік аптек мережі та інтерактивну карту міста з точками, де препарат є в наявності просто зараз. Покупець бачить точну адресу, графік роботи, ціну в конкретній аптеці та може забронювати ліки для самовивозу.

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

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