Command Palette

Search for a command to run...

Case study

Agency Website Projects

Agency site stack — Next.js frontends, WordPress content, and production hardening.

Role
Frontend Developer
Period
10.2025 — 01.2026
Stack
WordPress + NextJS · REST API · ShadCn UI

Private client project

This is anonymized client work. The brand, live site, and visuals are covered by an NDA — reach out and I'll walk you through the details, the decisions, and the results.

Contact to discuss this project

Overview

Agency work spanning headless WordPress + Next.js delivery: custom themes, CPT/ACF APIs, animation, payments/booking patterns, and practical security measures.

Interface sketch

Interface sketchWireframe · NDA-safe
→Case tile grid
→Featured work slot

The problem

01

Agency projects demand speed and durability: clients need editable content, interactive frontends, and baseline security without reinventing the stack every time.

Approach

02
  • Responsive Next.js / React apps
  • Custom WordPress themes tuned for performance, SEO, accessibility
  • CPT + ACF exposed through REST for headless UIs
  • GSAP motion, state via Redux/Zustand/Context where needed
  • Payment/booking integrations and hardening (permissions, reCAPTCHA, rate limits)

Key decisions

03
  • Standardize headless contracts early so UI and CMS don't drift
  • Optimize media and code-splitting as defaults, not afterthoughts
  • Ship security basics with every form-heavy surface

Impact

Lab / shipping

Lighthouse snapshot

Performance

Lighthouse

LCP

1.3s

Mobile lab

Mobile lab on a production-like build — client URL stays private.

Performance

97

Lighthouse

LCP

1.3s

Mobile lab

Case tiles

12+

Work showcase

Motion layer

GSAP

Scroll storytelling

Outcomes

  • Reusable WordPress → Next.js delivery pattern

  • Interactive, SEO-aware frontends with smooth motion

  • Booking/payment-ready flows with practical safeguards

Technologies

  • WordPress + NextJS
  • REST API
  • ShadCn UI
  • Tailwind CSS
  • GSAP
  • Swiper
  • Motion UI

Architecture

How the build is wired. Client UI stays off this page — names, logos, and screenshots are covered by NDA.

  1. 01Figma
  2. 02Next.js
  3. 03Case studies
  4. 04Contact

Need an agency site that shows the work without burying the contact path?