Gallery
See what others have created

bmsr
@bmsr
Achievements & Awards
Design an achievements and awards screen for a profile or organization page. The main job is to help people scan what was earned, when it was earned, and who granted it. Treat the screen as a browsable record, not a trophy wall.
Show awards in a clear grid or list with a strong hierarchy: award name first, then issuer, date, and a one-line explanation of why it matters. Use grouping that makes sense for the content, such as year, category, or team vs. individual. Keep the current filter state visible.
Include a selected state or detail panel for one award with the full description, supporting metadata, and any related evidence or linked work. If the set is long, add pagination or lazy loading. If nothing is available, the empty state should explain what would appear here and what to do next.
What to deliver
- Design an awards gallery with clear grouping by category or year.
- Show each award card with title, issuer, date, and short context.
- Add filters or tabs for switching between award sets.
- Include a detail view for a selected award with fuller description.
- Design empty, loading, and no-results states for the gallery.
Highlight awards with bold visuals or animations to make them stand out, and ensure the user's journey to discover more is intuitive.