Explore a Specialist Resource Directory
Design a focused directory that helps practitioners compare resources by suitability, cost, format, and trust signals.
The brief
Understand the problem
Background
A niche directory becomes more useful than a link list when it explains what each resource is for and gives visitors effective ways to narrow the collection.
User context
Tariq is a new service designer looking for free journey-mapping templates that work in Figma and permit use in client projects.
Product problem
Users cannot judge relevance from a resource name alone, and too many filters can make a modest directory feel harder to browse.
Objective
Create the browse and detail experience for a curated professional resource directory.
What to design
Define the experience
Required experience
- Browsable directory with a small set of useful filters
- Resource cards with decision-making details
- Resource detail with provenance and related options
Screens and states
- Directory landing
- Filtered results
- Resource detail
Core user flow
Follow the critical path
- 01
Tariq opens the directory and chooses a resource type
- 02
He filters by price and compatible format
- 03
He compares concise result cards
- 04
He opens one detail page and follows the official link
Product rules
Requirements and constraints
Requirements
- Show result count when filters change
- Make pricing and licensing caveats easy to find
- Explain why a resource is included
- Provide a useful no-results recovery path
- Link to related categories without losing the current context
Constraints
- External resource details can become outdated
- Most visitors will use only one or two filters
Reality check
States worth considering
Finish line
What to deliver
- Design a responsive listing, filtered state, and resource detail page.
Optional direction
Visual resources
Use these as a starting constraint if you want one. They are not part of the required solution.