HEY

Создание лучшего ИИ-ассистента для мульти-платформы

HEY
Роль
Product Designer
Команда
1 — Product Designer
Период
Менее месяца
Ссылки
Посмотреть вживуюОткрыть макет

HEY — учебно-практический дизайн-проект, ставший экспериментом и способом попробовать новые инструменты и практики. В основе идеи — концепт AI-ассистента, который выходит за рамки привычного голосового помощника и превращается в полноценную операционную систему. HEY может работать на разных устройствах: от умных колонок до компьютеров и смартфонов, а также существовать как приложение или браузерное расширение. Главный фокус — единая экосистема и бесшовный пользовательский опыт независимо от платформы.

Цель

Создать лендинг, раскрывающий возможности ИИ-ассистента. Привести пользователя к скачиванию приложения и покупке подписки.

Я отвечал за

Анализ конкурентов, визуальный мудборд, создание UI-kit'а, создание дизайна с нуля (0 → 1), адаптация дизайна на разные устройства, анимация, вёрстка.

HEY

Анализ рынка и конкурентов

Работу начал с анализа существующих решений на рынке — прямых и косвенных конкурентов. Цель этапа — выявить ключевые функциональные и продуктовые паттерны и сформировать уникальное позиционирование продукта. Рассмотрел «Марусю» (VK), «Алису» (Яндекс), SberBoom, Busy, Meet Dino и HomePod (Apple), проанализировав основные характеристики и конкурентные преимущества каждого.

Анализ рынка и конкурентов

Moodboard

Далее перешёл к анализу визуального стиля конкурентов и сайтов продуктов из смежных сфер. Цель — изучить, как через дизайн-язык и визуальные решения передаётся концепция продукта, его ценности и характер взаимодействия с пользователем. С помощью мудборда задал стилевое направление проекта, определил ключевую цветовую палитру, типографику и основные визуальные приёмы.

Moodboard
Moodboard

Окончательный дизайн

Ассистент помогает как в повседневных задачах, так и в работе: берёт на себя организацию времени, напоминания, работу со списками, отслеживание событий и подписок. Отдельное внимание — медиа-возможностям: взаимодействию с музыкой, подкастами и другими форматами контента.

Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн
Окончательный дизайн

Кроссплатформенность

Одной из центральных идей стала кроссплатформенность. HEY задумывается как система, которая «живёт» вместе с пользователем и синхронизируется между всеми его устройствами. Это не отдельное приложение, а постоянный цифровой спутник, доступный в любой момент и в любом контексте.

Кроссплатформенность

Параллакс

Из интересных приёмов выделю эффект параллакса для блоков с заголовками второго уровня.

Параллакс
Параллакс
Параллакс
Параллакс

Возможности

Многие блоки содержат под-блоки и дополнительный контент. Например, блок «Возможности» описывает пункты «Медиа», «Организация» и «База знаний».

Возможности
Возможности
Возможности
Возможности
Возможности

Нейро-ядро

Такой же принцип построения — для блока «Нейро-ядро».

Нейро-ядро
Нейро-ядро
Нейро-ядро
Нейро-ядро

Текущий этап

Проект ещё не завершён. В дальнейшем планирую проработать анимации и микровзаимодействия, чтобы сайт не выглядел статичным — большая часть блоков изначально проектировалась с учётом движения и динамики. Финальную реализацию планирую выполнить во Framer.

Другие кейсы