A UX + PM Case Study

It all began with a simple thought to give back to society. One day, a relative of mine fell victim to a phone scam, a fraudulent caller tricked her into revealing sensitive details, resulting in a significant financial loss. In that moment of panic and confusion, she had no idea whom to turn to, what steps to take, or even if there was a path to justice. Like many others in similar situations, she felt helpless and alone.

That incident lit a fire in me. I couldn’t stop thinking about how common this is, and how avoidable it could be, if only the right legal guidance were just a few clicks away.

That’s when I built NyaayGPT --- an AI-powered legal helper (not just an assistant) that gives people clarity in times of crisis. It helps users understand their rights, access relevant helpline numbers, and follow a clear, step-by-step path to address legal problems from fraud to harassment, and more.

NyaayGPT isn’t just about solving legal queries. It’s about reminding people that they’re not alone and empowering them to take informed action.

*Click on the logo below to see the Figma prototype of this app

1. What problem was I trying to solve?

I started noticing something very basic but very real in our daily lives.

People need a simple, trusted helper to understand general information about Indian law.
People also want to cook healthy food but get confused about ingredients and what’s actually good for them.
And most importantly, many of us don’t know how to connect both things in a way that fits into everyday life.

For example:
Someone might ask, “Can you give me the women’s helpline number?”
Or someone might say, “A government officer asked me for a bribe… what should I do?”

These are honest questions, and people often don’t know where to begin.

So I wanted to create an app that bridges this gap: something simple, friendly, and clear. An app that gives people information they can trust, without overwhelming them.

2. Who I made this for

This is for anyone who wants simple answers to simple questions about law and justice.

For people who want to understand the basic procedure to take action against a crime.

And for those who are simply curious and want to be more aware of their rights under Indian law. 

3. My simple product goals

I want to build an app that anyone can use easily on their phone. It should allow both text and voice conversations so people can get answers to their legal questions in the way that feels most natural to them. The interface should stay simple "no complicated screens, no heavy design" just clear clicks, swipes, and smooth guidance. The focus is on clarity, accessibility, and trust. 

4. Why these features?

I kept the interface simple text and voice because convenience matters. Some people prefer typing, while others feel more comfortable speaking, especially when they’re stressed or unsure about a legal issue. So both options had to be there.

I also thought about users who are just curious and want to learn something new every day. That’s why I added a “Did You Know?” card. It keeps them engaged, teaches small but important facts about Indian law, and makes the app feel more approachable.

The goal is simple: make legal awareness easy, friendly, and accessible for everyone.

Wire-Framing 

Before building anything, I wanted to be sure the experience felt simple and natural. So I started with wireframes just basic layouts that helped me understand how a user would move through the app.

I mapped out the core flow:
• how the user chooses between text or voice
• how the questions are asked
• how the responses should appear
• where the “Did You Know?” card fits in
• and how helpline numbers or legal steps should be displayed clearly

The goal of these wireframes wasn’t to make something beautiful. It was to make something that works, something anyone can understand at a glance. Keeping everything minimal helped me focus on what truly matters giving the user quick clarity, not complexity.

Wireframing made it easier to turn the idea into something real. It showed me the app’s shape even before a single line of code was written.

The below wireframe is low fidelity and the most earlier stage of the design showing how we can design this app.

My Design Thought Process

1. Understanding the "wanted"

One of the toughest parts was deciding how the app should feel. Since it belongs to the legal domain, it needed a theme that feels trusted, serious, and reliable — but still friendly enough for everyday people to use without hesitation.

I had to understand what users actually want when they search for legal help:
• clarity
• trust
• a sense of safety
• and a design that doesn’t overwhelm them

So choosing the theme was more than picking colors. It was about creating the right mood. Something that looks stable and confident, but still simple and modern. A design that says, “You’re safe here. We’ll guide you.”

Finding that balance between legal seriousness and user-friendly simplicity was one of the hardest yet most important decisions in the entire project.

2. Why this color palette and text theme?

For a product built around Indian law, the visual identity needed to match the tone of the domain. I chose a palette that naturally feels connected to law, justice, and authority. The base colors are black and white inspired by Indian legal symbols like the advocate’s dress code and traditional legal documents. They give a sense of clarity, seriousness, and structure.

To soften this and keep the app warm rather than intimidating, I added a hint of wood-brown. It gives the interface a subtle courtroom feel, similar to the wooden interior of courtrooms and legal offices. It brings a sense of tradition without making the design heavy. Using the 60-30-20 rule.

For typography, I used Times New Roman throughout. It’s a classic typeface often seen in legal paperwork and formal documents. It adds to the authenticity and keeps the text easy to read, giving users the impression that the information they’re seeing is trustworthy and official.

The goal behind this theme was simple: make the app feel grounded in the legal world while still staying user-friendly and clean.

3. Illustrations & visual language

For a topic like law, visuals matter as much as the words. I wanted the illustrations to make the app feel approachable, not intimidating. Legal topics can already feel overwhelming, so the visual language needed to simplify things, not complicate them.

I used clean, minimal illustrations that represent clarity and guidance. Icons for rights, helpline numbers, documents, and steps create an easy visual flow for users who may not understand legal terms. The style stays simple and structured so it doesn’t distract from the information, but still supports the overall courtroom-inspired theme.

4. Layout choices (my logic behind it)

When I started designing the layout, my main goal was to make the app feel effortless. Most users hold their phone with one hand, so the entire interface had to work smoothly with simple thumb gestures.

That’s why I used horizontal swipes as the core interaction:
• swipe left to enter the text interface
• swipe right to switch to the voice interface

This keeps the experience quick and natural. Users don’t have to search for buttons or navigate complex menus. A simple gesture is enough to choose how they want to interact. I designed every screen with thumb reach in mind. Key actions and options sit in comfortable zones so the user doesn’t need to stretch their fingers or adjust their grip. The layout stays clean, minimal, and focused on the core purpose: getting legal clarity without friction.

After signing in, I wanted the experience to feel clear from the very first second. Legal topics can already make people nervous, so the app shouldn’t add more confusion. That’s why I added a quick, simple onboarding screen that explains exactly how to use the app in one or two lines.

The app uses small, helpful cues placed right where the user needs them. For example, at the bottom of the home screen, there’s a short tag that says:

“Swipe → or ← to choose your mode”

This small instruction guides the user without interrupting the flow. It tells them, in the simplest way possible, that they can switch between text mode and voice mode with a single swipe. No buttons, no clutter, no learning curve.

The aim is to make the user feel confident within seconds even if they’re opening the app for the first time or dealing with a stressful legal situation. Clear guidance leads to calm actions, and that’s exactly what this app is meant to support.

What I learned
Building this project taught me more than I expected. I learned that solving a real problem doesn’t always require complex features, it requires clarity. People don’t look for fancy interfaces; they look for guidance, trust, and simplicity.

I understood how important it is to design for real emotions. When someone faces a legal issue, they’re not just looking for information. They’re worried, confused, or stressed. The product has to meet them with calmness, not complexity.

I also learned how small design choices colours, typography, gestures, instructions shape the overall experience. Even a single line like “Swipe → or ← to choose your mode” can decide whether a user feels lost or confident.

Most importantly, I learned that good products come from empathy. This entire idea started because someone close to me felt helpless. Turning that pain point into a solution taught me how powerful product thinking can be when it’s grounded in real life.