Концепция и дизайн лендинга VK Капсула Про

Главное о кейсе

VK Капсула Про — флагманская умная колонка от VK. Мы отвечали за презентацию продукта в digital.

Над дизайном устройства работал промышленный дизайнер Карим Рашид, любитель цвета, гибких форм и футуристичности. Все это, присыпанное трендами и фичами, гиперболизировалось на странице Капсулы Про. Мы отвечали за презентацию продукта

Лендинг показывает все преимущества колонки через призму ее эстетики и общей концепции.

Каждый блок ui-интерфейса транслирует технологичность и визуальную идентичность флагманской колонки VK, но при этом заточен на конкретный функционал и вписывается в плавный сторителлинг.

Как проект изменил жизнь пользователей

Уделили много внимания деталям и ui-фишкам, которые создали новый опыт восприятия продукта.

Бизнес-задача и ее решение

Глобально было три задачи:

Отстроиться от конкурентов в пользу нового опыта восприятия продукта
Подчеркнуть стильное УТП в дизайне, чтобы пользователь проникся атмосферой, которую создает колонка
Использовать современные тренды в дизайне интерфейсов, которые гармонично дополнят бодрую коммуникацию Капсулы Про.

Структурно каждый блок заточен на демонстрацию определенной функции, преимущества или параметра – дизайн by Карим Рашид, пространственное звучание, сенсорные персонализированные циферблаты, zigbee-хаб, Маруся и умный дом, мощность выше средней. Это помогло сформировать для пользователя последовательный и убедительный сторителлинг, почему эта колонка особенная.

Мы продумали деликатные смысловые и визуальные переходы между блоками. Так, после второго wow-экрана с CG-видео об эффекте пространственного звучания неслучайно первым идет экран про удобный плеер. Обязательно показываем, как wow-эффект можно применить. Визуально тоже все плавно, чтобы лендинг был единым скроллом.

Крафт (мастерство), реализация, технические детали

VK Капсула Про – не просто умное устройство, а интерьерная доминанта с крутыми техническими параметрами и смелым вайбом, который заложен в визуальный ряд. В дизайне интерфейса мы старались поддержать заданную стилистику разными фишками. Смелому вайбу – необычные формы и фичи.

Придумали анимировать полуинтерактивный блок про сенсорный экран при помощи виджетов самих циферблатов. В блоке про zigbee-хаб использовали широкую акцентную верстку с плавными изгибами, чтобы получился мэтч с необычной хореографией героев на визуале и формами самой колонки. Вдохновились apple wallet, создавая композицию и анимацию карточек про сценарии умного дома, чтобы транслировать технологичность колонки через дизайн.

Для экрана о технических характеристиках колонки намеренно выбрали белый фон, чтобы пользователь мог вынырнуть из насыщенного визуального потока промо-формата и сосредоточиться на конкретных параметрах.

Создавая смелый интерфейс, мы не забыли про то, что лендинг должен встроиться в действующий сайт VK о колонках – применили существующую сетку и адаптировали меню.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

Смогли подстроиться под изменения project vision проекта и адаптировали дизайн-концепцию в две итерации. Также синхронизировались с агентством, которое работало над CG-видео, и подготовили подробное техническое задание.

В ходе проекта концепция позиционирования колонки претерпевала изменения, а вместе с ней и дизайн лендинга. от презенации VK капсулы в светлых минималистичных интерьерах мы перешли к более яркой и даже фантазийной истории, но успели подготовить 3D-модели для первой итерации позиционирования.

Скриншоты