Est8 Web App | UX/UI Project

Role

As a UX/UI Designer, my role in the Est8 project was UI-centric with a mobile-first approach, ensuring accessibility and ease of use on smaller screens. Collaborating and incorporating regular feedback from my mentor, I refined the design emphasising functionality melded with clean aesthetics to optimise the user experience.

Target Audience

Est8 is specifically crafted for budding investors in the property market. It provides a user-friendly gateway for those seeking a straightforward path to real estate investment, addressing their need for accessible and reliable property information.

The Tools Used In This Project

Empathise

Persona

Rashida, our persona, is an IT consultant with a keen interest in technology. She represents Est8's ideal user – someone who values efficiency and intuitive tech solutions. Rashida's goal is to quickly identify lucrative real estate opportunities that align with her lifestyle and investment ambitions.

Empathise

User Flows

This User Flow outlines the step-by-step process that users, like Rashida, will navigate through in the Est8 app. From initial property exploration to detailed comparisons, each interaction is designed for efficiency and ease, ensuring a seamless journey towards finding the perfect investment property.

Define

Problem Statement and Solutions

Real estate investment is an increasingly popular way for individuals to achieve financial security. It is an exciting and emotional experience, but often complicated. While there are plenty of blogs and agencies providing information, often, buyers new to the market may struggle to get started without professional guidance and waste time viewing properties out of their range. This web app will provide them with the expertise needed to get started efficiently.

Problem Statement 1

Rashida could be overwhelmed by the sheer volume of information available across various platforms, leading to difficulty in discerning relevant data for her investment decisions.

Proposed Solution

The app can offer a personalised dashboard that filters out the noise, providing Rashida with curated content relevant to her investment interests and criteria.

Focus Area

Problem Statement 2

Without professional guidance, Rashida might find it challenging to understand market trends and identify properties that match her financial goals and investment level.

Proposed Solution

The app can serve as a centralised repository of information, where Rashida can access all relevant property details, market analysis, and investment tips in one place.

Problem Statement 3

Given her busy lifestyle, Rashida may not have the luxury of time to visit numerous properties, some of which may not even align with her investment criteria.

Proposed Solution

Develop a comparison screen allowing Rashida to swiftly evaluate multiple properties side by side, making it effortless to identify the most promising options.

Ideate

Low Fidelity Wireframes

These Low Fidelity Wireframes present an initial sketch of the Est8 app's user interface. They are designed to outline the fundamental structure and flow of the app, focusing on the layout of elements and user interaction points.

GIF showing the filter screen on the Est8 mobile app in low-fidelity wireframe format.

Landing Page

The landing page employs a clean and minimal design with a prominent call-to-action, ensuring that new users are guided smoothly into the registration or login process while also engaging them with featured properties.

GIF showing the login screen of the Est8 mobile app in low-fidelity wireframe format.

Registration Screen

The registration process is streamlined with clearly marked fields, reducing cognitive load and guiding the user step-by-step to create a personalised experience on the app.

Property Criteria Input

This screen offers an interactive form for users to input their property search criteria, with intuitive controls like sliders and drop-down menus, aimed at delivering tailored property recommendations.

GIF showing the homepage with a property listing in the Est8 mobile app in low-fidelity wireframe format.

Dashboard Screen

The card layout on the dashboard allows for quick scanning of information, providing users with a clear and organised view of recommended properties. This user-friendly approach enables efficient decision-making and easy access to property details.

GIF of the selected property page with detailed information on the Est8 mobile app in low-fidelity wireframe format.

Property Information

Detailed property listings utilise a clear hierarchy of information, offering users an immediate understanding of property features like location and price, facilitating informed decision-making.

Saved Properties

A dedicated screen for saved properties provides users with a personal space to revisit and compare their favourite listings, enhancing the property selection process.

GIF of the comparison screen with side scroll of properties and location map on the bottom in the Est8 mobile app’s low-fidelity wireframe.

Comparison Screen Horizontal

The comparison screens 7 & 8 are designed to enhance the user experience by providing a clear layout for evaluating multiple properties. The horizontal view allows for a focused comparison between two properties

GIF of the comparison screen with normal down scroll of properties and location map on the bottom in the Est8 mobile app’s low-fidelity wireframe.

Full Comparison Screen

While the full comparison screen enables users to assess a broader range at once. Both layouts emphasise critical decision-making factors like price, attributes, and location, ensuring users have all the necessary information at their fingertips.

GIF displaying the menu screen of the Est8 mobile app in low-fidelity wireframe format.

Mood Board

This mood board distills 'Est8's' essence, where clear design meets user needs. The visuals reflect an intuitive layout; each detail is purposeful, aiding quick comprehension and decision-making for property investors.

Informative

Concise, targeted information empowers users, making complex data accessible and understandable.

Functional

The design prioritises usability, ensuring essential features are at the forefront, delivering a seamless and productive experience.

Harmonious

A cohesive design language with intentional colour use and consistent typography guides users fluidly through their journey.

Prototype

Mobile User Interface

These high fidelity wireframes represent the final design stage, where the 'Est8' app takes on its polished and practical form. Each screen focuses on legibility, ease of navigation, and visual appeal.

Introductory High fidelity GIF animation of the Est8 mobile app, showing an loading screen.