Preview image. Unlock full-res
Filterable customer stories index with a sticky sidebar of dropdown filters and a two-column grid of photo-led case study cards.
Summary
A case study listing section combining left-rail filter dropdowns with a dense two-column grid of customer story cards, each pairing a hero photo with a company logo and "Read story" link.
Visual description
White page background. Top-left shows a small grey "BY SUPPORT PROVIDED" label and a large bold headline "Guiding you at every step of your journey." A narrow left sidebar holds three stacked filter dropdowns labeled USE CASE, PRODUCT, and REGION, each defaulting to "All." Below the filters sits a light-blue advocacy CTA box with "Join our advocacy program." copy and a solid blue "G-P Globetrotters" button with arrow. The main area is a two-column grid of uniform story cards: full-width photo on top, company logo beneath, bold company name, and a blue "Read story ?" text link. Visible brands include Kraft Sports + Entertainment, Aurora Expeditions, SonicWall, Snyk, Phenom, and others.
Key takeaway
The sidebar filter rail keeps a large card grid browsable without a heavy filter bar across the top. Each card follows a strict photo-logo-title-link template so the grid stays scannable at high density.
Reuse notes
Reference for B2B customer story or case study indexes that need multi-axis filtering. Works when every story has a strong hero image and recognizable logo. The advocacy CTA slot is a smart upsell without breaking the grid rhythm. Sidebar filters may collapse to a mobile drawer or top bar on narrow screens.
