Кейс 1. UI/UX: аналитика и UX-проектирование под две аудитории

О проекте:

Полный цикл UX/UI-дизайна промо-сайта для линейки энергетических напитков «Руки Вверх» (без разработки). Включает анализ целевой аудитории (фанаты группы 25–35 лет и молодёжь 18–25 лет), проектирование информационной архитектуры (6 разделов), создание интерактивных прототипов, визуальный стиль с 3D-визуализацией упаковки, неоновой типографикой и световыми эффектами. Разработаны 6 страниц (главная, каталог, детальная карточка, о проекте, галерея, отзывы) с адаптивом под три брейкпоинта.

Результат:

Проведён анализ двух ключевых сегментов: фанаты группы «Руки Вверх» 25–35 лет (ностальгия, доверие к бренду) и молодёжь 18–25 лет (поиск ярких энергетиков). Изучены промо-сайты конкурентов (Burn, Adrenaline Rush) и сайты с ностальгической эстетикой. Разработана информационная архитектура из 6 разделов, созданы интерактивные вайрфреймы для десктопа и мобильных устройств. Ключевой пользовательский путь спроектирован так: главная → 3D-банка → вкусы → карточка товара → маркетплейс. Число шагов до целевого действия минимизировано до 3–4 кликов. Разработана цветовая палитра (чёрный, неоново-жёлтый, малиновый, кислотно-зелёный) и динамичная типографика (жирные гротески с эффектом «неона», пульсация, градиентные обводки). Главный элемент — интерактивная 3D-модель банки (низкополигональная для веба, с вращением по умолчанию и возможностью вращать/приближать мышью). На страницах использованы фоновые видео, полупрозрачные оверлеи, блики и световые эффекты, создающие клубную атмосферу. Стилизация «скретчи» и неоновые надписи вызывают ностальгию по 90‑м, формируя эмоциональную связь с аудиторией. Все страницы адаптированы под три брейкпоинта: десктоп (1920px), планшет (768px) и мобильные (375px). На мобильных — упрощённая навигация (гамбургер-меню), сенсорно-удобные кнопки, 3D-модель с уменьшенной детализацией. Главный конверсионный сценарий ведёт напрямую на Ozon и Wildberries — это использует доверие к крупным площадкам и исключает риск брошенной корзины. Дорожная карта: аналитика и референсы (2 дня), UX-проектирование (3 дня), визуальный дизайн ключевых страниц (5 дней), дизайн остальных страниц + адаптив (4 дня), правки и передача (1 день). Итого: 15 рабочих дней (3 недели).