Desktop + mobile reviewRole-based entry points help a shared design system serve designers and engineers without forcing everyone through the same introduction.
The reference or directory collection
Best Directory & Reference Website Designs
Directory and reference websites that organize vast information into browsable, searchable collections.
About this collection
These designs tackle the challenge of presenting large datasets with intuitive filtering, clear categorization, and user-friendly navigation. From business directories to resource libraries, each site demonstrates how structured design makes complex information accessible, discoverable, and useful for visitors seeking specific content.
34hand-picked websites
Filtered resultsClear filters ×
Desktop + mobile review
Desktop + mobile reviewA reference site benefits from a direct search route and a predictable browse route for visitors who do not know the exact term.
Desktop + mobile reviewConsistent thumbnail ratios and clear date groups make a growing video archive easier to scan; keep the title and duration outside hover-only interactions.
Desktop + mobile reviewFor a visual directory, let people preview the actual material and keep sort, search and filter functions distinct.
Desktop + mobile reviewA component library does not need an elaborate hero when its purpose and documentation routes are already clear.
Desktop + mobile reviewSeparate site navigation from the current page outline so readers can tell whether a link changes section or moves within the article.
Desktop + mobile reviewKeep browsing controls beside the content they affect and use consistent cards to make a varied directory comparable.
Desktop + mobile reviewA two-sided marketplace needs recognizable routes for each audience; do not make candidates decipher an employer-focused call to action.
Desktop + mobile reviewShow the kind of work a community contains next to a clear description of who it is for.
Desktop + mobile reviewGroup a deep content archive into recognizable topic clusters before adding decorative effects.
Desktop + mobile reviewA large white-and-purple headline, slim announcement bar and matching topic strip frame a Carrd resource directory.
Desktop + mobile reviewA large white-and-purple title introduces a dark resource catalogue, with search and compact topic tags beside a short explanation.