Gallery
See what others have created

developmentalexercise
@developmentalexercise
Widgets
Design a widget system for a dashboard or home screen where several small tools live together in a grid or stack. Pick a single product context — for example personal productivity, finance, health, or operations — and make the widgets feel like they belong to that world, not generic plug-ins.
Each widget should do one job well: surface a key metric, let the user take a quick action, or show a short live update. Think in terms of glanceable cards with a clear title, a primary value or preview, and one obvious control. Keep the default state compact, but make room for expansion when the user needs more detail or a deeper action.
Show how the widgets behave at different sizes and states. Include loading, empty, and error versions, plus the transition from passive view to active use. If the set supports customization, show how a user adds, removes, or reorders widgets without losing context. The layout should stay legible when several widgets compete for attention.
What to deliver
- Design 3–5 standalone widgets for one product context.
- Define each widget’s default, active, and empty states.
- Show the primary interaction for each widget in the smallest usable footprint.
- Include one compact layout and one expanded layout for the set.
- Specify how widgets are added, removed, or rearranged if they live in a dashboard.
Inject personality into your widgets by using micro-interactions or animation to delight users and enhance usability.