On 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.
Create a user-friendly design as per the requirement of a home-buyer.
On 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.
- Mobile first design
- Prioritize homes' information for users (IA)
- Remove unnecessary elements
- Add simple filter options for searching homes
User Flow – Search Experience
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.
Final Product On completion of the final design, I catered to product development to support and bring it to the final deployment stage.
Result: Our user traffic went up by 30% along with our Net Promoter Score.DwellAware became the most preferred option by users as they were gaining a delightful experience with easily accessible homes' information.