Интернет-магазин женской обуви. Магазин не хранит товары — при клике на товар пользователь перенаправляется на площадку Wildberries для покупки. Брендбук минималистичный: задана только цветовая палитра + слоган «Сияй в каждом шаге».
Разработать визуальные концепты для магазина в сжатые сроки. Создать 3 разных стилистических варианта, используя только цвета из бренда. Сделать дизайн, который подчёркивает доступность обуви и женственность ассортимента, но при этом выглядит привлекательно и современно. Встроить брендовый слоган «Сияй в каждом шаге» так, чтобы он усиливал эмоциональную составляющую бренда. Обеспечить, чтобы при переходе на Wildberries оформление выглядело логичным продолжением — без «шоковых» визуальных переходов.
Новая концепция дизайна строилась на сочетании социальной миссии фонда и потребностей аудитории. Основная идея — сделать интерфейс максимально простым, человечным и доверительным.
Визуальная система выстроена вокруг чистоты и ясности: светлая палитра, акцентные кнопки «Позвонить» и «Получить помощь», понятная иерархия блоков. Контент структурирован по жизненным ситуациям («Хочу пройти тест», «Мне нужна консультация», «Как получить сопровождение»), чтобы пользователи разных категорий быстро находили ответы.
Для усиления доверия проработан блок партнёров, и целевые страницы отчёты о деятельности, и проекты. Адаптивная сетка с промеренными отступами позволит удобно пользоваться сайтом как с мобильных устройств, так и на ПК, что важно для широкой региональной аудитории.
Создал три визуальных концепта в Figma — каждый в своём стиле, но все ограничены исходной цветовой палитрой бренда. Для каждого концепта проработал: главную страницу, карточку товара, возможно каталоги — то, что ключевое для «витрины» перед переходом на Wildberries. Внедрил слоган «Сияй в каждом шаге» — как часть визуального и текстового оформления, чтобы он стал эмоциональным «якорем» бренда на всех страницах. Подчеркнул женственность, лёгкость и доступность обуви: соответствующая типографика, визуальный стиль, визуальные акценты, композиция макетов. Учитывая, что брендбук беден — ориентировался на минимализм, простоту, избегал лишних элементов, использовал только разрешённую палитру, тем самым усиливая узнаваемость и консистентность.
Starrier
- Весь сценарий взаимодействия размещён в пределах одного экрана, смена контента происходит через вертикальный скролл.
- Рандомизированные позиции карточек при каждом скролле, чтобы создавать эффект живой витрины и удерживать внимание.
- Эффект наложения текста на слои — визуальная глубина, эмоциональность, акцентная работа со слоганом и заголовками.
- Автоматический переход к следующему разделу через 2−2,5 секунды после завершения блока — динамичное сопровождение пользователя.
- Страница категорий как «точка погружения» в бренд: история, материалы, процессы, вдохновения. Страница рассчитана на SEO-раздел, расширяемый и контентно-ёмкий.
Главный экран — слайдер-галерея новинок, где каждая карточка занимает 1/3 экрана.
Вынос технической информации на главный экран — артикул, чтобы сохранить и запомнить модель.
Единая механика слайдера на главной и в карточке товара — не требуется повторно изучать интерфейс.
Карточка товара в формате «полноэкранного просмотра»:
- фото на всю высоту,
- галерея слева с подсветкой активной фотографии,
- акцент на детализацию (строчки, посадка на ноге).
Прогресс-бар прокрутки в левом нижнем углу — способствует ориентации внутри длинных страниц.
Сторис-лента как новый тип взаимодействия:
- категории: «Новое», «Популярные», «Зима 25/26»;
- десятки сторис в каждом разделе;
- контент может включать лукбуки, отзывы WB, подборки;
- горизонтальная прокрутка «зажатием и протяжкой» — нативное мобильное поведение;
- категории фиксируются стик-эффектом при скролле.
- Информация в карточке оформлена в виде подсказки-скроллбара — компактно, аккуратно, не нагружает UI.
Итог
- Концепт 1 — эмоциональный storytelling-формат.
- Концепт 2 — структурированная, премиальная подача с фокусом на детали обуви.
- Концепт 3 — трендовый и технологичный подход с новой механикой взаимодействия.
