Transforming Vettons into a Super App
Vettons aimed to revolutionize lifestyle experiences by integrating e-commerce with smart home rentals into a unified platform—a super app. The vision was to simplify access to everyday necessities and enhance convenience, supporting a seamless digital lifestyle.
Task
Redesign of the app’s architecture, balancing innovation with usability to meet both business objectives and user satisfaction goals.
•Perception of Fragmentation: Users described the app as a collection of unrelated features, leading to confusion about navigation and functionality.
•Complex Navigation: Moving between e-commerce and smart-stays (Prop-tech) required multiple steps, frustrating users and reducing engagement.
•Consistency in Experience: Maintaining a unified design and flow across two fundamentally different services was critical to ensure usability and scalability.
Our process consisted of 3 main phases (Concept, Design, Prototype), with the discovery and define steps being part of the Concept phase. Each phase goes through testing before we proceed to the next one.
This project was lengthy; we conducted user interviews and ran numerous kick-off and brainstorming sessions with various departments and stakeholders.
Performed competitor benchmarking to learn from the market leaders. Collaborated with data analysts to study usage behavior patterns.
Our approach to use the Impact vs. Effort Matrix to prioritized features that would deliver the most value with minimal disruption.
03. Design Solutions in Action
1. Directory (The center layer)
The center layer of the app acts as a connector between all the different sections. It functions similarly to a modal, but is essentially a menu with carefully curated lists that direct users to specific areas of the base layer.
•Enabled contextual actions (e.g., trending items, promotions) and master search to guide users effortlessly.
2.Platform (The Base layer)
The platform layer of the app will display either the e-commerce or apartment rental side, utilizing AI-driven recommendation engines depending on the user’s selection from the directory layer.
•Enhanced product pages for better clarity and interaction, ensuring scalability across the two verticals.
•For smart stays, introduced specialized features like:
•Stay Page: Providing detailed property insights.
•Booking Flow: Optimizing user interactions for effortless reservations.
•IoT Controller: Integrating home automation controls directly within the app interface.
3. Quick Access (The Top layer)
A modal (cross-functional shortcuts ) accessible through the bottom navigation bar from anywhere within the app, providing quick access to user profile, settings, activities, like paying utilities, managing IoT devices, or checking shopping orders, reducing the need for complex navigation.
Here is a high level of user flows connecting Shop and Stay features for super-app where Directory, Platform, and Quick Access as key structural elements as shown below.
The transformation into a super app delivered remarkable results:
•20% growth in sales, driven by personalized shopping experiences.
•Higher user retention due to seamless navigation and integrated features.
•Enhanced efficiency, with design productivity doubled through the atomic design system.
•Strong business growth, with Vettons positioned as a lifestyle technology leader.
• Weekly standups and sprint planning ensured seamless collaboration between design, engineering, and product teams.
• QA and feedback loops integrated early in the development cycle to minimize post-launch issues.