Project details

Thumbnail

Client:

Personal Project

Tool:

Figma

Nivara - PG Finding App


My Role

UX/UI Designer - Research, IA, Interaction Design, Visual Design

Duration

12+ Weeks

Tools

Figma, FigJam

Platform

Mobile

Full Case Study

https://www.behance.net/gallery/243695017/Nivara-PG-Finding-App-Case-Study

The Problem: Young professionals and students relocating to Indian cities spend excessive time and effort finding trustworthy PG accommodations because existing platforms lack verification, honest information, and intelligent filtering.

The Solution: Nivara is a mobile app that connects verified PG owners with tenants through transparent listings, smart filters, community groups, and direct communication - reducing PG search time significantly.

Image
Image


Before speaking to users, I mapped the landscape:

  • India's urban rental market serves ~10 million PG residents annually, concentrated in Bangalore, Pune, Delhi NCR, Hyderabad, and Mumbai

  • PG search typically takes 2–5 weeks and involves 5–10 physical visits

  • Key trigger points: college admission, job change, city relocation

  • 67% of users rely on word-of-mouth as their primary discovery method (secondary research finding)

  • Existing apps have an average rating of 3.2–3.8 on the Play Store — indicating unmet user expectations.


Key Research Insights

Insight 1 — Trust is the primary barrier, not discovery. Every user could find PGs online. The problem was never finding options — it was believing them. Fake photos, inflated descriptions, and hidden charges were universally mentioned.

Insight 2 — Physical visits are the only trusted verification method. In the absence of a reliable digital equivalent, users default to expensive, time-consuming physical visits. Virtual tours or photo verification that users trust could eliminate 60-70% of these visits.

Insight 3 — Food quality is a surprisingly decisive factor. Multiple users ranked food above location when comparing similar PGs. This is a high-frequency, high-impact touchpoint that current platforms barely surface.

Insight 4 — Community validation reduces anxiety. Users consistently mentioned seeking opinions from friends, colleagues, and locals before deciding. A feature that connects prospective tenants with current residents could replicate this social proof digitally.

Insight 5 — Filters on existing apps are inadequate. Users want to filter by parking availability, food type, gender, room type, deposit amount, proximity to specific landmarks (offices, colleges), and amenities. Current platforms offer basic filters at best.

Insight 6 — Users fear being locked into bad decisions. The anxiety of committing to a 6-12 month PG stay based on limited information causes decision paralysis. Flexible tenure options and transparent house rules reduce this anxiety.

Image

Design System

Typography: Urbanist Selected for its geometric, modern character that balances professionalism with warmth — appropriate for a platform that is utilitarian but also community-driven. The clear open apertures improve legibility at small sizes (critical for PG card details). Alternative considered: DM Sans (rejected because it felt more corporate, less warm).

Color System:

  • Brand Primary — Atomic Tangerine (#FF8060): Represents warmth, energy, and accessibility. Orange was specifically chosen over blue (used by most property platforms) to signal that Nivara is people-first, not property-first

  • Brand Secondary — Deep Peach (#FFB59E): Used for highlights and supporting elements; maintains warmth without competing with the primary

  • Neutrals: Licorice (#191210) as primary text color — slightly warm black to maintain tonal consistency with the orange palette

  • Semantic colors: Standard red (error), green (success/verification), yellow (warning)

Grid System:

  • 360px base width, 8-column grid, 20px margin, 16px gutter

  • 8pt baseline grid for all spacing decisions

  • Consistent with Material Design 3 recommendations for Android-first mobile apps

Component Design Decisions:

  • Cards use 12px corner radius (warm, approachable — not too rounded/playful, not sharp/corporate)

  • Primary buttons use full-width layout on mobile (increases tap target, reduces decision paralysis)

  • Toggle switches used for binary filter options (faster than dropdowns for gender, AC/non-AC, food included)


Usability Testing

Objective: Validate that users can complete core tasks without confusion or frustration, and identify areas where the UI creates friction.

Method: Moderated usability test (in-person or video call), 4 participants (mix of students and working professionals matching the persona profiles)

Task completion rate (target: >80% for each task)


Decision

Rationale

Bottom navigation (4 tabs) over hamburger menu

Users interact with Home, Saved, Chat, and Account multiple times per session. Hiding them in a hamburger menu adds unnecessary taps. Bottom nav is also thumb-friendly on larger phones

Orange as brand color (vs blue used by competitors)

Blue is the default for "trust" in fintech and property apps (99acres, MagicBricks, Housing.com). Orange differentiates Nivara and signals community-warmth rather than institutional-trust

Locality-first search model

Research showed users think in localities ("I want something near Whitefield") not city-wide. Locality chips on the home screen match users' mental models

Community groups in the home screen

Users rely on peer validation — embedding community in the home screen (not buried in a tab) makes it a first-class feature, not an afterthought

Personalization during onboarding

Gathering lifestyle preferences upfront (interests, city, lifestyle type) allows the home screen to show relevant recommendations immediately, creating a "this app understands me" first impression

Card-based PG listings

Cards allow quick visual scanning across photos, price, distance, and rating simultaneously — matching users' comparison-first behavior


Create a free website with Framer, the website builder loved by startups, designers and agencies.