PRODUCT DESIGN
MAR 2022 — SEP 2022
Designing the Digital Forefront of a Real Estate Company: To Be the Face of Its Post-Payment Services
Designing the Digital Forefront of a Real Estate Company: To Be the Face of Its Post-Payment Services
Collaborated With
Monsoonfish Studio, Pune
VJ Developers, Pune
VJ Developers, Pune
VJ Developers, Pune
The team
Project Manager, Lead UX Designer, 3+ Visual Designers, 2+ Developers
Role
Product Designer; Lead UX Designer
Product Designer; Lead UX Designer
scope of work
Experience Strategy, UX Design, Visual Design
My Responsibilities
Stakeholder Engagement
Cross-Functional Collaboration
Ecosystem Mapping
UX Design & Architecture
Visual Design
Overview
VJ Parivaar (trans. VJ ‘Family’) is a digital platform designed for homeowners of VJ Real Estate and Constructions, serving as the face of the company’s post-payment services. The app enhances the homeowner experience by:
VJ Parivaar (trans. VJ ‘Family’) is a digital platform designed for homeowners of VJ Real Estate and Constructions, serving as the face of the company’s post-payment services. The app enhances the homeowner experience by:
Keeping users updated on the status of their construction projects
Building a community of VJ homeowners
Offering exclusive perks and incentives
Acting as a one-stop shop for home maintenance and customization services
Keeping users updated on the status of their construction projects
Building a community of VJ homeowners
Offering exclusive perks and incentives
Acting as a one-stop shop for home maintenance and customization services
The app required extensive integrations, including partnerships with service providers, brand collaborations, and a comprehensive homeowner database. This necessitated a robust backend system to ensure seamless functionality and support for the platform's diverse features.
The app required extensive integrations, including partnerships with service providers, brand collaborations, and a comprehensive homeowner database. This necessitated a robust backend system to ensure seamless functionality and support for the platform's diverse features.
The app required extensive integrations, including partnerships with service providers, brand collaborations, and a comprehensive homeowner database. This necessitated a robust backend system to ensure seamless functionality and support for the platform's diverse features.
SETTING THE LANDSCAPE
SETTING THE LANDSCAPE
SETTING THE LANDSCAPE
Mapping Features, Users and Interfaces
The platform includes three key components:
Parivaar App: The primary customer-facing app for homeowners.
Web Application: Designed for external third-party service providers to manage their interactions.
Backend Management System: Built for VJ Developers’ employees to oversee operations and maintain the platform.
Parivaar App: The primary customer-facing app for homeowners.
Web Application: Designed for external third-party service providers to manage their interactions.
Backend Management System: Built for VJ Developers’ employees to oversee operations and maintain the platform.
Parivaar App: The primary customer-facing app for homeowners.
Web Application: Designed for external third-party service providers to manage their interactions.
Backend Management System: Built for VJ Developers’ employees to oversee operations and maintain the platform.
The design process involved multiple stakeholder discussions to define the services offered to homeowners. To streamline the workflow, we tackled one module or service at a time, finalizing designs and handing them off to development incrementally. This approach required a clear understanding of the facilitators for each service, such as brand partners or service providers, ensuring that all requirements were aligned before moving forward.
Structuring the interface
Structuring the interface
Structuring the interface
The product's structure featured modules with vastly different components, cards, input types, and interfaces. The challenge was to allow for this diversity while maintaining usability consistency and avoiding a cluttered or scattered experience.
Web Application Wireframes
Web Application Wireframes
Web Application Wireframes
Customer Application Wireframes
Customer Application Wireframes
Customer Application Wireframes
NEW MODULES
NEW MODULES
NEW MODULES
Visualising Construction Updates
Visualising Construction Updates
Visualising Construction Updates
We designed a visual representation of the construction progress for the building containing the user’s purchased home. This approach aimed to delight users by providing an engaging and clear update on the status of their building’s development, moving away from jargon-heavy construction updates.
We designed a visual representation of the construction progress for the building containing the user’s purchased home. This approach aimed to delight users by providing an engaging and clear update on the status of their building’s development, moving away from jargon-heavy construction updates.
We designed a visual representation of the construction progress for the building containing the user’s purchased home. This approach aimed to delight users by providing an engaging and clear update on the status of their building’s development, moving away from jargon-heavy construction updates.
Construction Updates
Construction Updates
Construction Updates
Building Updates
Building Updates
Building Updates
Other Construction Updates
Other Construction Updates
Other Construction Updates
NEW MODULES
NEW MODULES
NEW MODULES
Effortless Home Assistance
Effortless Home Assistance
Effortless Home Assistance
One of the core modules of VJ Parivaar is the Services Module, offering homeowners a variety of services related to shifting, renting, maintenance, and selling their house. This module ensures homeowners have complete visibility into the progress of their requested services, fostering transparency and trust.
One of the core modules of VJ Parivaar is the Services Module, offering homeowners a variety of services related to shifting, renting, maintenance, and selling their house. This module ensures homeowners have complete visibility into the progress of their requested services, fostering transparency and trust.
One of the core modules of VJ Parivaar is the Services Module, offering homeowners a variety of services related to shifting, renting, maintenance, and selling their house. This module ensures homeowners have complete visibility into the progress of their requested services, fostering transparency and trust.
Client App: All Services
Client App: All Services
Client App: All Services
Client App: Booking a Service
Client App: Booking a Service
Client App: Booking a Service
Client App: View All Orders
Client App: View All Orders
Client App: View All Orders
Client App: Order States
Client App: Order States
Client App: Order States
To enable seamless updates, the service provider team has access to a web application where they can track and update the progress of their tasks, ensuring the entire service process remains efficient and synchronized.
To enable seamless updates, the service provider team has access to a web application where they can track and update the progress of their tasks, ensuring the entire service process remains efficient and synchronized.
To enable seamless updates, the service provider team has access to a web application where they can track and update the progress of their tasks, ensuring the entire service process remains efficient and synchronized.
VJ Service Partner Interface: All Service Requests
VJ Service Partner Interface: All Service Requests
VJ Service Partner Interface: All Service Requests
VJ Service Partner Interface: Logging Initial Site Visit
VJ Service Partner Interface: Logging Initial Site Visit
VJ Service Partner Interface: Logging Initial Site Visit
VJ Service Partner Interface: Quotation and Completing Service
VJ Service Partner Interface: Quotation and Completing Service
VJ Service Partner Interface: Quotation and Completing Service
IMPROVED MODULES
Partnered Discounts & Rewards
Partnered Discounts & Rewards
Partnered Discounts & Rewards
VJ First is an exclusive service that provides homeowners with special discounts and offers on select brands partnered with VJ Developers.
Exclusive Perks: Homeowners can access discounts at specific outlets of these partnered brands.
Mutual Benefits: Retailers earn a commission for every transaction made by homeowners through this program, creating a mutually rewarding ecosystem.
Exclusive Perks: Homeowners can access discounts at specific outlets of these partnered brands.
Mutual Benefits: Retailers earn a commission for every transaction made by homeowners through this program, creating a mutually rewarding ecosystem.
Exclusive Perks: Homeowners can access discounts at specific outlets of these partnered brands.
Mutual Benefits: Retailers earn a commission for every transaction made by homeowners through this program, creating a mutually rewarding ecosystem.
VJ First Client App: Offers and Stores
VJ First Client App: Offers and Stores
VJ First Client App: Offers and Stores
VJ First Client App: Store Locator and Code for Purchase
VJ First Client App: Store Locator and Code for Purchase
VJ First Client App: Store Locator and Code for Purchase
VJ First Brand Partner Interface: Sale Process
VJ First Brand Partner Interface: Sale Process
VJ First Brand Partner Interface: Sale Process
NEW MODULES
NEW MODULES
NEW MODULES
Establishing a Homeowner’s Circle
Establishing a Homeowner’s Circle
Establishing a Homeowner’s Circle
VJ Connect serves as the community hub for homeowners, fostering a sense of connection and belonging within the VJ community.
Real-time Updates: Homeowners can stay informed with the latest news and updates on activities, maintenance schedules, and developments happening across all VJ buildings, ensuring they’re always in the loop.
Event Notifications: The platform also notifies users of upcoming events, from community gatherings to exclusive offers, encouraging active participation and engagement.
Prospective Customer Engagement: For those considering VJ properties, VJ Connect offers a glimpse into what it’s like to be part of the community.
Real-time Updates: Homeowners can stay informed with the latest news and updates on activities, maintenance schedules, and developments happening across all VJ buildings, ensuring they’re always in the loop.
Event Notifications: The platform also notifies users of upcoming events, from community gatherings to exclusive offers, encouraging active participation and engagement.
Prospective Customer Engagement: For those considering VJ properties, VJ Connect offers a glimpse into what it’s like to be part of the community.
Real-time Updates: Homeowners can stay informed with the latest news and updates on activities, maintenance schedules, and developments happening across all VJ buildings, ensuring they’re always in the loop.
Event Notifications: The platform also notifies users of upcoming events, from community gatherings to exclusive offers, encouraging active participation and engagement.
Prospective Customer Engagement: For those considering VJ properties, VJ Connect offers a glimpse into what it’s like to be part of the community.
Client App: VJ Connect
Client App: VJ Connect
Client App: VJ Connect
Backend management system
Backend management system
Backend management system
The Backend Management System serves as the central hub for storing, maintaining, and managing all data related to the platform.
The Backend Management System serves as the central hub for storing, maintaining, and managing all data related to the platform.
The Backend Management System serves as the central hub for storing, maintaining, and managing all data related to the platform.
Admin Control
Admin Control
Admin Control
Administrators have the ability to modify settings for any module, ensuring the platform remains flexible and up-to-date with the latest requirements.
Client App: VJ Connect
Client App: VJ Connect
Client App: VJ Connect
Module-Specific Management
Module-Specific Management
Module-Specific Management
The system is organized into module-specific sections, allowing admins to activate or deactivate services for specific areas or wings of a building. These updates are seamlessly reflected in the app, ensuring that the data is always current.
The system is organized into module-specific sections, allowing admins to activate or deactivate services for specific areas or wings of a building. These updates are seamlessly reflected in the app, ensuring that the data is always current.
The system is organized into module-specific sections, allowing admins to activate or deactivate services for specific areas or wings of a building. These updates are seamlessly reflected in the app, ensuring that the data is always current.
Client App: VJ Connect
Client App: VJ Connect
Since the app’s content is directly linked to the backend data, we had to ensure that relevant input fields were properly defined and updated in the backend for each new data point introduced with every new module added to the front-end. This process was crucial for maintaining accurate content updates across the system, ensuring seamless synchronization between the front-end and backend.
Since the app’s content is directly linked to the backend data, we had to ensure that relevant input fields were properly defined and updated in the backend for each new data point introduced with every new module added to the front-end. This process was crucial for maintaining accurate content updates across the system, ensuring seamless synchronization between the front-end and backend.
Since the app’s content is directly linked to the backend data, we had to ensure that relevant input fields were properly defined and updated in the backend for each new data point introduced with every new module added to the front-end. This process was crucial for maintaining accurate content updates across the system, ensuring seamless synchronization between the front-end and backend.
APP Launch
The revamped website and customer-facing app for the platform were officially unveiled at a prominent housing and real estate exhibition in Pune in 2022. The event provided both prospective and existing customers an opportunity to experience the application firsthand. By offering innovative, user-centric services, the application distinguished VJ Developers from other developer-builder companies and elevated the standard of customer engagement in the industry.
The revamped website and customer-facing app for the platform were officially unveiled at a prominent housing and real estate exhibition in Pune in 2022. The event provided both prospective and existing customers an opportunity to experience the application firsthand. By offering innovative, user-centric services, the application distinguished VJ Developers from other developer-builder companies and elevated the standard of customer engagement in the industry.
The revamped website and customer-facing app for the platform were officially unveiled at a prominent housing and real estate exhibition in Pune in 2022. The event provided both prospective and existing customers an opportunity to experience the application firsthand. By offering innovative, user-centric services, the application distinguished VJ Developers from other developer-builder companies and elevated the standard of customer engagement in the industry.
VJ Parivaar App Lauch. Image Credits: VJ Developers
VJ Parivaar App Lauch. Image Credits: VJ Developers
Reflections
Key-Takeaways & Learnings
Working with cross-functional teams was essential to designing a solution that served both business objectives and user needs. The project taught me the value of efficient collaborative workflows in ensuring all voices and expertise are considered.
Working with cross-functional teams was essential to designing a solution that served both business objectives and user needs. The project taught me the value of efficient collaborative workflows in ensuring all voices and expertise are considered.
The project emphasized the need for scalable design solutions that can adapt to a variety of inputs and components. Ensuring flexibility in design elements allows the platform to evolve and cater to a diverse user base as the business grows.
The project emphasized the need for scalable design solutions that can adapt to a variety of inputs and components. Ensuring flexibility in design elements allows the platform to evolve and cater to a diverse user base as the business grows.
What could be done differently?
While we focused on client input and stakeholder requirements, there was less emphasis on gathering real user feedback throughout the design phase. Conducting more frequent user testing would have helped refine user flows and ensure the platform accurately met user expectations.
While we focused on client input and stakeholder requirements, there was less emphasis on gathering real user feedback throughout the design phase. Conducting more frequent user testing would have helped refine user flows and ensure the platform accurately met user expectations.
You’ve reached the end. Thank you for stopping by.
You’ve reached the end. Thank you for stopping by.
You’ve reached the end. Thank you for stopping by.