Square Yards Case Study

Harshit Tewatia
4 min readJan 14, 2024

--

⚡Square Yards

Square Yards is India’s largest integrated platform for Real Estate & Mortgages and one of the fastest growing Proptech platform in UAE, Rest of Middle East, Australia & Canada. Square Yards platform offers an integrated consumer experience & covers the full real-estate journey from search & discovery, transactions, home loans, interiors, rentals, property management and post-sales service.

With the help of Data Analytics and VR tools, squareyards.com is trying to disrupt the traditional eco system of marketplaces, with a bet on building the first MLS in India.

Problem Statement 01

Users seldom clicks on the Insights & Tools content in the website and it provides less context for users. How can we think about enhancing the visuals for this section?

Pain Points

  • The UX copy on the cards is currently not user-friendly and may be challenging for users to understand
  • Images used in the cards are not relevant
  • There are 4 “Explore Now” (CTAs) prominently displayed, making it difficult for users to make decisions

Goal

To increase the user engagement of insights & tools section

Solution

In our effort to enhance user engagement within the Insights & Tools section, we focused on refining the UX copy. We’ve reimagined the language to offer users clear decision-making guidance, ensuring interactions with our product are both effortless and enlightening.

Recognizing the potential confusion caused by jargon in the previous design, we’ve made important changes. The new version features 3D visuals instead of real data images, each intuitively representing the content of its respective card. A simple hover over a card reveals its associated data, creating a seamless and informative experience for all users.

Wireframes

Designs

Old Design

New Design

Iterations

Problem Statement 02

The section lists multiple services like home loans, interior design, legal, property management, and escrow services, which might be overwhelming for users if not presented in a clear and concise manner. A key UX principle is to avoid overwhelming users with too much information at once, and instead, guide them through the site in a way that’s easy to understand and navigate. This approach helps in enhancing user engagement and satisfaction.

Pain Points

  • There are numerous service cards upfront, creating a challenge for users in making decisions
  • The absence of user-friendly copy on the cards makes it difficult for users to understand the content

Goal

Help users to take decision quickly

Solution

In our redesign, we strategically optimized the ‘In-House Section’ by featuring only the top four frequently utilized services. This intentional simplification aims to alleviate cognitive load for users, ensuring a more focused and user-friendly experience. For those eager to discover more, a dedicated ‘Explore All Services’ Call-to-Action (CTA) awaits your click.

In contrast, the ‘Partner Services’ section maintains a clean and neutral look, with no distinct color, to signify lower priority and provide a simplified user experience.

Wireframes

Designs

Old Design

New Design

Prototype

<iframe style=”border: 1px solid rgba(0, 0, 0, 0.1);” width=”800" height=”450" src=”https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fproto%2FegYXH1LZer1nXO65FsKCb6%2FSquare-Yards-Prototype%3Fpage-id%3D0%253A1%26type%3Ddesign%26node-id%3D0-1125%26viewport%3D250%252C191%252C0.4%26t%3DhzH9Q75lpM8CfAy1-1%26scaling%3Dscale-down-width%26mode%3Ddesign" allowfullscreen></iframe>

Behance: https://www.behance.net/harshittewatia

Thank You

--

--

Harshit Tewatia
Harshit Tewatia

Written by Harshit Tewatia

Product Designer | Figma | User Experience | User Interface | Prototyping | Interaction Designer

No responses yet