Gamification of a Customer Onboarding Journey
About
Office Banao is transforming workplace design by streamlining the process with proprietary technology. They offer a seamless, tech-driven user experience that supports effective AI-powered space planning, 3D walkthroughs, extensive product choices, and real-time collaboration for quick decision-making. With transparent pricing, multi-vendor services, and real-time delivery updates, they simplify execution and shorten project timelines.
Task/Objective
Developed the full UI for Officebanao’s onboarding process, highlighting an innovative Tinder-like swipe feature that captures user preferences through right or left swipes. This dynamic, interactive design enhances engagement, streamlines decision-making, and ensures a personalized and intuitive onboarding experience.
Gurugram, Haryana
2021
Real Estate
$6.26 million (2024)
200+
Challenge
Since this was a completely new product, the UI had to be built from the ground up, starting with the creation of the Design System. A key challenge was ensuring smooth and responsive swipe gestures across various devices and screen sizes, from mobile to tablets and desktops. My focus was on simplifying the user journey, reducing cognitive load, and applying modern design principles to create a platform that is both visually appealing and highly user-friendly.
Results
Post-design, the streamlined workflows and modern interface resulted in a 20% increase in new subscriptions within the first six months of the launch.
35%
Improved onboarding process
25%
Increase in user retention
84%
Increase in time spent on website
Process
Research & Analysis: We conducted user interviews, surveys, and analyzed in-app analytics to understand the pain points and user needs. We also studied competitor apps and industry trends to gather insights
Information Architecture: Based on the research findings, we restructured the app's navigation and content, prioritizing features and information according to user needs.
Wireframing & Prototyping: We designed low-fidelity wireframes to visualize the new layout and navigation, iteratively refining them based on user feedback. Afterward, we built a high-fidelity, interactive prototype to test the design.
Visual Design & Style Guide: We developed a cohesive visual language, including color schemes, typography, and iconography, ensuring consistency throughout the app. We also created a style guide to maintain design consistency in future updates.
“ With our new visual branding and language in place, the new Shopify brand clearly captures the essence of our current and target customer base, our employees, and our values. ”
Tushar Mittal
CEO, Founder | Officebanao
Conclusion
The Officebanao customer onboarding UI was designed to streamline decision-making through an interactive and engaging experience. By implementing a Tinder-like swipe feature, the interface made preference selection intuitive and enjoyable. This approach enhanced user engagement while ensuring a seamless onboarding journey. The final design successfully balanced aesthetics with functionality, reinforcing Officebanao’s commitment to tech-driven interior solutions.
Dive into the full case study using the link below: