Разработка сайта для бренда детской одежды Минидио. Проект — Digital-студия «Красная рамка»
UX/UI дизайн Разработка E-commerce
Клиент
Крупный производитель детской одежды, имеющий сеть магазинов в нескольких городах России и восемь производственных точек.
Задача
Доработать текущий функционал и структуру страниц сайта. Улучшить пользовательский опыт с целью повышения лояльности и увеличения количества клиентов. Сохранить преемственность фирменного стиля.Показать с помощью сайта сочетание качества и доступности продукта.
Сайт
Минидино.рф
Дизайн концепция
Продукт поставлен на первое место: чистый дизайн, сплошная плитка в выборе категории товаров, акцент на фото, крупные карточки товара.
Навигация
Для удобства пользователей нами разработана система навигации в виде выпадающего блока для каждого пункта меню.
Главная страница
Для интернет-магазина важно с первой страницы презентовать товары, поэтому на главной странице реализован классический слайдер с акциями и новыми предложениями. Далее показаны категории в формате больших фото с популярными товарами: для мальчиков, девочек и мам. Функционал меняется в административной части сайта.
Завершает главную страницу информация о преимуществах Minidino, блок категорий товаров и рассказ, как создавался бренд.
Иллюстрации
Функциональные блоки украшают нарисованные иллюстрации. Главная фишка иллюстраций — они созданы по рисункам детей, которые получены благодаря проведенному конкурсу в соцсетях бренда.
Каталог
В каталоге сделан упор на визуализацию товара, что выражается в увеличенных изображениях. Фильтр и сортировка помогают составить персонализированное предложение. В карточке товара можно посмотреть несколько фотографий товара, выбрать цвет, размер и сразу добавить его в корзину.
Страница товара
Страница товара не ограничена классической галереей — фото показаны в крупном размере, с возможностью раскрытия на полный экран. Информация структурирована и лаконично подана. Предусмотрена информация о сроках и стоимости доставки товара, отображается перечень магазинов по наличию и отзывы пользователей.
Корзина
С целью увеличения среднего чека в корзине отображается недостающая сумма для получения бесплатной доставки. В нижней части корзины добавлен блок с просмотренными и сопутствующими товарами, что способствует увеличению конверсии продаж. Для удобства пользователей также предусмотрен дополнительный вариант мини-корзины в виде всплывающего окна при наведении на значок корзины.
Оформление заказа
Функция оформления заказа спроектирована оптимальным способом для быстрого заполнения необходимых данных для доставки. После совершения первой покупки все данные запоминаются и хранятся в личном кабинете пользователя.
Адаптивность
Функционал сайта адаптирован и доступен в удобной и привычной форме для мобильных устройств. Более того, нами предусмотрено два варианта сетки — товары в один ряд и в два ряда. Такой подход способствует эффективной работе с ограниченным пространством используемого устройства.
Страница товара
Кнопка добавления товара в корзину закреплена внизу страницы для удобства использования в любое время. Помимо галереи на странице представлены характеристики и описание товара. Также доступна персонализированная подборка из похожих, популярных и просматриваемых ранее товаров.
5 разрешений
Было спроектировано пять разрешений экранов для правильного масштабирования и отображения. Что обеспечивает удобную работу с функционалом сайта независимо от устройства просмотра.
Заказать
проект
дизайнов, тем, шаблонов и графических элементов для детского магазина на Dribbble
Просмотреть магазин детских игрушек
Магазин детских игрушек
Посмотреть магазин Codac Baby.
Codac Детский магазин.
Просмотреть магазин детских игрушек — веб-сайт электронной коммерции
Магазин детских игрушек — Интернет-магазин
Просмотр веб-сайта электронной коммерции Детский магазин
Сайт электронной коммерции Детский магазин
Детский магазин Codac.
Посмотреть приложение для интернет-магазина игрушек UI/UX Дизайн и анимация
Интернет-магазин игрушек Приложение UI/UX Дизайн и анимация
Посмотреть логотип интернет-магазина книг
Логотип интернет-магазина книг
Smile — веб-дизайн с иллюстрациями
Посмотреть целевую страницу магазина детской одежды KidzBolt
KidzBolt — Целевая страница магазина детской одежды
Посмотреть концепцию приложения ToyStore
Концепция приложения ToyStore
Посмотреть опыт мобильной электронной коммерции в магазине игрушек
Опыт мобильной электронной коммерции в магазине игрушек
Просмотр платформы обслуживания подписки на игрушки
Платформа подписки на игрушки
Посмотреть магазин CAMP в Нью-Йорке
Магазин CAMP Нью-Йорк
Посмотреть Платформа службы подписки на игрушки — Заголовок
Платформа службы подписки на игрушки — заголовок
Просмотр Piccolina Kids – веб-дизайн для электронной коммерции
Piccolina Kids — веб-дизайн электронной коммерции
Посмотреть Интернет-магазин детских игрушек
Интернет-магазин детских игрушек
Посмотреть сайт магазина детских игрушек.
Сайт магазина детских игрушек.
Посмотреть KIDDO — приложение для обмена игрушками
KIDDO — приложение для обмена игрушками
Просмотреть Brykacze — пример использования Behance
Brykacze — пример использования Behance
Посмотреть пчелу
View Kids – приложение для интернет-магазина
Дети — приложение для интернет-магазина
Просмотреть целевую страницу веб-сайта электронной коммерции мебели
Целевая страница интернет-магазина мебели
Просмотреть магазин детской мебели
Магазин детской мебели
Посмотреть новый дизайн веб-сайта Deux par Deux / eCommerce magento 2
Новый дизайн веб-сайта Deux par Deux / электронной коммерции magento 2
Зарегистрируйтесь, чтобы продолжить или войдите
Идет загрузка еще…
Charlies Project Kids
Посмотреть все
ВлевоВправоБыстрая покупка
Скидка 21%
ВлевоВправоБыстрая покупка
ЛевыйПравыйБыстрая покупка
Скидка 21%
ВлевоВправоБыстрая покупка
LeftRightБыстрая покупка
Посмотреть все
ВлевоВправоБыстрая покупка
ВлевоВправоБыстрая покупка
ВлевоВправоБыстрая покупка
ВлевоВправоБыстрая покупка
ВлевоВправоБыстрая покупка
В ВИДЕ.
![](/800/600/http/thegioithoitrangbaby.com/wp-content/uploads/2017/08/quan-ao-tre-em-giam-gia-ngay-7.jpg)