The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
I implemented Microsoft Clarity on ScholarScore to evaluate how real visitors navigate the platform and convert behavioral data into actionable product improvements.
I analyzed aggregate engagement metrics, page depth, repeat usage, navigation patterns, dead clicks, quick backs, and anonymized session recordings. This research revealed specific friction points, including mobile layout overflow, review content being cut off on smaller screens, scholarship filters resetting after users opened an opportunity, and missing actions within the resource experience.
I translated these observations into a prioritized improvement plan and implemented responsive-layout fixes, clearer navigation, stronger search functionality, improved error handling, and more accessible review results.
This project demonstrates how I use real user behavior—not assumptions—to identify problems, prioritize product decisions, and improve a live digital experience while protecting user privacy.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
Building a platform that covers scheduling, customer records, communication, and appointment booking means designing across very different use cases. The risk is that each use case starts pulling in its own direction and the product ends up feeling fragmented.
We established a consistent way to use components early and applied it at two levels.
1/ At the page level, consistent text sizes and layout logic.
2/ At the component level, the interaction patterns show whether you are filtering technicians, service types, or job durations.
The result is a system where you don't need many text sizes, components, or colors because everything follows a coherent logic.
The filter panel is one example of that direction.
I’ve been refining the Pacts Studio storefront beyond the visual layer.
The latest pass focused on the parts buyers usually don’t see first:
clearer product-page structure
better preview and license messaging
stronger About and trust content
shared product FAQs
improved Journal rendering and article semantics
cleaner navigation
preserved checkout flow
performance and accessibility QA across the storefront
The current desktop PageSpeed result is:
100 Performance
98 Accessibility
100 Best Practices
100 SEO
The goal is not to make Pacts look technically impressive.
It is to make the buying experience feel fast, clear and trustworthy from the first visit through checkout.
That same standard is what I want across every product I ship through the studio.
A 100 PageSpeed score on a Framer storefront is great work. What had the biggest impact on that performance score?
When a brand looks scattered, gaining customer trust gets tough fast.
Here is how we turned an inconsistent identity into a clean, unified brand experience:
• Challenge: Visual inconsistency was making it hard for prospects to trust the brand.
• Solution: Cleaned up the visual clutter, refined the hierarchy, and built a simplified design system.
• Result: A seamless, professional presence across web layouts, mobile screens, and marketing assets.
Fixing your visual hierarchy changes how people perceive your entire business.
The three-step challenge/solution/result breakdown makes this easy to skim even without reading the full case study. When a brand's this scattered going in, is the bigger lift usually convincing the client to commit to fewer visual directions, or is the design work itself the harder part?