.png)
.png)
VistaVille
The goal of the MindMeadow project is to empower individuals with accessible online therapy and a wealth of resources concerning both mental and physical VistaVille is a user-friendly online platform for property investors and individuals managing investments. It streamlines the intricate process of real estate investment by providing clear and extensive property information.
Its main goal is to simplify the journey of property investment by offering detailed yet easy-to-understand property data. Notable features include virtual property tours, a tool for comparing properties side by side, and advanced search options. VistaVille serves as a comprehensive hub for exploring property listings, offering in-depth insights to aid in making informed investment choices.health. MindMeadow sought to bridge the gap between users and mental health support, recognising the importance of holistic well-being.
Role
Sole UI designer
As Vistaville's UX/UI designer, I created a user-friendly app interface based on personas and a concise brief.
I focused on easy navigation and attractive layouts to guide users through property exploration. With attention to detail and user-centred design, I aimed to make decision-making effortless for users.
Tools
Duration
5 weeks
About
Problem Statement
Problem Statement:Real estate investment, while enticing and potentially lucrative, often poses challenges for new investors like Rashida. The abundance of information across various platforms can be overwhelming, leading to difficulty in discerning relevant data for informed investment decisions. Without professional guidance, individuals may struggle to navigate market trends and identify properties aligned with their financial goals.
Additionally, the time-consuming process of visiting numerous properties that may not meet investment criteria further complicates the journey.
Target Audience
VistaVille caters specifically to aspiring investors in the real estate market. It serves as an intuitive platform for individuals looking for a simple route to property investment, fulfilling their requirement for easily accessible and trustworthy property data.
Possible Solution
Develop a centralised platform that aggregates relevant real estate data from various sources can streamline information gathering. This would provide investors with a comprehensive overview, eliminating the need to navigate multiple websites or databases.
Persona
The persona was included in the brief and has been adapted to include goals and personality.Rashida is the optimal user for VistaVille. As an IT-consultant, she is tech savvy and looking for a house that aligns with her lifestyle and investment ambitions. She is looking for a solution that lets her quickly access and compare features.
User Stories
These User Stories, included in the brief, are the foundation for the following User Flows.
Userflows
These Userflows show Rashidas journey from login to scheduling a viewing to her favourite property.
Low-Fidelity
These Low Fidelity Wireframes present an initial sketch of the VistaVille app's user interface. They are designed to outline the fundamental structureand flow of the app, focusing on the layout of elements and user interaction points.
The landing page utilises a sleek and straightforward layout, featuring a clear call-to-action. This design ensures that newcomers are seamlessly directed towards either registering or logging in.
.png)
In the first step of creating a profile users can chose their preferred type of property and the location.
the sign in page lets the user create an account in a few easy steps.Social media will be added.
In the next step the user decides the price range and number of rooms.
In the next step the user decides the price range and number of rooms with simple checkbox.
The results page lets the user sort and filter results, as well as adjust the search in the search bar.
This layover makes it easy for users to adjust their search or create a new one.
In the next step the user decides the price range and number of rooms.
The filter option lets users add or remove amenities as needed.
In the next step the user decides the price range and number of rooms.
The landing page utilises a sleek and straightforward layout, featuring a clear call-to-action. This design ensures that newcomers are seamlessly directed towards either registering or logging in.
Moodboard
This is the Moodboard for Vistaville and in it's essence a minimalist approach that emphasizes simplicity, clarity, and efficiency. I stripped away unnecessary elements, focusing on essential features, and employing clean aesthetics. Simplicity in design can lead to intuitive user experiences, clear communication, and visually appealing outcomes. This approach prioritizes functionality and usability while minimizing complexity, distractions, and clutter.
Designs
.png)
These are the designs for the previously shown User flows.The main flow is designed for Rashida to find a Property that fits her needs and schedule a viewing with the realtor.
Style guide
Breakpoints
Final Thoughts
Through the development of the Vistaville UI project, I refined my skills in working with concise briefs and user personas, essential for understanding user needs and preferences. Focusing on creating pixel-perfect designs, I delved into the intricacies of spacing, grids, iconography, and color theory to ensure visual harmony and clarity.
Embracing meticulous file organization practices enhanced efficiency and collaboration throughout the design process. Moreover, mastering time management was crucial in meeting project milestones effectively. Integrating principles from UX and UI, including the Gestalt principles, facilitated the creation of an intuitive and visually appealing app interface, optimizing user interaction and engagement. This project encapsulated the synthesis of design fundamentals and user-centered principles, elevating the standard for future endeavors.
%201.png)
