Обновление сайта кастомных кроссовок с акцентом на молодую аудиторию и персонализацию
UX/UI
E-commerce
Art Direction
Responsive Design
User Experience
UX/UI
E-commerce
Art Direction
Responsive Design
User Experience
UX/UI
E-commerce
Art Direction
Responsive Design
User Experience
UX/UI
E-commerce
Art Direction
Responsive Design
User Experience
UX/UI
О проекте
Задача и подход
Целью проекта стал редизайн существующего сайта с обновлением визуального образа бренда и улучшением пользовательского опыта.
AFOUR — российский бренд обуви, который предлагает как готовые модели, так и возможность создавать собственный дизайн кроссовок через онлайн-конструктор.
— UX/UI дизайн сайта — Пользовательский путь — Прототипирование — Редизайн главной страницы — Каталог и карточка товара — Мобильная версия — Визуальная система бренда
Что сделано
Исходник
Прототип
Концепт
Основное преимущество компании — возможность создавать собственный дизайн обуви — терялось из-за плохого UX и не получало достаточного внимания.
Существующий сайт выглядел устаревшим и визуально не отражал характер бренда.
Проблема
Исходная точка
Задержка 0.3
Интерфейс построен вокруг продукта: крупные изображения кроссовок, контрастные акценты и динамичная композиция помогают подчеркнуть возможность создания уникального дизайна и делают бренд более привлекательным для молодой аудитории.
В основе редизайна лежит идея самовыражения через обувь.
Концепция
— Усилен акцент на кастомизации обуви — Улучшена навигация по каталогу и категориям — Появилась более современная визуальная подача — Упрощён путь пользователя к покупке — Повышена адаптивность интерфейса для мобильных устройств — Создана более эмоциональная коммуникация с аудиторией
— Усилен акцент на кастомизации обуви — Улучшена навигация по каталогу и категориям — Появилась более современная визуальная подача — Упрощён путь пользователя к покупке — Повышена адаптивность интерфейса для мобильных устройств — Создана более эмоциональная коммуникация с аудиторией
— Усилен акцент на кастомизации обуви — Улучшена навигация по каталогу и категориям — Появилась более современная визуальная подача — Упрощён путь пользователя к покупке — Повышена адаптивность интерфейса для мобильных устройств — Создана более эмоциональная коммуникация с аудиторией
Что изменилось
Задержка 0.3
UX / структура
CA0000
Визуальный стиль построен на сочетании тёмного фона, светлых интерфейсных элементов и ярких красных акцентов.
Крупные фотографии и 3D-визуализации обуви становятся главным элементом интерфейса, а контрастная цветовая система помогает управлять вниманием пользователя и выделять ключевые действия.
Заголовок / подзаголовок
condensed medium /
Ubuntu Sans
Текст / кнопки
regular / medium
Ubuntu Sans
Визуальная система
FFFFFF
000000
Детали / решения
Структура сайта была переработана таким образом, чтобы пользователь мог быстро перейти от знакомства с брендом к выбору модели или созданию собственного дизайна.
Особое внимание было уделено презентации конструктора кроссовок как ключевого продукта бренда. Для этого на главной странице используются крупные визуальные блоки, акцентные CTA и демонстрация возможностей кастомизации.
Особое внимание было уделено презентации конструктора кроссовок как ключевого продукта бренда. Для этого на главной странице используются крупные визуальные блоки, акцентные CTA и демонстрация возможностей кастомизации.
Новый интерфейс подчёркивает главное преимущество бренда — персонализацию обуви — и формирует более сильную связь с молодой аудиторией, для которой важны индивидуальность и визуальный опыт.
Финальный результат
Редизайн позволил сделать сайт более современным, понятным и визуально выразительным.