Интернет-магазин бытовой техники MAUNFELD

maunfeld.by MAUNFELD — бренд встраиваемой и бытовой техники с британскими корнями: история компании началась в Великобритании в 1998 году. Сегодня это 1000+ моделей и официальное присутствие в 20+ странах. Мы обновили интернет-магазины бренда для России, Беларуси и Казахстана.

Проект включал

Аналитика и проектирование
UX/UI-дизайн сайта и приложения
Frontend и backend
Интеграции с 1С и сервисами
Тестирование и поддержка

Команда

Project-менеджер
Бизнес-аналитик
2 Дизайнера
3 Frontend-разработчика
Backend-разработчик
Тестировщик

Страны

Россия, Беларусь, Казахстан

Год запуска

2026

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

Путь от цифр к макетам

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

Сначала данные из метрик, потом дизайн

До первого прототипа мы изучили Метрики старого сайта и опросили покупателей. Показатели определили, каким будет новый магазин.

Каждая найденная проблема получила своё решение: о них — в блоках ниже.

189 макетов на три страны

109 десктопных и 80 мобильных экранов: каталог, карточка товара, корзина и оформление, личный кабинет, статьи, шоурумы и разделы для партнёров. Сайты России, Беларуси и Казахстана собраны на одной дизайн-системе.

Карта сайта: одна логика на все разделы

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

Синим выделены шаги покупки: карточка товара, оформление и подтверждение заказа.

Главная: всё важное — в первых трёх экранах

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

Варочные панели, духовые шкафы и вытяжки стоят первыми в ряду категорий: по Метрике их кликают чаще всего. «Товар недели» с таймером плавает поверх всех страниц и сам скрывается, когда акция заканчивается.

Баннеры одной системы

Каждая акция собирается по одной схеме: техника в 3D-постановке на фирменном синем, крупный заголовок и одна кнопка. Стиль MAUNFELD узнается с первого взгляда.

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

Стиль, который выходит за пределы сайта

Техника на фирменном синем, крупный заголовок и один акцент — эта схема легко переносится в офлайн. Так могли бы выглядеть постеры в шоурумах MAUNFELD.

Каталог: от меню до нужного раздела

Каталог открывается из шапки мега-меню: слева категории, справа — товар или акция. Разводящие страницы встречают крупными миниатюрами разделов с количеством товаров, чтобы нужная категория находилась с первого взгляда.

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

Список товаров: плитка, список и фильтры

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

Одна карточка — несколько состояний

Если товара нет в наличии, вместо «В корзину» появляется «Сообщить о наличии». В карточке сразу видны цвета, рейтинг, бейджи «Хит» и «Новинка», сроки самовывоза и доставки.

Карточка товара отвечает на вопросы до звонка

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

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

Цена, выгода и способы оплаты собраны в одном блоке. На телефоне «В корзину» и «Купить в 1 клик» закреплены внизу экрана и не теряются при прокрутке.

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

Даже «нет в наличии» продаёт

Если товара нет, карточка не становится тупиком: вместо «В корзину» — «Сообщить о поступлении», а рядом сразу похожие модели. Покупатель не уходит искать аналог на другой сайт.

Сравнение: различия видно сразу

Модели собираются в одну таблицу по категориям: духовые шкафы, холодильники и посудомоечные машины сравниваются на отдельных вкладках. При прокрутке товары с ценой и кнопкой «В корзину» остаются в закреплённой шапке.

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

Корзина: докупить, списать баллы, добавить услуги

Под каждым товаром — «Можно докупить»: аксессуары и химия, которые подходят именно к этой модели. Сюда же добавляются установка, настройка и вывоз старой техники, а баллы списываются прямо в корзине.

Если товар закончился, он не исчезает из корзины молча: рядом появляются похожие модели и кнопка «Сообщить о наличии».

Вход по номеру телефона за минуту

Регистрация и вход — в одном окне: номер телефона, код из SMS, готово. Для тех, кто привык к почте, остаётся вход по email и ссылке из письма. Неверный код подсвечивается сразу, а код можно запросить повторно.

Авторизация работает через Mindbox: после входа покупатель сразу видит свои баллы, статус и персональные цены.

Личный кабинет для российского сайта: бонусы, заказы и всё остальное

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

Баллы, статусы и история операций синхронизируются с Mindbox, а цену с учётом баллов покупатель видит ещё в карточке товара.

Заказы под контролем

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

Что в итоге

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