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

HEY — учебно-практический дизайн-проект, ставший экспериментом и способом попробовать новые инструменты и практики. В основе идеи — концепт AI-ассистента, который выходит за рамки привычного голосового помощника и превращается в полноценную операционную систему. HEY может работать на разных устройствах: от умных колонок до компьютеров и смартфонов, а также существовать как приложение или браузерное расширение. Главный фокус — единая экосистема и бесшовный пользовательский опыт независимо от платформы.
Создать лендинг, раскрывающий возможности ИИ-ассистента. Привести пользователя к скачиванию приложения и покупке подписки.
Анализ конкурентов, визуальный мудборд, создание UI-kit'а, создание дизайна с нуля (0 → 1), адаптация дизайна на разные устройства, анимация, вёрстка.
Работу начал с анализа существующих решений на рынке — прямых и косвенных конкурентов. Цель этапа — выявить ключевые функциональные и продуктовые паттерны и сформировать уникальное позиционирование продукта. Рассмотрел «Марусю» (VK), «Алису» (Яндекс), SberBoom, Busy, Meet Dino и HomePod (Apple), проанализировав основные характеристики и конкурентные преимущества каждого.
Далее перешёл к анализу визуального стиля конкурентов и сайтов продуктов из смежных сфер. Цель — изучить, как через дизайн-язык и визуальные решения передаётся концепция продукта, его ценности и характер взаимодействия с пользователем. С помощью мудборда задал стилевое направление проекта, определил ключевую цветовую палитру, типографику и основные визуальные приёмы.
Ассистент помогает как в повседневных задачах, так и в работе: берёт на себя организацию времени, напоминания, работу со списками, отслеживание событий и подписок. Отдельное внимание — медиа-возможностям: взаимодействию с музыкой, подкастами и другими форматами контента.
Одной из центральных идей стала кроссплатформенность. HEY задумывается как система, которая «живёт» вместе с пользователем и синхронизируется между всеми его устройствами. Это не отдельное приложение, а постоянный цифровой спутник, доступный в любой момент и в любом контексте.
Из интересных приёмов выделю эффект параллакса для блоков с заголовками второго уровня.
Многие блоки содержат под-блоки и дополнительный контент. Например, блок «Возможности» описывает пункты «Медиа», «Организация» и «База знаний».
Такой же принцип построения — для блока «Нейро-ядро».
Проект ещё не завершён. В дальнейшем планирую проработать анимации и микровзаимодействия, чтобы сайт не выглядел статичным — большая часть блоков изначально проектировалась с учётом движения и динамики. Финальную реализацию планирую выполнить во Framer.