Презентовать технологию голосового помощника, в доступной форме рассказать о преимуществах и нужности платформы Alan AI. Реализовать возможность наполнять сайт контентом силами клиента без привлечения технических специалистов и знания кода.
Задача
Платформа Alan AI упрощает взаимодействие пользователя с системой за счет голосового помощника. Платформу можно интегрировать в сервисы и приложения.
Наша команда разработала сайт в Webflow с презентацией технологии и раскрытием преимуществ платформы.
Визуальная основа построена на абстрактных анимированных 3D-моделях и стекломорфизме в интерфейсе. Через 3D мы отразили ассоциации с платформой — голосовые волны и звуковые вибрации.
С помощью JavaScript, CSS и HTML собрали более очевидную и менее абстрактную анимацию звуковых волн для блока «Why voice assistants»
Вопрос не только в эстетике и следовании трендам. Стекломорфизм создает объем и дает возможность располагать графические элементы визуально близко — один над другим, что в свою очередь дает больше возможностей в визуальном управлении смыслами и создании композиций.
Стекломорфизм
Личный кабинет покупателя
Главная страница
Демонстрация работы платформы на примере разных кейсов. Стилизовали диалоговые окна для сообщений. Также есть возможность включить звук, чтобы в полной мере понять, как происходит взаимодействие пользователя с платформой.
Слайды с особенностями и преимуществами платформы
Страница с решениями обозначает 4 ключевых преимущества использования платформы, дает возможность переключаться между кейсами и перейти на страницу кейса по конкретной индустрии.
Отраслевые решения
Иконки для отраслей
Задача страницы — продемонстрировать, как изменились бизнес-показатели после внедрения платформы. Для этого есть блоки со статистическими данными, особенностями и видео-кейсами. Страница управляется через CMS Webflow.