Home  /  Case Studies  /  Studio North
Showcase — Creative Agency, Dublin
Showcase Project

Studio North.
Agency portfolio with case grid.

Creative agency template with services, team, work grid, and motion hero — the reference build for agency overflow partnerships.

Type
Showcase Template
Sector
Creative Agency
Scope
8-page agency site + Organization schema
Built
12 July 2026
Live demo  ·  8-page agency site + Organization schema  ·  showcase template — not a paying client
View Live Demo →
The Brief

Agencies selling creativity cannot look like they used a template.

Your own site is the first portfolio piece every prospect sees. If it looks generic, they assume your client work will too.

This showcase models a Dublin creative agency that wins pitches on its own site quality — work grid, services clarity, and team credibility before the first meeting.

Three problems this template solves:

  • Work buried in PDF decks — no live portfolio grid — prospects had to request case studies by email
  • Services unclear — brand, digital, and motion were listed but not explained with process or starting points
  • Generic agency template — the site looked like every other Squarespace creative studio in Dublin
The Approach

Work grid first. Services clarity second. Motion third.

Charcoal and electric blue tokens signal digital craft. CSS-driven hero animation with prefers-reduced-motion fallback.

Eight pages — work, services, team, about, contact — structured for agency prospects evaluating craft before budget.

  • Work portfolio grid — case cards with sector tags, outcome lines, and link-through to detail
  • Services breakdown — brand, digital, and motion — each with process and starting price band
  • Team page — creative directors and specialists with roles and selected work links
  • Motion-style hero — CSS-driven hero animation with prefers-reduced-motion fallback
  • Organization schema — full JSON-LD with Dublin address and service catalog
What we delivered

Everything in the live demo.

No vapour. Each item below is in the Vercel preview — version-controlled and linked from this page.

01

Work portfolio grid

Case cards with sector tags, outcome lines, and link-through to detail.

02

Services breakdown

Brand, digital, and motion — each with process and starting price band.

03

Team page

Creative directors and specialists with roles and selected work links.

04

Motion-style hero

CSS-driven hero animation with prefers-reduced-motion fallback.

05

Organization schema

Full JSON-LD with Dublin address and service catalog.

06

Agency brand system

Charcoal and electric blue — signals digital craft.

Build notes — not a client testimonial.

This is a showcase template built to production standard. No client quote, no invented metrics — just the decisions we made and what we shipped.

For agencies

This is the piece you send to other agencies — proof we build at your quality bar, fast enough for overflow without your team touching it.

For business owners

Not just for agencies — any creative business needs a work grid, services clarity, and a hero that signals craft before the first scroll.

How we ran it

The WebFluence Squad pipeline.

Eight specialised agents, one structured plan before any HTML is written. The same pipeline runs on every WebFluence build.

PHASE 01
Niche research
Sector pain points, competitor sites, and buyer journey mapped before design.
PHASE 02
Brand and structure
Colour system, page architecture, and CTA hierarchy locked.
PHASE 03
Build and schema
Pages written, JSON-LD added, mobile tested at 390px and 768px.
PHASE 04
Deploy and document
Vercel preview live, build notes published on webfluence.digital.
Want this for your business?

Pick the niche closest to yours.
We ship in seven days.

Free 20-minute audit. We'll show you what we'd build — or discuss overflow if you're an agency at capacity.