OverviewOn joining DwellAware, I gathered that the search experience for the users was confusing and cluttered due to which they were unable to find required homes. Therefore, my first task was to re-design the search cards.
Check out the first phase: DwellAware - Redesign Search Cards |
|
Goal
Create a user-friendly design as per the requirement of a home-buyer.
UX ResearchOn similar websites like Zillow, RedFin, Realtor, and Movoto the showcasing of the map was on the left while listings were on the right.
According to research, finding the right home or a house was the priority for any home-buyer. Based on this, I designed the format in such a way whereby they could view the houses as a first step which I strategically positioned on the left side of the UI. |
|
Not Reinventing The Wheel
Comparative analysis of similar products always helps in understanding and enhancing your own product design rather than starting from scratch.
For this particular product, I studied the Airbnb design approach, which focuses on simplifying the experience. It did reap positive results for us also.
For this particular product, I studied the Airbnb design approach, which focuses on simplifying the experience. It did reap positive results for us also.
User Requirements
- Mobile first design
- Prioritize homes' information for users (IA)
- Remove unnecessary elements
- Add simple filter options for searching homes
Information Architecture
User Flow – Search Experience
Concept Design
|
I divided the page into 5 sections (Fig A). It made it easier to design every part separately and deploy each section bi-weekly. It was a progressive built and design approach we used to make the best use of our time and resources for on time delivery.
Since the search card was previously designed, I basically aimed at the preferences (Fig B). During UserTesting phase, most of the users shared with us that home searching was too cluttered and exceptionally confusing therefore, inefficient. |
Fig A
Fig B
|
Visual Design
Final ProductOn completion of the final design, I catered to product development to support and bring it to the final deployment stage.
|
|
