С чего начали
Создать современный сайт для нового бренда дизайнерских ваз, который подчеркнёт уникальность изделий, передаст философию бренда и сформирует премиальное восприятие продукта.
Промо-сайт бренда · 2026
ИВА
- Клиент
- ИВА
- Тип
- Промо-сайт бренда
- Год
- 2026
Разработали премиальный сайт для бренда дизайнерских ваз ИВА. Главной задачей было передать эстетику продукта, подчеркнуть качество исполнения и создать эмоциональный пользовательский опыт, соответствующий уровню бренда.
01 — Знак, цвет, шрифт
Айдентика
Знак и типографика показаны фрагментами действующего сайта, а не пересобранным макетом: так видно ровно то, что получил клиент.
Холст#FAF8F4
Подложка#EFECE5
Акцент#C8714B
Текст-спутник#8A8785
Основной текст#17171A
Терракота #C8714B — единственный акцент на сайте: черта под знаком, активный пункт бокового рельса, маркеры списков и номера строк в паспорте. Больше цветов интерфейс не использует, чтобы не спорить с предметной съёмкой. Гарнитуры: Cormorant Garamond в заголовках, Archivo в интерфейсе, IBM Plex Mono в метках.
02 — Витрина
Первый экран
Имя бренда занимает верх страницы целиком, под ним — строка координат съёмки, а объект стоит на постаменте в собственном кадре. Посетитель видит предмет раньше, чем любое описание.
ИВА · 2026
Строка «LAT · LON · AZIMUTH · SHADOW» и счётчик 05 / 26 — часть оформления: они задают интонацию каталога, а не показывают данные из системы.
03 — Три экрана
Как устроен каталог
Карточка объекта
Слева кадр, справа паспорт: серия, материал, издание. Ниже — переключатель между тремя формами коллекции и счётчик 01 / 03.
Материал и процесс
Два коротких столбца: из чего сделано и как сделано. Рядом — макроснимок стыка полимера и стали, на котором видна фактура печати.
Технический паспорт
Три объекта строками: размер, вес, состав и срок изготовления. Справа — тот же предмет с вынесенными размерными линиями.
04 — Детали
Решения интерфейса
Оглавление ушло вбок
Разделы «объекты · материал · паспорт · приобретение» стоят вертикально у правого края и остаются на экране при прокрутке. Горизонтальное меню заняло бы ту же полосу, где живёт имя бренда.
Характеристики строками, а не абзацем
Серия, материал и издание разнесены по строкам с точным правым краем. Покупатель сравнивает три формы по одним и тем же графам, не вычитывая их из текста.
Счётчик вместо стрелок вслепую
У переключателя форм подписано, какая из трёх открыта сейчас: 01 / 03. Видно, сколько объектов в коллекции, до того как щёлкнуть по стрелке.
05 — Ход работы
Что было и что сделали
Что изменили
Разработали минималистичный интерфейс с акцентом на крупную предметную фотографию, выразительную типографику и плавную навигацию. Продумали структуру, позволяющую раскрыть преимущества коллекций, материалы изготовления и историю бренда, сохранив максимальное внимание к самим изделиям.
06 — Что входило
Состав работы
- Исследование и структура
- Арт-дирекшн
- UX/UI-дизайн
- Разработка и запуск
Границы кейса
Что показывает эта страница
Снимки сделаны с работающего проекта, а не с макета. Показываем интерфейс и решения, которые сделали сами.
Результат кейса — выпущенный интерфейс. Изменение числа заявок, выручки и позиций в поиске мы этой работой не измеряли и не приводим. Полоса с цифрами появляется только там, где измерение действительно есть.
Создадим продукт, который хочется показывать.
Расскажите о задаче — вернёмся с вопросами и первым направлением решения.