• e-commerce
  • UX/UI

Soma Muses

Интернет-магазин белья ручной работы

Роль
UX/UI-дизайнер
Сфера
Fashion / e-commerce
Первый экран интернет-магазина Soma Muses

О проекте и цели

Soma Muses — российский бренд женского белья ручной работы.

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

Задачи

  1. Продумать структуру магазина и путь покупателя.
  2. Найти визуальный язык: палитра, типографика, работа с фотографией.
  3. Спроектировать каталог: коллекции, страницу коллекции, карточку товара.
  4. Спроектировать корзину и оформление заказа для гостей и авторизованных пользователей.
  5. Сделать контентные страницы: о бренде, лукбук, новости, контакты.
  6. Спроектировать личный кабинет, вход и регистрацию.
  7. Собрать UI-kit и состояния компонентов для разработки.

Визуальный язык

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

Логотип Soma Muses
Логотип на бордовом и молочном фоне
Главная страница
Лукбук

Каталог

Коллекции, страница коллекции и карточка товара, а ещё поиск и избранное, чтобы вернуться к понравившимся моделям.

Коллекции
Карточка товара
Поиск
Избранное

Корзина и оформление

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

Мини-корзина
Поп-ап со скидкой на первый заказ
Корзина
Оформление заказа
Подарочная карта

Контент и личный кабинет

Контентные страницы рассказывают о бренде: о нас, лукбук, новости, контакты. Личный кабинет, вход и регистрация собраны в той же подаче, что и витрина.

О бренде
Новости
Личный кабинет
Контакты

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

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

Главная на телефоне
Меню на телефоне
Карточка товара на телефоне
Корзина на телефоне

Что сделал

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

Другие проекты