.svg)
Why: Unseasoned buyers need access to reliable information that does not complicate their hectic lives and decisions, specifically for those starting their property investment first journey. Buyers will view comprehensive information about the property and its neighborhood before spending time onsite touring.
Who: This web app is made primarily for new, small-scale property buyers looking to invest for additional income or financial security.
Industry: Financial Planning, Real Estate, and Investing.
User Persona: Rashida is an IT consultant for a growing tech company, she is frquently on the go and relies heavily on technology to help her manage all her daily tasks.
Demographics
Age: 42
Gender: Female
Education: Bachelor's in Computer Science and Master's in Advanced Computer Systems.
Martial Status: Married with two children.
Airbnb helped give an idea of how big my mobile icons should be to have good sizing and a layout familiar to potential users.
Kensa inspections help people inspect their future home purchases, and they focus on developing a playful and nicely branded website. This responsive website research helped me think about how to expand from my mobile screens onto bigger screen real estate.
Zillow helped layout information important to potential buyers, knowing they need comprehensive property information. It will provide a way to contact a real estate agent for live or virtual tours of the properties of their interest.
"I reviewed the brief of the project and had this be my guiding star in the development and brainstorming of the wireframes and initial information layout and content. Here we took a chance to view who and why it is that we should even start the UI development of this. We learned more about their goals and user stories, and their environment."
"Our focus here was to create scenarios of user flows based on the user stories and user needs. We want to make flows as problem-free as possible and give if-then procedures where our users can select what path they wish to take or learn more."
Moodboard screenshots below.
Takeaway: "Here, I saw a couple of examples of applications. Then, I put a blank canvas and started by creating two mood boards and selecting the most appropriate one for the greyscale wireframes. Besides that, I made two mood boards to see which one aligned most with the concept and color significance."
Takeaway: "I started by implementing my mood board, icons, typography combination, color palette, spacing, hierarchy, and grid layout to the mobile version of my medium-fidelity prototypes. After that, I translated this into a tablet and laptop version of the application."
Takeaway: "Illustrations made the UI enjoyable and distinct. Besides that, they allowed for a chance to reinforce the branding guidelines created."
Takeaway: "I used Frontify to create my style guide and library. This combined all my research for the UI in-depth. This would be a guide for any future development or collaboration."
.svg)
.svg)