UX/UI-дизайн сайта фабрики мебели «‎Столешниковъ»

Фабрика столовой мебели «Столешниковъ»

Фабрика основана в 1990 году в Миассе как небольшая столярная мастерская со ставкой на экологически чистую продукцию из натуральной древесины.

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

  • Продукция фабрики продаётся в партнёрских магазинах в более 50 городах России
  • Клиентами компании являются как физические, так и юридические лица
  • Выручка в 2017 году составила более 10 млн рублей
  • Производство расположено в г. Миасс, Россия
Логотип Фабрики Столешниковъ

Задача

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

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

После разработки макетов дизайна они должны быть переданы в другое агентство для дальнейшей вёрстки и интеграции в «1С-Битрикс».

Решение

Спроектировали UX, собрали прототипы основных страниц сайта и нарисовали UI.

Подготовили макеты для вёрстки, создали UI-kit и передали новой команде для дальнейшей работы.

Провели брифинг

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

Сформировали проектную команду

Со стороны агентства была сформирована проектная команда, состоявшая из следующих специалистов:

  • руководитель проекта, который занимается организацией работы проектной команды, сбором требований и коммуникацией с клиентом, а также формированием отчётности
  • UX/UI-дизайнер, который занимается проектированием пользовательского опыта и разработки интерфейсов

Как было

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

Старая главная страница сайта фабрики Столешниковъ

Раздел каталога:

Старая страница каталога сайта фабрики Столешниковъ

Контакты:

Старая страница контактов сайта фабрики Столешниковъ

Продумали пользовательский опыт, спроектировали UX-прототип и нарисовали UI

После сбора требований мы приступили к разработке UX-прототипов ключевых страниц сайта: главной, раздела каталога, композиции (группы товаров, объединённых по какому-то признаку), карточки товара и контактов. Затем — нарисовали сам пользовательский интерфейс.

Стало

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

Новая главная страница сайта фабрики Столешниковъ

Раздел каталога:

Новая страница каталога сайта фабрики Столешниковъ

Контакты:

Новая страница контактов сайта фабрики Столешниковъ

Композиция:

Новая страница композиции сайта фабрики Столешниковъ

Карточка товара:

Новая страница карточки товара сайта фабрики Столешниковъ 1
Новая страница карточки товара сайта фабрики Столешниковъ 2

Результат кейса

Сделали редизайн, сохранив узнаваемость. Учли в дизайне отдельную страницу для товара с характеристиками, фотогалереей, конфигуратором и формой заказа.

Подготовили UI-kit и макеты отрисованных страниц в формате PSD для передачи в вёрстку.

13 макетов

было отрисовано

2 специалиста

было в проектной команде на стороне агентства

10 дней

ушло на выполнение работы

Стек технологий и инструменты

  • Инструменты дизайна: Adobe Photoshop
  • Подход к управлению проектами: Kanban
  • Информационная система управления проектами: Битрикс24

Обсудить сотрудничество