VK Капсула Про — флагманская умная колонка VK с кастомным сенсорным экраном, объемным звуком и умными датчиками внутри.
Контекст и задачи
Мы отвечали за презентацию продукта в digital. Работали над концепцией и ux/ui-дизайном промолендинга, интерьерными 3D-модели.
1. Презентовать сенсорный экран как главное УТП колонки, сделав акцент на возможностях персонализации.
2. Предать ощущения от того, как колонка взаимодействует с пространством, чтобы сохранить позиционирование Капсулы Про как интерьерной колонки.
Концепция
Структурно каждый блок заточен на демонстрацию определенной функции, преимущества или параметра. Это помогло сформировать для пользователя последовательный и убедительный сторителлинг, почему эта колонка особенная.
Подобные сайты у конкурентов часто либо блочные и сухие, либо создают навязчивый промо-эффект со сложными секвенциями на несколько экранов. Мы тщательно искали баланс, чтобы получилось ярко и сочно, но не перегружено. Акцент сделали на контенте — фотографиях, рендерах, CGI-видео, а в UI-дизайне сохранили чистоту.
Дизайн
Повествование идет от наиболее важных конкурентных фич и преимуществ продукта к наименее важным. Соответственно, дизайн первых блоков более промотирующий и яркий, а ближе к концу — более сервисный и спокойный. Но при этом переходы от одной темы к другой плавные, так что на первый взгляд даже незаметно изменение баланса промо/сервис.
VK Капсула Про — не просто умное устройство, а интерьерная доминанта с крутыми техническими параметрами и атмосферой смелых решений, которая заложена в визуальный ряд. В дизайне интерфейса мы старались поддержать заданную стилистику разными фишками.
Zigbee-хаб
В блоке про zigbee-хаб использовали широкую акцентную верстку с плавными изгибами, чтобы получился синхронизироваться с необычной хореографией героев на визуале и формами самой колонки.
Крупно показали, как работают сложные сценарии умного дома и проиллюстрировали их имиджевыми фото.
Дизайн
Для экрана о технических характеристиках колонки намеренно выбрали белый фон, чтобы пользователь мог вынырнуть из насыщенного визуального потока и сосредоточиться на конкретных параметрах.
Создавая смелый интерфейс, мы не забыли про то, что лендинг должен встроиться в действующий сайт VK о колонках — применили существующую сетку и адаптировали меню.
3D-модели
В ходе проекта концепция позиционирования колонки претерпевала изменения, а вместе с ней и дизайн лендинга.
От презенации VK капсулы в светлых минималистичных интерьерах мы перешли к более яркой и даже фантазийной истории, но успели подготовить 3D-модели для первой итерации позиционирования.
Итог
Дизайн лендинга получился самобытным и идентичным стилю флагманской колонки VK. Нам удалось эффектно преподнести отличительные особенности устройства и при этом сохранить простоту навигации в едином плавном повествовании.