Вернутися на головну

ecommerce

Дизайн інтернет-магазину дитячого одягу Dobramama

Задача

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

Зроблено

Прототипи

Дизайн

Адаптиви

Прототипи

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

Головна

Каталог

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

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

Кошик

Головна

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

Каталог

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

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

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

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

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

// 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

Дизайнер

Кошик

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

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

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

Особистий кабінет

Особистий кабінет дозволяє постійним покупцям зберігати контактні дані та адреси доставки для швидких повторних замовлень. В окремих вкладках зібрано історію покупок зі статусами виконання та список обраних речей (Wishlist).

Особисті дані

Вибране

Мої замовлення

Адреса доставки

Pop-up

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

Наявність у магазинах

Написати відгук

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

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