Концепт
премиальной техники

UI-концепт интернет-магазина в духе Bang & Olufsen: скандинавская сдержанность вместо агрессивных продаж.

Дизайн-концепт Электроника UI-дизайн 2021
— 01 Проект

Дизайн, где продукт говорит сам за себя

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

2021
год разработки концепта
UI
фокус на интерфейсе, не на бренде
3
категории товаров в каталоге
SF
UI Display как типографика интерфейса
Каталог товаров в концепте Bang & Olufsen

Каталог из трёх категорий — акустика, наушники, телевизоры — с минимумом декоративных элементов вокруг товара

— 02 Задача

Что должен
был решить концепт

01

Не спорить с продуктом

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

02

Передать звук через тишину интерфейса

Скандинавская эстетика бренда — про воздух и паузы, а не про плотность экрана.

03

Работать с малым каталогом

У премиальной техники не тысячи SKU, а десятки — витрина должна оставаться убедительной и на небольшом ассортименте.

04

Вести к покупке

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

— 03 Решение

Свет, воздух
и один товар в кадре

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

01

Каталог как галерея

Сетка на два столбца

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

Артикул вместо описания

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

Цветовые варианты точками

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

02

Типографика и тон

Один шрифт, три насыщенности

SF UI Display держит весь интерфейс — от заголовков до цены — без визуального разнобоя.

Звуковая волна как деталь бренда

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

Инструменты
Figma Adobe XD Adobe Photoshop Adobe Illustrator
— 04 Итог

Интерфейс,
который умеет молчать

Продукт остаётся главным

Ни один элемент интерфейса не спорит с фотографией товара за внимание.

Единая типографическая система

Один шрифт на весь интерфейс держит его собранным даже без цветовых акцентов.

Малый каталог — не проблема

Витрина работает и на десятках товаров, не только на тысячах SKU.

Нужен интерфейс
для премиального продукта?

Спроектируем витрину, где дизайн работает на продукт, а не перекрикивает его.

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

Полимедика

UX/UI-дизайн сайта сети клиник: запись на приём и вызов врача