Logo
X
  • Who We Serve
    • By Role

      • CEO / Business Executives
      • CTO / IT Professionals
      • COO / Operations Head
    • By Industries

      • Healthcare
      • Digital Commerce
      • Travel and Transportation
      • Real Estate
      • Software and Technology
  • Our Technology Focus
    • Web
    • Mobile
    • Enterprise
    • Artificial Intelligence
    • Blockchain
    • DevOps
    • Internet Of Things
  • Discover Daffodil
    • About
    • Leadership
    • Corporate Social
      Responsibility
    • Partners
    • Careers
  • Resources
    • Blog

    • E-Books

    • Case Studies

    • View all resources

  • Who We Serve
    • By Role

      • CEO / Business Executives
      • CTO / IT Professionals
      • COO / Operations Head
    • By Industries

      • Healthcare
      • Digital Commerce
      • Travel and Transportation
      • Real Estate
      • Software and Technology
  • Our Technology Focus
    • Web

      Create responsive web apps that excel across all platforms

    • Mobile

      User centric mobile app development services that help you scale.

    • Enterprise

      Innovation-driven enterprise services to help you achieve more efficiency and cost savings

      • Domains
      • Artificial Intelligence
      • DevOps
      • Blockchain
      • Internet Of Things
  • Discover Daffodil
    • About
    • Leadership
    • Corporate Social Responsibilities
    • Partners
    • Careers
  • Resources
    • Blog

      Insights for building and maintaining your software projects

    • E-Books

      Our publications for the connected software ecosystem

    • Case Studies

      The impact that we have created for our clients

    • View all resources
daffodil-logo
Get in Touch
  • What We Do
    • Product Engineering

    • Discover & Frame Workshop
    • Software Development
    • Software Testing
    • Managed Cloud Services
    • Support & Maintenance
    • Smart Teams

    • Dedicated Teams
    • Offshore Development Centre
    • Enterprise Services

    • Technology Consulting
    • Robotic Process Automation
    • Legacy Modernization
    • Enterprise Mobility
    • ECM Solutions
  • Who We Serve
    • By Industry

    • Healthcare
    • Software & Technology
    • Finance
    • Banking
    • Real Estate
    • Travel & Transportation
    • Public Sector
    • Media & Entertainment
    • By Role

    • CEO / Business executives
    • CTO / IT professionals
    • COO / Operations
  • Our Expertise
    • Mobility
    • UI/UX Design
    • Blockchain
    • DevOps
    • Artificial Intelligence
    • Data Enrichment
    • Digital Transformation
    • Internet of Things
    • Digital Commerce
    • OTT Platforms
    • eLearning Solutions
    • Salesforce
    • Business Intelligence
    • Managed IT Services
    • AWS Services
    • Application Security
    • Digital Marketing
  • Case Studies
  • Discover Daffodil
    • About us
    • Partnership
    • Career & Culture
    • Case Studies
    • Leadership
    • Resources
    • Insights Blog
    • Corporate Social Responsibility
Get in Touch
blog header image.png

Software Engineering Insights

Redesigning UI/UX of the Redfin App

Oct 19, 2021 4:00:00 PM

  • Tweet

Redfin Redesign

“It’s art if it can’t be explained. It’s fashion if no one asks for an explanation. It’s design if it doesn’t need explanation.” If we go by the words of Wouter Stokkel, then a great design is one that speaks for itself. ‘Aesthetic, understandable, usable, and sustainable.’ 

For a UI/UX that works, design thinking is the widely adopted approach in the designer ecosystem. It ensures that a human-centered design is created and optimized through the best app design policies that help in the acquisition, retention, and satisfaction of customers. 

In continuation to our series- redesigning of popular mobile apps, we are here with a new blog post where we will be redesigning the UI/UX of one of the most popular real estate apps- Redfin. 

Redfin is a technology-powered real estate brokerage firm. It deals in buying, selling, and mortgaging residential properties. The company operates in 80+ markets and offers local agents to simplify buying and selling experience for consumers. 

