Интернет-магазин
MebelCafe
Сайт фабрики мебели для кафе, баров и ресторанов
с большим выбором конфигураций
Проблема
Компания имеет собственную фабрику мебели, поэтому её каталог не ограничен только представленными моделями, а каждый товар имеет большое число модификаций. Всю эту функциональность необходимо воплотить в понятном минималистичном интерфейсе, адаптирующемся под мобильные устройства.
Клиент
MebelCafe — это интернет-магазин и фабрика мебели для заведений HoReCa. Все продажи компании происходят через сайт.

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

1
Главная страница
Первая страница, которую увидит клиент, должна объяснить специфику сайта и большие возможности фабрики, её широкий ассортимент. Сайт должен привлекать своей простотой и очевидным расположением элементов.
Навигация по сайту
Создавая меню, я стремился соблюсти баланс между количеством функций и удобством восприятия.
Изучение акций
Вместо использования стандартной карусели акций я распределил их по всей странице среди карточек товаров, чтобы сделать опыт пользователя более плавным и непрерывным.
2
Категория мебели
Виды мебели делятся на категории, и интерфейс предусматривает не только удобный просмотр текущей категории товаров, но и лёгкое перемещение между ними.
Карточки товаров
Содержат основную информацию, нужную для клиента: количество цветовых модификаций, изображения товара, информацию о скидках. Артикул товара сделан заметным, так как это первое, о чём спрашивает оператор.
3
Страница товара
Мебель в каталоге имеет самые разные характеристики, изображения и описания. Я создал единый шаблон, который одинаково хорошо работает со всем разнообразием товаров в каталоге.
Очевидная цена
Передо мной стояла задача создать конструктор, в котором клиент может самостоятельно собрать всю конфигурацию мебели и увидит зависимость цены от выбранных характеристик.
Сборка конфигурации
Процесс сборки я стремился сделать максимально наглядным. Клиент продолжает видеть товар и характеристики на одном экране, при этом вся система остаётся простой и легко адаптируемой.
4
Адаптивность
Клиент, использующий сайт на широком мониторе, должен увидеть ожидаемый набор функций и их расположение на мобильных устройствах. С этой мыслью мною спроектированы все разделы и функции интерфейса.
СЛЕДУЮЩИЙ ПРОЕКТ
ВКонтакте
Обновление самой популярной социальной сети в России
Подробнее ›
Made on
Tilda