веб-сервис
ux/ui

Дизайн интернет-магазина мебели Zahodi — UX/UI проектирование, аналитика и брендинг

Клиент

ZAHODI — интернет-магазин качественной и доступной мебели, создающий новую эстетику — вдохновляющую на смелые идеи, эмоции и новое качество жизни.

Посетить сайт

Цели проекта

Нашей задачей было разработать e-commerce сайт с каталогом продукции и возможностью удобного подбора мебели для дизайнеров, провести комплексную аналитику в четыре этапа, а также создать брендинг и выстроить целостную визуальную идентичность проекта.

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

Для повышения юзабилити мы провели тестирование, состоящее из 4 этапов:

  1. Коридорное тестирование — выявили базовые и поверхностные ошибки интерфейса.
  2. Модерируемое юзабилити-тестирование — провели интервью с респондентами и сформировали гипотезы.
  3. Немодерируемое юзабилити-тестирование — проверили гипотезы на широкой аудитории.
  4. Внесение изменений по результатам тестирования — доработали пользовательский флоу и интерфейс на основе полученных данных.
Проектирование информационной архитектуры и иерархии разделов e-commerce платформы для оптимизации пользовательского пути
Прототипирование

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

Создание прототипа "Каталог" для проработки логики взаимодействия и расположения контента.
Создание прототипа "Контакты" для проработки логики взаимодействия и расположения контента.
Создание прототипа "Страница товара" для проработки логики взаимодействия и расположения контента.
Брендинг

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

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

Разработка лаконичного фирменного знака и системы логотипов, обеспечивающих узнаваемость бренда Zahodi в цифровой и офлайн среде.
Типографика и цвета
Визуализация дизайн-системы проекта, включающая использование шрифта Brutal Type
Визуализация дизайн-системы проекта включающая контрастную палитру с акцентным оранжевым цветом.
Результат работы

Разработан e-commerce сайт с удобной системой подбора мебели и продуманной структурой каталога, ориентированной на дизайнеров. Решения основаны на комплексной аналитике в четыре этапа, что позволило выстроить понятные пользовательские сценарии и эффективную навигацию.

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


Посетить сайт

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