← All work
Lollypop Design Studio

PS Group

One of India's largest developers, with a website that worked like a property directory and lost people on arrival.

ClientPS Group
RoleEnd-to-end design: research, UX, UI and the design system
Year2023
ScopeFull website, desktop and mobile
01Context

A directory, for a decision people make once in a lifetime.

Real estate websites in India typically operate as property directories - long lists, dense filters and spec sheets that treat buyers as transactions. PS Group had the brand equity and portfolio scale to do something different, but their existing website wasn't reflecting that. Users arrived, didn't find what they needed quickly and left. The site wasn't earning the time of the people it needed to convert.

For buyers that meant four frictions at once: no quick way to surface projects matching location, type and budget without working through an undifferentiated catalogue; no way to get a feel for a project short of raising an enquiry; too much effort to compare options across budget and lifestyle; and not enough trust built anywhere to move from browsing to getting in touch. The business saw the same failure from the other side - a high bounce rate meant the site was failing at its primary job, and the brand's own “family time” idea lived in marketing collateral while the digital experience carried none of it.

The challenge was to simplify exploration without flattening the complexity of the choice, and to hold one brand voice across all of it.

Aerial render of a PS Group residential development beside water

The product being sold: towers on the water's edge, in the render a buyer sees first.

The problem wasn't the portfolio - it was that buyers had no way to see themselves living in it.

02Discovery

The brand's own idea had never reached the website.

Research revealed that users were arriving on the site, failing to connect with what PS Group stood for, and leaving before exploring any individual project. Discovery sessions with the founders surfaced that the brand's identity - rooted in the idea of family and quality time together - had never been designed into the digital experience. User research reinforced that filtering options were the single most important functional need: buyers wanted to search by location and budget without wading through an undifferentiated list.

Three readings came out of it and set the direction. People weren't browsing, they were deciding, so the experience had to start from their criteria and reveal options progressively rather than push them into generic navigation. Confidence came from clarity rather than more content, which meant reducing reading and increasing comprehension through hierarchy, modular sections and consistent patterns. And the brand had to show up in the micro-decisions - tone, motion, spacing, typography - because visuals alone would not make it feel premium.

03Approach

Show the projects first, then filter. Never a search form.

The central structural decision was to lead with visual project browsing rather than a search form - users would see projects first and filter from there, not gate the experience behind a form. Location and budget were established as the primary filter axes, with property type as a secondary layer. The “It is family time” concept was locked in as the guiding communication principle, which ruled out a purely functional, spec-driven layout in favour of one that led with imagery and human context.

Four calls followed from that and shaped everything after: the family concept as the foundation for every downstream decision, filtering as the primary interaction model rather than static navigation, a conversational experience in place of a listing interface, and visual-first exploration so people could decide faster. Enquiry was deliberately framed as the last step of a journey rather than a persistent button competing for attention on every page.

Wireframe of the PS Group project browsing page and its filter

The filter reads as a sentence - search for residential properties in Kolkata - with the projects already on screen behind it.

04The work

Modules that answer a question each, and amenities that do real work.

We designed the platform to be highly interactive, using micro-interactions to make browsing feel responsive and guided. The browsing experience used image-heavy cards and a carousel pattern for project snippets so users could quickly scan, shortlist and go deeper. The UI system leaned on generous white space and a calm layout to keep attention on the projects, while using brand colour and typography to maintain a premium feel.

Four things carried it. Discovery was structured as a guided narrowing rather than a query, using filters and contextual cues. Project pages were broken into modules that each answer one question, so a project could be understood without hunting across dozens of them. Amenities were designed as a decision aid rather than a marketing list, because lifestyle fit is what buyers are actually assessing. And the browsing model held its shape on mobile, with filters, cards and modules adapted to small screens rather than collapsed into one long page.

The system underneath is deliberately narrow. Playfair Display carries headings and display text with Poppins for body and UI - a serif on sans pairing that stays premium and readable at every size. Torea Bay Blue is primary with Orange Peel as the accent, a contrast chosen to hold up against photography and white space equally. The amenity icons are custom line work at a consistent weight, which matters across a category list that long.

PS Group type specimen: Playfair Display and Poppins

A play of serif on sans - Playfair Display for display, Poppins for everything functional.

PS Group colour palette: Torea Bay Blue and Orange Peel

Two colours only. Orange against deep blue holds up over photography and over white space.

The Panache project page, from hero through gallery, specifications and amenities

A project page as modules: the numbers that matter first, then gallery, specification and amenities, each answering one question.

PS Group on mobile: home, featured projects, filtered listings and updates

On mobile the hero leads with the brand idea - it's quality time - and the filtered browse keeps its structure rather than becoming a list.

05Outcome

A site that keeps people, instead of losing them on arrival.

The static listing page became an interactive browsing experience, which kept visitors exploring rather than bouncing on arrival. Guided filtering let them narrow to relevant projects directly instead of scanning an undifferentiated list, navigating a large portfolio got clearer, and the online presence was repositioned as premium and user-first in line with the rest of the brand.

The impact happened because the design solved two problems at once. It gave buyers a fast, low-friction path to relevant projects through the conversational filter system, and it gave PS Group a way to communicate brand identity that didn't depend on copy - the imagery, the stats, the pacing of information did that job instead.

06Reflection

It looked like a content problem. It was a discovery problem.

I initially approached the problem as a content organisation challenge, but realised that the real opportunity was in shaping how users discover projects, not just how information is presented. If revisited, I would explore deeper personalisation based on user intent to further improve relevance in early-stage discovery. This project reinforced that in complex decision-making environments like real estate, the experience is defined less by the availability of information and more by how effectively users are guided through it.