Интернет-магазин KO-KO MIMI
Разработка дизайна сайта
- Клиент KO-KO MIMI, г. Донецк
- Сфера Интернет-магазин корейской косметики
- Дизайнер Никита Абаза
Задача
Разработать дизайн интернет-магазина корейской косметики KO-KO MIMI. Нужно сделать каталог товаров, удобную систему заказа товаров и личный кабинет.
Решение
Задумка дизайна заключается в сочетании корейского стиля с использованием ярких цветов и визуально продвинутой версии классического интернет-магазина.
В проекте, помимо каталога товаров, реализована расширенная система поиска товаров, пошаговая корзина, личный кабинет.
Фишки проекта
Дизайн интернет-магазина выполнен с отсылкой на корейский стиль сочетания цветов. Разработан расширенный UI-kit.
Продуманы несколько вариантов поиска товаров, среди которых быстрый сквозной поиск через поисковую строку, система категорий и подкатегорий, тематические подборки, поиск по представленным брендам.
На сайте присутствуют различные дополнительные маркетинговые элементы, такие как сторис с переходом в соцсеть и блог.
Дизайн сайта
- UI-kit 1/2
- UI-kit 2/2
- главная
- поиск по сайту
- каталог товаров
- страница товара
- блог
- категории товаров
- доставка и оплата
- бренды
- текстовая страница
- корзина 1/5
- корзина 2/5
- корзина 3/5
- корзина 4/5
- корзина 5/5
Мобильная версия сайта
Отличительной особенностью мобильной версии данного проекта является даунбар с мультифункциональной центральной кнопкой — она выполняет разные функции в зависимости от страницы и приобретает соответствующую форму и вид. Также можно выделить мобильное меню, в котором в случайном порядке отображаются фотографии товара для дополнительного сопровождения пользовательского опыта. Адаптивность дизайна видна в каждом блоке, например определённый контент преобразуется из плиток в свайперы.
Корзина
В корзине реализовано пошаговое продвижение к оформлению заказа с визуальным индикатором этапов. Пользователь, после добавления товаров, заполняет данные о получателе, оплате и доставке.
Личный кабинет и вход
Вход и регистрация на сайте KOKO MI-MI предполагает возможность авторизации как по номеру телефона в связке с паролем, так и с помощью соцсетей. Личный кабинет включает редактирование профиля, взаимодействие со списком желаний и просмотр истории покупок.
Связанные проекты
