Effective web UI design hinges on understanding your users, and user personas are the key to unlocking that understanding. We asked industry experts to share an example of how they used user personas or user stories to inform their web UI design process—and how those tools helped them empathize with users to design a better experience. Discover how user-centric design can transform your digital product and improve user satisfaction.
- Personas Drive Intuitive Dashboard Design
- Redesign Focuses on User Pain Points
- Tailored UI Boosts Coupon Platform Engagement
- Personas Simplify B2B Software Onboarding
- Travel Website Caters to Diverse Users
- Wellness App Succeeds with Persona-Driven Design
- On-Campus Research Shapes Agricultural App
How to Use User Personas
Personas Drive Intuitive Dashboard Design
On a recent project, I used user personas to improve the design of a web dashboard for support teams. One of our key personas was Anna — a team lead who handles lots of tickets and checks reports daily. She often works under pressure and needs to find information quickly.
To build the persona, we used Notion to document user interviews and organize insights. Then I created a simple persona card in Figma, so the whole team could refer to it during design and development. I also used Miro to map out user stories and user flows — this helped connect her goals to real interface decisions.
For example, we simplified the layout so that key actions were visible right away, used clear labels, and reduced distractions. The persona helped me stay focused on real user needs, not just assumptions.
Having those tools made the process faster and more collaborative, and led to a design that felt more useful and intuitive.
Olha Yevtushenko
UI/UX Expert for SaaS & Startups, Solvilab
Redesign Focuses on User Pain Points
I learned the hard way that user personas need to capture workflow pain points, not just business objectives. When Asia Deal Hub approached me to redesign their dashboard, we initially created personas based on deal sizes — “$100M merger executives” and “startup founders seeking partnerships.” But these missed the actual user struggle.
The breakthrough came during stakeholder interviews when I found users weren’t just creating deals — they were drowning in complexity. New users would abandon their first deal creation because our 15-step process felt overwhelming. So I redesigned the entire onboarding flow around a single persona insight: “First-time users need to feel successful, not comprehensive.”
We stripped the initial deal creation down to a simple modal with illustrations showing the process step-by-step. Instead of asking for 15 data points upfront, we focused on just the essentials to get users past that first psychological hurdle. The result was dramatically higher completion rates for first-time deal creation.
This taught me that the most valuable personas aren’t about who your users are — they’re about the specific moment when your users want to quit. Design for that moment, and everything else becomes easier.
Divyansh Agarwal
Founder, Webyansh
Tailored UI Boosts Coupon Platform Engagement
We used personas to guide our UI work for a national coupon platform and a few real-world strategies for making user research drive a real culture shift, not just a new Figma file.
First, we identified three clear user types: the Budget Couponer, who tries to save as much as possible and is willing to put up with some hassle; the High Value Couponer, who wants top-tier, curated deals that reflect brand reputation or values; and the Convenient Couponer, who prioritizes effortless, digital savings. These weren’t just made-up profiles. Each one was supported by interviews and actual user data, such as seeing that Budget Couponers would use multiple apps to maximize rebates, while Convenient Couponers would leave if anything involved more than a couple of clicks.
Every persona shaped product and UI features directly. For Budget Couponers, we added features like a “clip all” button and made offers from Walmart and Target more visible, since our data showed these users spent much more time looking at weekly flyers. For High Value Couponers, we built customizable brand filters and sent them email recaps so they could keep track of their best finds. For the digital-first Convenience group, we focused on single-swipe activations and made onboarding ultra-simple, which cut the average time to first savings in half — from four minutes to under two.
When the results were analyzed, tailoring the experience to each persona didn’t just improve engagement. Repeat coupon usage jumped from 18% to 23% in just six weeks after launch, which matches up with McKinsey’s findings that 78% of customers come back if the experience is personalized.
We didn’t stop at just making personas on paper. The biggest breakthrough internally came from capturing video of real users on grocery runs. When engineers and business teams watched these unfiltered videos, abstract problems became real — people struggling with vague offer rules, getting excited when a coupon loaded in one click, or getting frustrated when paper and digital deals conflicted.
Sharing these videos created genuine understanding in a way no persona document ever could. Suddenly, ongoing arguments about unusual cases made sense; they weren’t hypothetical anymore. If you want your team to truly empathize, nothing beats showing them real user footage. It’s far more effective than heatmaps or survey scores.
Steve Morris
Founder & CEO, NEWMEDIA.COM
Personas Simplify B2B Software Onboarding
As Director of Development, I have utilized user personas and user stories to guide the design of a user-friendly and efficient web UI in many fundamental ways. A project I will highlight was where we redesigned the web interface for a B2B software platform. Our main problem was that onboarding new users overwhelmed (and often paralyzed) them due to all the features of the platform.
To overcome this, we first created user personas that segmented our audience into different groups, from non-technical business owners to technology-friendly project managers. The non-technical users were especially important as they tended to get lost in the platform’s features and make important errors. Their personas helped us understand their most significant struggles (e.g., navigating features, consuming jargon-heavy content) that needed to be solved.
After we created these personas, we created user stories that specifically addressed their needs. For instance, a user story we created for our business owner persona was: “As a non-technical user, I want to set up my account without contacting support.” This user story was instrumental in shaping the UI to incorporate guided, step-by-step tutorials and tooltips to provide contextual background.
Using these personas and user stories throughout the design process helped us ensure that every UI decision we made was rooted in the relevant real experiences of users. We simplified the onboarding process by understanding how to create clarity and relief in the user experience.
We ended up with a design that was not only more intuitive but also easily demonstrated reductions of 45% in support tickets regarding onboarding processes and an average of 30% faster activation for onboarding purposes. Also, we were able to understand our users with empathy by having their frustrations and needs made real for us, and actually make a design for their specific needs.
Sergio Oliveira
Director of Development, DesignRush
Travel Website Caters to Diverse Users
When working for a travel website, user personas were crucial for improving our product and capturing a wider spectrum of users.
We had a dedicated UX researcher who spent a large portion of their time creating and maintaining personas to give us relevant data for our design work.
To be more specific, for example, there was a persona of a mother from a family who usually planned vacations in advance and then waited for approval from her husband. We had to support this flow. For this specific persona, we also needed to add a filter for hotels that not only allowed children but also offered some kind of daycare.
A very different example was a persona of a young man in a same-sex couple, who usually had the budget to go on vacation multiple times a year and who preferred privacy and hotels where they would not feel uncomfortable.
These are all findings that need to be addressed on multiple pages of the product, from the homepage and customization all the way to filters and the product page.
Jiri Padour
Senior UX/UI Designer, Vefru
Wellness App Succeeds with Persona-Driven Design
One of the most powerful shifts we made in our web UI design process came from deeply investing in user personas during a wellness app project. We weren’t just designing for “users” anymore — we were designing for Jess, a 34-year-old single mom juggling two kids and a side hustle, trying to squeeze in mindfulness without tech overwhelm. Her story wasn’t just a paragraph on a board; it lived in our Figma flows, it dictated button placements, onboarding tone, and how we approached feature prioritization.
We realized Jess didn’t want endless choices. She wanted one calming option that worked now. That insight helped us strip down a cluttered interface into something clean, intuitive, and actually helpful. Our retention numbers improved, but more than that — we stopped designing for edge cases or abstract demographics. Personas made the design personal, and that changed everything. It made the UI not just usable, but empathetic.
Daniel Haiem
CEO, App Makers LA
On-Campus Research Shapes Agricultural App
We have found that incorporating user personas in the research process before designing is of utmost importance. In one of our projects, we worked with Tennessee State University to create a mobile app that provides access to jobs and opportunities in the field of agricultural science. Within our research process, we conducted in-person interviews on campus in Nashville with both students and professors at the College of Agriculture. We also explored the school and farm. This real exposure completely changed our initial ideas for the product. It allowed us to pinpoint our target audience’s exact needs and pain points. These interviews directly led to the mobile app’s success and ensured the importance of serving the intended audience.
Amish Gandhi
Principal, Perpetual
