Reon work portfolio grid with category filter

Summary

Portfolio index with radio-style industry filters and a two-column case study grid using UI mockups floated over lifestyle photography.

Visual description

Cream page topped by a horizontal filter row: All selected with a filled red circle, other categories (Digital Strategy, Banking, Technology consulting, Product development, Product design, Insurance, Retail) with empty circle outlines, all in small coral text. Below, a two-column grid of case studies. Each card pairs a lifestyle photo with a floating UI mockup and soft shadow: mobile Scan and go over a mesh grocery bag, investment bank web UI over coins in a jar, insurance dashboard over a rainy umbrella, e-commerce dashboard on a laptop, and a claims form over a red vintage car hood. Under each image, coral pill tags list disciplines, then a bold coral headline with arrow.

Key takeaway

Floating UI screenshots over conceptually related photography makes case studies feel crafted rather than template grids. The same radio-filter pattern as the insights page gives consistent browse behavior across the site.

Reuse notes

Excellent reference for agency portfolio pages with mixed verticals. Requires quality mockups and photography for every tile. Filter row scales only so far; many categories may need a dropdown on smaller screens.