Real estate investment is an increasingly popular way for individuals to achieve financial security. It is an exciting and emotional experience, and first-time homebuyers often find the process of purchasing a home overwhelming and stressful. They struggle to find relevant and accurate information about properties, neighborhoods, and the buying process, leading to confusion, indecision, and potentially costly mistakes.
A responsive web app that aims to provide new home buyers with a platform on which to search for new homes that meet predetermined criteria, as well as learn the basics of home-buying and home-owning. Halihomes will provide them with the expertise needed to get started efficiently.
Given that the project was UI focused, I had already been provided with a user persona based on previously-conducted research. After acquainting myself with my persona, Rashida, I began mapping out the different actions she would take while using Halihomes to search for her new home.
From here I was able to start rapid prototyping these flows on wireframes to then begin building mid-fidelity screens. These were iterated upon before I began the design of my high-fidelity screens. To see more iterations, click here.
I analyzed the research and extracted keywords to help me create two mood boards. These boards were quite different, the first having a crisper, more professional vibe, while the second focused on the feeling of family and home.
I was now ready to begin building the pieces that would come together to make Halihomes. In order to maintain consistency and increase efficiency, I created a design system for Halihomes incorporating components and visual styles. Below is a sample of some of the elements I incorporated into my design system. For the full design system and case study, click here.
In order to make my mobile screens responsive, I developed a grid system for both tablet and desktop, choosing breakpoints for each. Key for me was maintaining the clean, simple look. Therefore, I made whitespace my main priority.