Content Landing + Design System
UX House
Designing a content navigation feature and expanding the design system for a growing Discord-based UX community.
Background
UX House is a Discord-based online UX community that fosters conversation, critique, and educational support for designers. I was responsible for designing the content navigation feature, directing users to explore articles and videos on design-related topics, while contributing to their growing design system.
Concept
The initial concept showcased article and video content separately, then invited users to dive deeper based on media type. After competitive analysis, we validated common browsing patterns by topic, author, and granular search, which we leveraged in updated design decisions.
Iteration
The early concept caused content to truncate on the main page and didn't scale beyond 10 items. I resolved this by replacing infinite scrolling with a dedicated page per 'see more' button, displaying 10 cards with pagination, keeping users oriented and in control.
In thinking about discovery, I implemented a simplified search feature with filtering and a sort dropdown. Topics were generated as a tag cloud leading to a search page with results when selected.
Design system
The feature was an opportunity to expand UX House's early design system, building components that were flexible and agnostic to maximize long-term value.
The article card component was intentionally built for different breakpoints and different purposes, differentiating between results and breaking up visual redundancy.
Current state
The components and screen layouts for the content navigation feature have been handed off to developers for production.
