Разработка сайта для бренда детской одежды Минидио. Проект — Digital-студия «Красная рамка»

UX/UI дизайн Разработка E-commerce

Клиент

Крупный производитель детской одежды, имеющий сеть магазинов в нескольких городах России и восемь производственных точек.

Задача

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

Сайт

Минидино.рф

Дизайн концепция

Продукт поставлен на первое место: чистый дизайн, сплошная плитка в выборе категории товаров, акцент на фото, крупные карточки товара.

Навигация

Для удобства пользователей нами разработана система навигации в виде выпадающего блока для каждого пункта меню.

Блок содержит не только навигацию, но и изображения сопутствующих категорий.

Главная страница

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

Завершает главную страницу информация о преимуществах Minidino, блок категорий товаров и рассказ, как создавался бренд.

Иллюстрации

Функциональные блоки украшают нарисованные иллюстрации. Главная фишка иллюстраций  — они созданы по рисункам детей, которые получены благодаря проведенному конкурсу в соцсетях бренда.

Каталог

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

Страница товара

Страница товара не ограничена классической галереей — фото показаны в крупном размере, с возможностью раскрытия на полный экран. Информация структурирована и лаконично подана. Предусмотрена информация о сроках и стоимости доставки товара, отображается перечень магазинов по наличию и отзывы пользователей.

Корзина

С целью увеличения среднего чека в корзине отображается недостающая сумма для получения бесплатной доставки. В нижней части корзины добавлен блок с просмотренными и сопутствующими товарами, что способствует увеличению конверсии продаж. Для удобства пользователей также предусмотрен дополнительный вариант мини-корзины в виде всплывающего окна при наведении на значок корзины.

Оформление заказа

Функция оформления заказа спроектирована оптимальным способом для быстрого заполнения необходимых данных для доставки. После совершения первой покупки все данные запоминаются и хранятся в личном кабинете пользователя.

Адаптивность

Функционал сайта адаптирован и доступен в удобной и привычной форме для мобильных устройств. Более того, нами предусмотрено два варианта сетки — товары в один ряд и в два ряда. Такой подход способствует эффективной работе с ограниченным пространством используемого устройства.

Страница товара

Кнопка добавления товара в корзину закреплена внизу страницы для удобства использования в любое время. Помимо галереи на странице представлены характеристики и описание товара. Также доступна персонализированная подборка из похожих, популярных и просматриваемых ранее товаров.

5 разрешений

Было спроектировано пять разрешений экранов для правильного масштабирования и отображения. Что обеспечивает удобную работу с функционалом сайта независимо от устройства просмотра.

Заказать
проект

дизайнов, тем, шаблонов и графических элементов для детского магазина на Dribbble

  1. Просмотреть магазин детских игрушек

    Магазин детских игрушек

  2. Посмотреть магазин Codac Baby.

    Codac Детский магазин.

  3. Просмотреть магазин детских игрушек — веб-сайт электронной коммерции

    Магазин детских игрушек — Интернет-магазин

  4. Просмотр веб-сайта электронной коммерции Детский магазин

    Сайт электронной коммерции Детский магазин

  5. Посмотреть детский магазин Codac.

    Детский магазин Codac.

  6. Посмотреть приложение для интернет-магазина игрушек UI/UX Дизайн и анимация

    Интернет-магазин игрушек Приложение UI/UX Дизайн и анимация

  7. Посмотреть логотип интернет-магазина книг

    Логотип интернет-магазина книг

  8. View Smile — веб-дизайн с иллюстрациями

    Smile — веб-дизайн с иллюстрациями

  9. Посмотреть целевую страницу магазина детской одежды KidzBolt

    KidzBolt — Целевая страница магазина детской одежды

  10. Посмотреть концепцию приложения ToyStore

    Концепция приложения ToyStore

  11. Посмотреть опыт мобильной электронной коммерции в магазине игрушек

    Опыт мобильной электронной коммерции в магазине игрушек

  12. Просмотр платформы обслуживания подписки на игрушки

    Платформа подписки на игрушки

  13. Посмотреть магазин CAMP в Нью-Йорке

    Магазин CAMP Нью-Йорк

  14. Посмотреть Платформа службы подписки на игрушки — Заголовок

    Платформа службы подписки на игрушки — заголовок

  15. Просмотр Piccolina Kids – веб-дизайн для электронной коммерции

    Piccolina Kids — веб-дизайн электронной коммерции

  16. Посмотреть Интернет-магазин детских игрушек

    Интернет-магазин детских игрушек

  17. Посмотреть сайт магазина детских игрушек.

    Сайт магазина детских игрушек.

  18. Посмотреть KIDDO — приложение для обмена игрушками

    KIDDO — приложение для обмена игрушками

  19. Просмотреть Brykacze — пример использования Behance

    Brykacze — пример использования Behance

  20. Посмотреть пчелу

  21. View Kids – приложение для интернет-магазина

    Дети — приложение для интернет-магазина

  22. Просмотреть целевую страницу веб-сайта электронной коммерции мебели

    Целевая страница интернет-магазина мебели

  23. Просмотреть магазин детской мебели

    Магазин детской мебели

  24. Посмотреть новый дизайн веб-сайта Deux par Deux / eCommerce magento 2

    Новый дизайн веб-сайта Deux par Deux / электронной коммерции magento 2

Зарегистрируйтесь, чтобы продолжить или войдите

Идет загрузка еще…

Charlies Project Kids

Посмотреть все

ВлевоВправо

Быстрая покупка

Скидка 21%

ВлевоВправо

Быстрая покупка

ЛевыйПравый

Быстрая покупка

Скидка 21%

ВлевоВправо

Быстрая покупка

LeftRight

Быстрая покупка

Посмотреть все

ВлевоВправо

Быстрая покупка

ВлевоВправо

Быстрая покупка

ВлевоВправо

Быстрая покупка

ВлевоВправо

Быстрая покупка

ВлевоВправо

Быстрая покупка

В ВИДЕ.