4 min read
1. Introduction
In this project, I redesigned the Services Page to improve how features are showcased, enhance visual consistency, and ensure scalability.
Company
ParkSmart
Type
Revamp & Enhancement
Platform
Mobile Application
The Process: Simplify, Structure, Scale
1. Look Around (Research)
Researched industry best practices and gathered inspiration to understand effective service layouts and navigation patterns
2. Spot the Gaps (Audit)
Audited the existing design to uncover inconsistencies, lack of hierarchy, and scalability issues. If it felt off, it probably was.
3. Reimagine & Redesign (Iterations)
Structured a cleaner layout, created a scalable system, and gave navigation the clarity it deserved. No more guesswork.
2. Discovery
Before redesigning the Services Page, I explored apps that have mastered service discoverability—Paytm, CRED, Gpay, Swiggy, Zomato, Dunzo, Tripadvisor, and, of course, our direct competitors.
Each of these apps uses smart design choices to guide users:
Paytm organizes its many features using icon styles to establish hierarchy.
Gpay keeps its layout clean by sticking to an outline-style icon system, reducing visual clutter.
Tripadvisor maintains brand consistency with a monochromatic color scheme (different shades of green).
ParkPlus highlight priority services through visual contrast, making features like "Buy Petrol" and "FASTag Recharge" and other more prominent features.
User Perspective: Why This Matters
It wasn’t just about visual design—it was about how these choices influenced user behavior:
Key Learnings:
With these insights, I audited our existing service layout, identified its pain points, and set the foundation for a structured, scalable redesign.
3. The Problem
The Services Page lacked visual consistency, clear feature hierarchy, and scalability—making it difficult for users to navigate and for the app to grow effectively
4. Design Iterations
With all the research insights and audit findings in place, it was time to reimagine the Services Page with a fresh perspective. The focus was on visual clarity, usability, and scalability while ensuring the design aligned with user behavior and expectations.
After multiple iterations, we narrowed it down to three final design approaches:
The first two iterations focused on highlighting two layers of services, ensuring better visibility for core features like ParkSmart offerings. However, in the third iteration, we optimized visual hierarchy and spacing—placing FASTag Recharge at the top based on usage data, followed by a structured balance of other services.
By categorizing features based on usage frequency and design emphasis, we created a clear flow—from the most-used services to those requiring less emphasis—making discovery more intuitive and efficient.
Preview: Before Vs After
Along with Services, User App Navigation also got a new look
We also updated the bottom navigation icons to enhance clarity and consistency. The new icons followed a clear outline-to-fill interaction, improving visual feedback and making navigation more intuitive. This subtle yet impactful change ensured a more cohesive experience across the app.
(Check in the previous and new comparison)
Conclusion
With a background in graphic design, I knew this wasn’t just about placing icons or picking colors—it was about creating visual harmony. Every element had to feel like it belonged, like part of one system. I enjoyed the chance to flex my visual muscles and bring that missing layer of polish to the services page. Cohesion was key—because great UX isn’t just how it works, but also how it feels
From a business perspective, the redesign was well-received by major stakeholders, as it not only improved usability but also made the platform more scalable—allowing new features to be integrated seamlessly within the same design language.
Impact
User App MOU increased by 10.7% after the new enhanced services page. we saw positive user feedback and improved service discoverability. Users found it much easier to access key features, leading to a smoother in-app experience.
