Веб-дизайнерс инженерной дисциплиной

Бренд держится на фотографии, поэтому интерфейс остаётся лёгким и отдаёт экран коже и янтарным оттенкам. Заголовок сочетает прямое и курсивное начертание, как обложка модного журнала, а карточка из матового стекла сохраняет цену читаемой поверх фото.

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

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

Роль

Концепция, UI-дизайн, адаптивные макеты

Инструмент

Figma

Экраны

3 десктопных, 2 мобильных

Фокус

Фотография как основа, стеклянный UI, фильтры каталога, пирамида нот

Минималистичная страница, где главный герой — сам прибор. Холодный бледно-голубой фон подчёркивает тёмный корпус и красные детали, а красный цвет сопла становится единственным акцентом на сайте.

Хотспоты размещены прямо на продукте. На десктопе поповер объясняет каждый из них рядом с коротким списком технологий и четырьмя ключевыми характеристиками. Оформление заказа сохраняет тот же спокойный стиль: поля с подчёркиванием, две карточки доставки и одна тёмная кнопка как единственный тяжёлый элемент.

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

Роль

Концепция, UI-дизайн, адаптивные макеты

Инструмент

Figma

Экраны

3 десктопных, 2 мобильных

Фокус

Хотспоты на продукте, цвет из продукта, адаптация наведения под тап

Цифровой шоурум. Чёрный фон работает как студия, а тонкий эллипс под машиной создаёт подиум, как поворотный стенд на автосалоне.

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

На мобильном стрелки заменены свайпом, а список моделей превращён в горизонтальные табы. В конфигураторе итог и кнопка предзаказа закреплены внизу.

Роль

Концепция, UI-дизайн, адаптивные макеты

Инструмент

Figma

Экраны

3 десктопных, 2 мобильных

Фокус

Тёмная тема, конфигуратор, живая цена, дизайн форм