Redfin mobile application enables its users to search nearby properties for sale, browse photos of homes, check out property details, take a virtual tour of properties and book a free home tour with a Redfin real estate agent. It is one of the most popular real estate apps in the United States, with approximately 6 million unique monthly visitors (according to Statista). This top-grossing app has over 200K downloads on the app stores. 

ALSO READ: How Redfin Works: Business Models and Revenue Streams

The aim of the project taken up by team Daffodil is to analyze the user interface of the existing Redfin mobile app (which is currently available in the market) and then redesign it for a better user experience. We will be using the Design Thinking approach to redesign the app. Let’s get started. 

Analysis of the App

“Creating an interface is much like building a house: If you don’t get the foundations right, no amount of decorating can fix the resulting structure.”

We started by analyzing the improvement scope in the app. For this, the existing functionalities and user flow of the app were analyzed. Then, by using appropriate methods and principles, the user interface of the app is analyzed to define the areas of improvement. 

Heuristic Analysis

It’s a usability engineering method that helps to find out usability-related issues in the user interface. 

  • Consistency and standards

Consistency in UI means making sure that all the elements in the UI are uniform i.e. they look & behave the same way. This helps to constantly prove a user’s assumptions about the user interface right, creating a sense of control, familiarity, and reliability. In the Redfin app, some elements were found to be inconsistent. 

Example:

Consistency and standard analysis

In this image, it can be observed that the primary buttons, illustrations, alignment, colors, and headers are not uniform across all the screens. 

Inconsistent icons

The use of identical icons for different functions can lead to miscommunication and confusion. Similarly, there are some other areas in the app (headers, text labels, etc.) where the inconsistency is analyzed. 

  • Recognition rather than recall 

This means minimizing the user's memory load by making elements, actions, and options visible. The user should not be made to remember information from one part of the interface to another. Information required to use the design (e.g. field labels or menu items) should be visible or easily retrievable when needed.

Example: 

map and list view

In this image, it is difficult for the users to acknowledge that there is a switch option between list view and map view as all the options are not visible on the screen. 

  • Flexibility and efficiency of use 

This means adding flexible processes that can be carried out in different ways so that people can pick whichever method works for them.

The problems related to flexibility and efficiency of use in the Redfin app were:

Unavailability of a search option - The app has no search option for users to look out for a type of property, directly. Instead, they have to set filters in order to view the desired property. 

Unavailability of proper landing/home page - Apps are meant to be used over and again. Thus, there should be a landing page that a user can use to have easy access to desired actions.  

  • Aesthetic and minimalist design 

Interfaces should not contain information that is irrelevant or rarely needed. Every extra unit of information creates a distraction from the primary task and diminishes their relative visibility.

The property details page and filter page of the application is information-heavy and have long scrolls which makes it difficult for the users to look for the desired information.

Define

“A problem well stated is a problem half solved.”

After analyzing the app, we created a checklist of improvements to be made in the app. This included the following: 

  • Creating homepage of the app
  • Maintaining consistency in the identified areas
  • Adding a universal search option for searching properties
  • Making the switching option of the map and list view more user-friendly
  • Creating minimalistic design for long pages containing huge amounts of data (property details screen and filter screen).

Ideation

Some rough ideas for the new design of the app are ideated by sketching.

Sketch

Final Designs

Colors

Color scheme

Home Page 

Previously the “find home” page was the landing page of the app but now a new Homepage is designed where the feeds page is integrated and some new features are added. The new features include: 

  • Universal search- to let users easily search for required home type instead of setting filters.
  • Categories- to view properties of a single category.

Homepage

The home page will be helpful to quickly search for properties as well as recommend the user about appropriate properties based on their past searches which will improve user flexibility and efficiency.

Find Homes

List and map view

  • Added a ‘Find Homes’ page with a universal search option 
  • New categories were added as tabs  to quickly filter out searches  
  • Introduced a toggle button between the list and map view which keeps the users informed about available view modes

ALSO READ: Why Good UX Design Needs Ethnographic Research

Property Details 

