UX/UI HUB
ROLE
Product Designer
TIMELINE
2025
SKILLS
Product Thinking
AI Prototyping
UX/UI Hub helps designers grow through a growing library of 400+ resources. With 20K+ clicks per month, the platform was working, but valuable content was getting buried and engagement dropped off the further you scrolled.
I restructured the discovery experience around three user mental models, creating clear entry points that deepened engagement across content types.
CONTEXT
UX/UI Hub's growth strategy depended on diversifying its content. But as the library expanded, resources got buried in long carousels.
Every extra scroll increased the risk of users abandoning the platform.
PROBLEM
The library had no filters or smart entry points. Finding relevant content depended entirely on scrolling – a high-effort experience that doesn’t reflect how people actually want to browse.
KEY INSIGHT #1
There was no way to navigate content meaningfully
Weak visual hierarchy and a lack of metadata made it hard to judge whether a resource was worth tapping into.
KEY INSIGHT #2
Newly added sections are largely undiscovered
Only the top carousels got traffic. Newer sections were buried below the fold, and users dropped off before discovering them.
SOLUTION
Fewer choices upfront leads to faster decisions. I introduced easy entry points that instantly filter for relevant results, so you're not stuck scrolling through hundreds of resources.
400+ resources tagged and grouped into ten high-level topic areas, so designers looking to learn something specific can narrow down instantly rather than scrolling through everything.
400+ resources tagged and grouped into ten high-level topic areas, so designers looking to learn something specific can narrow down instantly rather than scrolling through everything.
RESEARCH
Rather than jumping straight to a simple sort and filter solution, I wanted to understand the mental models at play. How do designers typically browse for resources? Do browsing patterns differ by experience level?
Behavioural data and feedback from real designers pointed to three distinct browsing modes.
CONSTRAINTS
This was a product built with no backend database. Without saved preferences, the solution had to work for everyone: first-time visitors, casual browsers, and returning users alike.
No personalisation
Without stored preferences, the app couldn't surface recommended content or remember what users had already seen.
No dynamic filtering
Rebuilding core filtering functionality required complex engineering that wasn't accessible within no-code constraints.
DESIGN DECISION #1
Without personalisation, the cards had to do all the work. I carefully considered which metadata to surface so users could make a quick relevance judgment before tapping. When scanning 20+ cards, small friction of tapping back and forth quickly adds up.
DESIGN DECISION #2
Within each topic page, users could further filter by sub-topic. My initial concept showed all sub-topic chips upfront, dynamically filtering the page as users selected them. But this wasn't technically feasible within no-code.
Plus, showing all chips upfront cluttered the interface, particularly for casual browsers.
A bottom sheet kept things clean. Users who need granular filtering can find it, and everyone else wasn't distracted by it.
OUTCOME
The old single-feed design forced everyone through the same path, regardless of their intent. I restructured the discovery experience to match the mental models of the three types of users.
Highlight "New this week"
Surface the three newest resources with clear meta-data to quickly understand its relevance.
Move up Articles section
A low commitment entry point placed higher in the feed to encourage quick exploration.
This three-part structure gives users choice without overwhelming them. Instead of scrolling endlessly, they could self-select into the browsing mode that match their current needs.
Sort & filter options
Sub-filtering and sort by date, read time, and level to further narrow down a long list of resources.
Clear indicators
Show total count of filtered results to set expectations and communicate depth of content.
VALIDATION PLAN
This redesign creates a real opportunity to learn how designers actually prefer to discover content. By tracking which path users start with, we can make informed decisions on where to invest next.
Rather than guessing what to build, we create a data foundation that reduces the risk of building the wrong thing next. The platform can now scale without overwhelming users, and the business has a foundation for making smarter product decisions in the future.
REFLECTION
Constraints help sharpen thinking
The obvious solutions aren't always feasible. Constraints pushed me to think differently and find clarity through structure instead.
Understanding mental models first
Taking a step back to understand how people actually browse reframed the problem and led to a solution built around real behaviour.