ULTRAKIT · WIDGET #164

Projects get their own home in WordPress — types, services, client, year, gallery, results and a client quote — plus a beautiful case-study page for every project and seven ways to show them.

Projects in the WP menucase-study pages7 layoutsfilter by typehover image listresults that count upgallery lightbox

Arden & Co. and every client here are fictional examples.

ARCHITECTURE STUDIO · HOMEPAGE

The big list shows every project as one bold line; a preview image follows the cursor. On phones each row gets a small thumbnail instead.

DESIGN AGENCY · WORK PAGE

Cards with type, year and client, filter pills with counts and a “Load more” button. Each project’s own accent color shows on hover.

CONSULTANCY · CASE STUDIES

Case-study rows alternate image and story, and pull the top three results straight from each project.

PHOTOGRAPHER & STUDIO · DARK

A masonry wall for mixed image shapes, with quiet underline filters — a natural fit for photographers and visual studios.

Arden & Co. and every client here are fictional examples.

INTERIOR DESIGNER · PAPER

Large filter words and image tiles that reveal the title on hover — calm and editorial.

EVERY PROJECT · ITS OWN PAGE

Each project automatically gets a full case-study page: big title and facts, cover with a gentle parallax, overview, story, results that count up, an editorial gallery with lightbox, the client’s quote and a “Next project” banner.

Results
+38%Online orders
6 weeksLaunched in
2,400New subscribers

Our regulars noticed the new bags before we told anyone — and the shop paid for itself in two months.

Marcus BellOwner, Corner Roast (example)
ANY PAGE · MORE WORK

Drag with the mouse, swipe on phones or use the arrows — perfect under an About page or at the end of a blog post.