Property details

The information load in the new design is distributed into different subheaders. Users can easily access information that they want to view by just expanding that particular subheader. This minimalist design will help improve the user experience

Filter Screen 

Filter screen

The UI is redesigned to maintain consistency and to reduce information overload. The subheaders are converted into toggle options so that the users can choose the filter. 

Conclusion: 

Even a simple change in the interface can make a big difference. The user experience out of an app interface puts a huge impact on its customer base. Users always prefer to complete desired actions easily and avoid unnecessary interaction. Hence, apps with better user interfaces and experiences have the potential to attract more customers in a competitive market.

Need a similar kind of experience for your brand, connect with our expert UI/UX team. 

Topics: UI/UX

Navneet Kamal

Written by Navneet Kamal

A product designer aiming to provide a delightful user experience for mobile & web applications. I am always up for learning new things.

Previous Post

previous_post_featured_image

Why Do Industries Need Explainable AI?

Next Post

next_post_featured_image

GitOps:The Next Big Thing in DevOps?

Stay Ahead of the Curve with Our Weekly Tech Insights

  • Recent
  • Popular
  • Categories

Lists by Topic

  • Software Development (174)
  • Artificial Intelligence (169)
  • Mobile App Development (166)
  • Healthcare (137)
  • DevOps (80)
  • Digital Commerce (60)
  • Web Development (57)
  • CloudOps (54)
  • Digital Transformation (37)
  • Fintech (36)
  • UI/UX (29)
  • On - Demand Apps (26)
  • Software Architecture (26)
  • Internet of Things (IoT) (25)
  • Open Source (25)
  • Outsourcing (24)
  • Blockchain (21)
  • Newsroom (21)
  • Salesforce (21)
  • Technology (18)
  • Software Testing (16)
  • StartUps (16)
  • Customer Experience (14)
  • Robotic Process Automation (13)
  • Voice User Interface (13)
  • Javascript (11)
  • OTT Apps (11)
  • Business Intelligence (10)
  • Data Enrichment (10)
  • Infographic (10)
  • Big Data (9)
  • Education (9)
  • Microsoft (6)
  • Real Estate (5)
  • Banking (4)
  • Game Development (4)
  • Enterprise Mobility (3)
  • Hospitality (3)
  • eLearning (2)
  • Public Sector (1)
see all

Posts by Topic

  • Software Development (174)
  • Artificial Intelligence (169)
  • Mobile App Development (166)
  • Healthcare (137)
  • DevOps (80)
  • Digital Commerce (60)
  • Web Development (57)
  • CloudOps (54)
  • Digital Transformation (37)
  • Fintech (36)
  • UI/UX (29)
  • On - Demand Apps (26)
  • Software Architecture (26)
  • Internet of Things (IoT) (25)
  • Open Source (25)
  • Outsourcing (24)
  • Blockchain (21)
  • Newsroom (21)
  • Salesforce (21)
  • Technology (18)
  • Software Testing (16)
  • StartUps (16)
  • Customer Experience (14)
  • Robotic Process Automation (13)
  • Voice User Interface (13)
  • Javascript (11)
  • OTT Apps (11)
  • Business Intelligence (10)
  • Data Enrichment (10)
  • Infographic (10)
  • Big Data (9)
  • Education (9)
  • Microsoft (6)
  • Real Estate (5)
  • Banking (4)
  • Game Development (4)
  • Enterprise Mobility (3)
  • Hospitality (3)
  • eLearning (2)
  • Public Sector (1)
see all topics

Elevate Your Software Project, Let's Talk Now

Awards & Accolades

dj
dj
dj
dj
dj
Aws-certification-logo
microsoft-partner-2-1
microsoft-partner
google-cloud-partne
e-UI-Path-Partner-logo
partner-salesforce-reg-consulting-partner-1-1
daffodil-logo
info@daffodilsw.com
  • Home
  • About Daffodil
  • Locations
  • Privacy Policy
  • Careers

© 2025 Daffodil Unthinkable Software Corp. All Rights Reserved.