Gallery
See what others have created
subatomicautobiography
@subatomicautobiography
Ornaments
Design a small ornament shopping experience centered on browsing decorative objects. Treat each ornament as a product with a clear visual, title, material, size, and price. The UI should feel curated and tactile, not like a generic catalog.
Start with a gallery view: cards in a grid, one dominant image per ornament, quick labels for name and price, and simple controls for filtering by style, color, or occasion. Cards need clear hover and selected states so the user can tell what is interactive and what is already chosen.
Add a detail view for a single ornament with a larger image, short description, specs, and a primary action to save or add to cart. Keep navigation simple and local: gallery back, category chips, and a visible path from browse to detail.
Include loading, empty, and no-results states that still fit the decorative tone. Motion can be subtle—image lift, shimmer, or crossfade—but the layout should stay easy to scan and the product information should remain the priority.
What to deliver
- Design an ornament gallery grid with thumbnail cards
- Design an ornament detail view with image, name, material, size, and price
- Add category filters and sort controls for the collection
- Include hover/selected states for cards and navigation
- Show empty, loading, and no-results states
Infuse your design with a holiday spirit! Experiment with festive colors, subtle animations, and elegant typography to create a warm and inviting atmosphere for users.