VK Capsule Pro Landing page
Design of the promotional landing page for VK's flagship speaker
VK Capsule Pro is VK’s flagship smart speaker with a custom touchscreen, surround sound and smart sensors inside.
Context and tasks
Our role was to present the product in digital. We worked on the concept and ux/ui-design of the promotional landing page, interior 3D models.
1. Present the touch screen as the main USP of the speaker, focusing on customization possibilities.
2. Present the experience of how the speaker interacts with the space to maintain the positioning of Capsule Pro as an interior speaker.
Concept
Structurally, each block is designed to demonstrate a specific feature, perk, or parameter. This allowed us to create a consistent and compelling storytelling for users as to why this speaker is special.
Competitors’ websites are often either blocky and dry, or create an intrusive promotional effect with complex sequences across multiple screens. We carefully searched for a balance to make it bright and colorful, but not overloaded. We emphasized the content: photos, renders, CGI, and kept the UI-design clean.
Design
The narrative moves from the most important competitive features and advantages of the product to the least important ones. Accordingly, the design of the first blocks is more promotional and colorful, while towards the end it is more service-oriented and calm. But at the same time, the transitions from one theme to another are smooth, so at first glance you can’t even notice the change in the balance of promotion to service.
VK Capsule Pro is not just a smart device, but an interior dominant with cool technical parameters and the atmosphere of bold solutions embedded in the visuals. In the interface design, we tried to maintain the defined style with various special features.
Zigbee hub
In the section about the zigbee hub, we used a wide accent layout with smooth curves to synchronize with the unusual choreography of the characters on the graphics and the shapes of the speaker itself.
We showed how complex smart home scenarios work and illustrated them with design photos.
Design
We intentionally chose a white background for the speaker specifications screen, so that the user could escape from the saturated visual flow and focus on individual parameters.
Despite creating a bold interface, we considered that the landing page should be integrated into the existing VK speaker website — we used the existing grid and adapted the menu.
3D models
In the course of the project, the vision of the speaker’s positioning underwent changes, and with it the design of the landing page.
We went from presenting the VK capsule in light minimalist interiors to a more colorful and even fantasy story, but we managed to prepare 3D models for the first iteration of the positioning.
Result
The design of the landing page turned out to be distinctive and identical to the style of the flagship VK speaker. We managed to showcase the distinctive features of the device, while maintaining the ease of navigation in a single smooth narrative.
