Image
Villeos

Your Ultimate Real Estate Solution

Villeos USA Website + Mobile App UI/UX Design
Image
Brief

The project aims to design a comprehensive digital platform for the U.S. real estate market, facilitating the buying process for homebuyers, agents, and collaborators. The platform integrates chat, video calls, and an in-app calendar to streamline communication and scheduling.

Discover

During the discovery phase, we identified the primary users of the platform: buyers, agents, and collaborators. Each user group has specific needs:

 

  • Buyers: Need access to a list of houses, live walk-ins, detailed property pages, and tools for collaboration.
  • Agents: Require features to manage appointments, interact with buyers, and recommend properties.
  • Collaborators: Need visibility into the buying process and the ability to contribute to decision-making.
Challenge

The primary challenge was to develop a user-friendly platform that seamlessly integrates all the necessary features for buyers, agents, and collaborators. The platform must cater to the specific needs of each user type while maintaining a cohesive and intuitive design. It should facilitate smooth communication through chat and video calls, support detailed property management, and allow for efficient appointment scheduling and tracking.

Define

The platform will provide:

 

  • Buyers: Access to property listings, the ability to schedule and manage appointments, collaborate with others, and track the buying process.
  • Agents: Tools to accept or reject buyer requests, manage appointments, recommend properties, and communicate with buyers.
  • Collaborators: A dual-view system allowing them to contribute to buying decisions and manage collaboration groups.

WIREFRAME

As an MVP was already in the market, we started with understanding the product from the stakeholders.

Typography

Cabin

Bold Semi Bold Medium Regular

Characters

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( ) ?

Brand Guidelines

This document is a starting point of the visual design language we are going to set for our product. Design is an iterative process and thus, this is not a final visual guide. This document allows our visual thoughts to put infront of stakeholders bringing everyone on the same page.

Brand Guidelines Typography

Colours

The Primary colors has been used in applications in order to establish brand connection. These colors are derived from the brand guidelines and logo.

Redwood

Redwood

Primary #A84448
Tangerine

Tangerine

Secondary #E9A178
Cream Shade

Cream Shade

Secondary #F6E1C3
Blue

Blue

Neutral #0B1420

ICONOGRAPHY

We developed a unique set of icons that ensure clear, intuitive navigation, enhancing both functionality and visual consistency throughout the app.

ILLUSTRATION

We designed a collection of vibrant, custom illustrations that bring the app’s interface to life, making interactions more engaging and visually appealing.

UI DESIGN

The UI design focuses on a clean and intuitive interface, featuring simple, user-friendly navigation for buyers, agents, and collaborators. It includes integrated communication tools like chat and video calls, along with an in-app calendar for scheduling.

Additionally, collaboration tools and task tracking are easily accessible to enhance teamwork and efficiency.

Conclusion

The project successfully delivered a robust real estate platform that meets the diverse needs of buyers, agents, and collaborators. The platform enhances communication, scheduling, and collaboration, streamlining the home-buying process.

What we acheived from this project?

• Developed a unified platform for the U.S. real estate market.

• Integrated communication and collaboration tools within a single interface.

• Created a seamless process for buyers to interact with agents and collaborators.

What we learnt from this project?

• User-Centric Design: Prioritizing the needs of different user groups is essential for creating an intuitive experience.

• Feature Integration: Combining communication, scheduling, and collaboration features can significantly enhance the user experience.

• Complexity Management: Balancing feature richness with ease of use is crucial for maintaining user engagement.

Image