Магазин
детской мебели

Дизайн интернет-магазина для бренда с 12-летней историей: каталог, готовые комплекты и карточка товара с полной комплектацией.

Дом и интерьер UI/UX-дизайн Figma Ecommerce
— 01 Проект

Мебель, которую выбирают на 12 лет вперёд

MiaSofia — магазин детской мебели: кровати, столы, стулья, шкафы, комоды и предметы обстановки для детских комнат. За 12 лет на рынке компания собрала аудиторию, которая ценит индивидуальный подход и качество исполнения. Нужен был интернет-магазин, который передаёт этот уровень в цифре — не витрина каталога, а среда для выбора мебели под конкретную комнату.

12+
лет бренда на рынке
100+
уникальных страниц
280+
часов дизайна
3D
проект комнаты в подарок
Карточка товара и коллекция мебели MiaSofia

Карточка товара с размерами и цветами, коллекции «два плюс два» — готовые комплекты вместо сборки мебели по одному предмету

Дизайн главной Mia Sofia Home: коллекция мебели и выбор стиля интерьера

Дизайн главной: выбор мебели по стилю интерьера

— 02 Задачи

Что предстояло
решить

01

Разговор с родителем, не с каталогом

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

02

Сложная карточка товара

Размеры, цвета, комплектация — у одной модели кровати может быть больше 20 вариантов исполнения. Всё это нужно было уместить без перегруза.

03

Готовые комплекты

Не все родители готовы собирать комнату по одному предмету — нужен был сценарий «купить всё сразу» со своей логикой цены и состава.

04

Масштаб каталога

Больше 100 уникальных страниц с полностью адаптивной вёрсткой — дизайн-система должна была держать это без расползания.

— 03 Решение

От комнаты
до карточки товара

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

01

Витрина и вдохновение

Тематические комнаты

Готовые интерьерные сценарии на главной — родитель выбирает не мебель, а комнату целиком.

Бесплатный 3D-проект

Отдельный сценарий заказа визуализации комнаты — снижает страх «не впишется по размеру».

Навигация по аудитории

Мебель для девочки, мальчика, подростка, родителей — каталог разделён так, как реально ищут, а не по типу мебели.

02

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

Размер и цвет на одном экране

Выбор из 20+ комбинаций — без перехода на отдельную страницу под каждый вариант.

Галерея в интерьере

Кровать или шкаф показаны не только предметно, но и в реальной обстановке комнаты.

Скидки и статус товара

Метки «новинка», зачёркнутая цена — понятно с первого взгляда на карточку, не только в каталоге.

03

Готовые коллекции

Комплекты «два плюс два»

Кровать, стол и шкаф одной коллекции — с общей ценой и скидкой за комплект.

128 предметов в коллекции

Внутри одной темы — полный набор, от кровати до аксессуаров, с единой палитрой из 23 цветов.

Полный цикл покупки

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

Инструменты
Figma Adobe Photoshop UI/UX Адаптивная вёрстка
— 04 Итог

Дизайн-система
на весь каталог

Больше 100 страниц одной системой

Каталог, карточки, коллекции, корзина и личный кабинет спроектированы как единый интерфейс, а не набор разрозненных экранов.

Сложная комплектация — просто

Больше 20 вариантов размера и цвета на одну модель умещаются в один экран без перегруза.

Продажа комнатой, не предметом

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

Полностью адаптивная версия

Все 100+ страниц спроектированы для десктопа и мобильных устройств на одной сетке.

Нужен дизайн
для интернет-магазина?

Спроектируем каталог и карточку товара под ваш ассортимент — от первого экрана до личного кабинета.

Следующий кейс

Bang & Olufsen

Дизайн-концепт витрины премиальной аудиотехники