Интернет-магазин матрасов Сity Mattress

matras-city.ru
Основным направлением деятельности компании является производство и продажа ортопедических матрасов и аксессуаров для сна.

1С-Битрикс 1С-Битрикс
Адаптивный дизайн Адаптивный
дизайн
Онлайн оплата Онлайн оплата
Инфографика Инфографика

Проектирование

Перед нами была поставлена цель сделать редизайн маркетплейса матрасов с учётом анализа сайтов схожей тематики и современных трендов в визуализации информации.

Задачи и таймлайн

Проектирование состояло из трех этапов: UX дизайн, UI дизайн, иконографика.

UX дизайн
Структура сайта
Прототипирование
UI дизайн
Высококачественный дизайн
UI Kit
Иконографика
Разработка иконок
Октябрь Ноябрь Декабрь
UX дизайн
UI дизайн
Иконографика

Структура сайта

Мы проанализировали и оптимизировали текущую структуру сайта.
Каталог
Матрасы Кровати Диваны Наматрасники Подушки Одеяла Постельное белье Мебель для спальни Фотоотзывы
Покупателям
Акции и спецпредложения Подарочные сертификаты Как оформить заказ Гарантия Политика конфиденциальности Услуги Рассрочка Обмен и возврат товара Сроки изготовления
Партнерам
Франчайзинг Предложение для производителей Оптовый каталог Сотрудничество с дизайнерами и архитекторами
Контакты
Контакты подразделений Оптовые продажи Салоны
Салоны
Отельерам
Доставка
Статьи
Оплата
Статус заказа

Прототипирование

На основе полученной структуры и анализа сайтов схожей тематики были разработаны прототипы основных функциональных страниц маркетплейса.

Концепции

На основе прототипа и анализа сайтов схожей тематики были разработаны две концепции главной страницы.

Дизайн

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

UI-KIT

Типографика
h0 h1 h2 h3
Manrope
Manrope
Manrope
Manrope

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

Дизайн главной страницы выполнен в лаконничном стиле, максимально прост и понятен пользователю.

1 Подобраны гармоничные фотографии для каждого раздела
2 Разработаны иконки для блока преимуществ
3 Доработаны и 3-D модели матрасов
Созданы пиктограммы для меню 4

Внутренние страницы

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

Каталог

Особое внимание мы уделили каталогу и карточке товара.

1 Разработан удобный фильтр по подбору
матрасов
В карточке товара размещена вся
информация, необходимая покупателю 2
3 Реализован быстрый и удобный заказ
продукции

Набор иконок

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

Особенности реализации

Сайт разработан на базе CMS «1С-Битрикс», которая позволяет клиенту легко редактировать контент.