UX/UI Design
Проектирование интерфейса веб-сервиса и промо-лендинга.
Вернуться к портфолио
Проект под NDA
LOOQS AI
AI-помощник и стилист, который генерирует персональные образы по текстовому запросу или фотографии и помогает находить похожие вещи на популярных маркетплейсах.
Моя роль
Я отвечал за UX/UI-дизайн веб-сервиса и промо-лендинга: спроектировал пользовательский сценарий AI-стилиста, структуру лендинга, карточки образов и товаров, мобильные адаптивы и визуальную концепцию продукта.
AI Flow
Проработка сценария от запроса пользователя до сгенерированного образа.
Landing Page
Структура страницы для объяснения продукта и подготовки к рекламной кампании.
Responsive Design
Адаптация интерфейса под desktop и mobile.
AI-сервису нужно было быстро объяснить свою ценность
Пользователь должен был за несколько секунд понять, что LOOQS умеет генерировать персональные образы, показывать товары внутри комплекта и вести к покупке на маркетплейсах.
Интерфейс должен был быть не только красивым, но и объясняющим: что делает продукт, как он работает и зачем его пробовать. Дополнительно прежняя промо-страница почти не приводила органический трафик: около 0-1 пользователя в день.
Быстрое понимание
Нужно было объяснить AI-продукт за несколько секунд и показать результат до глубокого вовлечения.
AI и e-commerce
Важно было связать генерацию образов с конкретными товарами, ценами и переходами на маркетплейсы.
Запуск в срок
До рекламной кампании было около двух месяцев, поэтому решения должны были быстро реализовываться.
Простой путь от идеи образа до покупки вещей
Мы построили интерфейс вокруг понятного сценария: пользователь описывает образ или загружает фото, AI генерирует варианты, пользователь выбирает подходящий комплект и переходит к похожим товарам на маркетплейсах.
Промо-лендинг
- hero-блок с понятным value proposition;
- объяснение механики How it Works;
- блок Try it Right Now;
- отзывы, FAQ и финальный CTA.
Продуктовый сценарий
- AI-сценарий по тексту или фото;
- примеры сгенерированных образов;
- карточки товаров с ценами;
- логика переходов на маркетплейсы.
AI Flow
Upload or Describe
AI Generation
Choose Best Outfits
Shop Links
Такой сценарий помогает пользователю быстро понять, как AI-стилист превращает текстовый запрос или фото в готовый образ с товарами для покупки.
Результаты
~40/day
органический трафик после запуска
745
пользователей на входе в воронку
64
целевых перехода в товар
3,2x
рост целевых переходов
2
продукта: веб-сервис и промо-лендинг
2
месяца до рекламной кампании
Новый лендинг стал более эффективной входной точкой в продукт: он начал приводить органический трафик и увеличил количество пользователей, доходящих до перехода в товар.
Интерактивные прототипы
Влияние на продуктовую воронку
После запуска нового лендинга выросло абсолютное количество пользователей в продуктовой воронке. Вход в сервис увеличился с 167 до 745 пользователей, а количество пользователей, перешедших в товар, выросло с 20 до 64.
Переход в сервис
167 -> 745
Загрузились образы
44 -> 240
Перешёл в товар
20 -> 64
Conversion rate по всей воронке изменился с 11,98% до 8,59%. При этом из-за роста входящего трафика продукт получил больше целевых действий в абсолютном выражении.
Что изменилось
До
- AI-ценность требовала более понятной упаковки;
- сценарий нуждался в упрощении;
- органический трафик составлял 0-1 пользователя в день;
- в продуктовую воронку входило 167 пользователей;
- нужно было связать AI-генерацию и маркетплейсы.
После
- появился понятный AI-flow;
- создан промо-лендинг под рекламный и органический трафик;
- новый лендинг начал приводить ~40 пользователей в день из SEO;
- вход в воронку вырос до 745 пользователей;
- продукт получил более цельную fashion/lifestyle-подачу.
Главный вывод
AI-продукт становится понятным пользователю не тогда, когда интерфейс объясняет технологию, а тогда, когда он показывает конкретную пользу: какой результат пользователь получит, как он сможет его применить и какое действие сделать дальше.