# Savari — case study by Pratik Singh > Savari is an AI-powered coach and transport management platform built for operators. I joined the team to help rethink the product for V2 — across web, mobile, the design system and the launch experience. ## At a glance - **Role:** Founding / Product Designer - **Scope:** Web, Mobile, Design System, Marketing - **Engagement:** ~11 months - **Stage:** V2 launch ## The challenge Transport operations are messy by nature. Teams are constantly moving between schedules, people, vehicles, information and day-to-day decisions — often while working under time pressure. Savari already had the foundations of the product, but V2 needed to feel much clearer, more consistent and more confident. The goal was not to redesign screens just to make them look better. We wanted the product to reduce friction for operators who use it as part of their actual workday. That meant solving three things at the same time: - Make a complex operational product easier to understand and navigate. - Create a system that stayed consistent as the product expanded across web and mobile. - Give V2 a stronger visual identity without making the interface feel unfamiliar to operators. ## Starting with the people using it One thing that shaped the entire project was how close Savari is to its users. The product is built by people who understand transport operations, and operator feedback continuously influences what gets shipped. So instead of treating V2 as a visual refresh, we looked at the interface through a very practical lens: What information does an operator need right now? What should be obvious without explanation? What can be simplified? And what should stay familiar because changing it would only slow people down? That approach kept the redesign grounded. Every improvement needed to make the product easier to operate — not simply more impressive in a Figma file. ## A clearer product hierarchy The first part of the work was improving how information was organised across the product. Operational software can become dense very quickly, so we focused heavily on hierarchy, navigation and making important states easier to scan. Dashboards were designed around relevant status, numbers and actions rather than filling the screen with analytics. The aim was to help someone understand what was happening and move to the next task with as little friction as possible. ## A visual system that could actually scale Savari was built on shadcn, which gave us a strong technical foundation but also created an interesting design challenge: how do we keep the speed and structure of an existing component library without ending up with a product that looks like every other shadcn application? We pushed the base components into a more distinct Savari language — refining spacing, typography, states, data patterns and reusable layouts while keeping implementation realistic for the development team. The result was a design system that made new screens faster to create, easier to hand off and far more consistent across the platform. ## Designing across web and mobile The product also had to work beyond a desktop dashboard. Transport teams are not always sitting behind a desk, which made the mobile experience an important part of V2. Instead of shrinking desktop screens onto a phone, we prioritised the information and actions that made sense in a mobile context. The same system had to feel recognisably Savari while adapting to a completely different amount of space and attention. ## Working together The project was highly iterative. I worked closely with the team across product decisions, interface exploration and detailed execution rather than disappearing for weeks and returning with a finished redesign. A typical loop looked like: - Understand the workflow or problem the team was trying to solve. - Explore the simplest structure before worrying about visual polish. - Design the interaction and key states. - Review it with the team and adapt it around operational realities. - Turn approved patterns into reusable components for the wider system. This mattered because V2 was moving while we were designing it. The system had to give us consistency without becoming too rigid for an evolving product. ## Taking V2 into the real world My work with Savari also extended into the marketing and launch side of the company. I designed assets around the V2 release and for industry expos, which forced us to explain the product in a completely different environment. Inside the application, we could rely on context. At an expo, we had seconds to communicate what Savari was and why an operator should care. Keeping the product and marketing under the same visual system made the launch feel much more cohesive. Seeing the product I had spent months designing being shown to real operators — and getting a positive response at the expo — was one of the most rewarding parts of the engagement. ## The outcome Over roughly four months, we took Savari through its V2 design and launch with: - A redesigned and more structured web product. - A mobile experience built around operational use. - A scalable design system for faster product development. - A clearer and more distinct visual language. - Launch and expo assets aligned with the product. - A stronger foundation for the team to keep iterating with operator feedback. More importantly, the work made Savari feel like one connected product rather than a growing set of screens. ## What I learned Savari reinforced something I think is easy to forget when designing B2B products: the best interface is not always the one with the most clever interaction. For people using software to run real operations, clarity, speed and familiarity matter more than novelty. A small improvement to hierarchy or a better state can be far more valuable than a visually impressive redesign. That became the principle behind the project: **Build with operators, not just for them.** ## What the client said > Working with Pratik has been a great experience from start to finish. His attention to detail, creativity, and understanding of modern UI/UX design genuinely helped elevate our product. He took the time to understand both the business goals and the end-user experience, resulting in designs that not only looked great but also improved usability and overall workflow. Communication was always clear and professional, turnaround times were fast, and feedback was implemented efficiently. > > — Romi Singh, CEO, Savari ## Imagery 18 screens from this project are published on the HTML page. ## Related case studies - [NiaKai](https://www.baseframe.design/case-studies/niakai) - [myManifest](https://www.baseframe.design/case-studies/mymanifest) - [Shadow Interviewer](https://www.baseframe.design/case-studies/shadow-interviewer) --- Canonical HTML version: https://www.baseframe.design/case-studies/savari Site index for agents: https://www.baseframe.design/llms.txt · Full text: https://www.baseframe.design/llms-full.txt · URLs: https://www.baseframe.design/sitemap.xml Contact: hi@maybepratik.com · Book a call: https://cal.com/maybepratik