Whitelam.Media
Case study · 2026 · ongoingAll projects

Whitelam Media.

LocationMadrid, Spain
IndustryIndependent digital studio (self)
ScopeFull studio operating system. Public site, client portal, dashboards, payment and booking infrastructure.
Whitelam Media project
About the project

Whitelam Media is its own first client. Every discipline the studio offers (design, frontend, backend, brand, SEO, ongoing operations) is on display here. The site you're reading is the proof of work. The public surface is a Next.js 15 application running on Vercel. Tailwind v4, pure-CSS scroll reveals (no scroll-driven motion libraries, performance choice made deliberately), AVIF-first image optimisation, Lighthouse 95+ across the board. The dark-on-near-black palette with a single signal-red accent is the studio's signature. Behind the public site sits a complete operating system. A native booking flow with timezone math, working-hour rules and .ics calendar attachments. A Stripe-powered payment layer with HMAC-verified webhook auto-confirmation. A magic-link client portal at /account where every Whitelam Media client gets transparent access to their invoices, billing and active work. A custom dashboard that handles the business end-to-end without third-party SaaS bolted on. Nine sector-specific landing pages share a single template, each tuned for a different buyer (construction, architecture, engineering, energy, environmental, property development, transport, shipping, crane and heavy lift). A pillar SEO programme connects them through long-form insights and internal-link architecture. Schema markup, sitemap, structured data and on-page technical compliance are built in by default. Security is treated as a feature, not an afterthought. Magic-link authentication with rate limiting and single-use tokens. Server-side sessions, no JWT pitfalls. Honeypot fields on every public form. CSRF handled by Server Actions. Every webhook signature verified with HMAC-SHA256 and constant-time compare. A live security health panel inside the dashboard surfaces posture at a glance. The result is a working argument. If a buyer wants to know what Whitelam Media builds, they don't need a portfolio. They need to look around the site they're already on.

Visit the live site
Key features
  • Next.js 15 and Tailwind v4 on a dark-first design system
  • Lighthouse 95+ on every page
  • Native booking system with timezone math and .ics calendar attachments
  • Stripe Payment Links plus webhook auto-confirmation
  • Magic-link client portal with rate-limited authentication
  • Custom dashboard for clients, invoices, billing and content
  • Nine sector-specific landing pages on a shared template
  • Pillar SEO content programme with internal link architecture
  • Full Google on-page technical compliance and best practices
  • Built-in security health checks and activity monitoring
  • Resend-powered branded transactional emails
  • Designed, built, hosted and run by Whitelam Media
Disciplines
Web designBrand identityFrontend developmentBackend systemsDevOpsSEO foundations
Inside the build
  • Native booking page
    Booking. Native to the site. Timezone-aware. Generates a Google Meet link and a calendar invite.
  • Pricing configurator
    Configurator. Click a build. Click a care plan. The floating bar carries the selection through to checkout.
  • Client portal
    Client portal. Invoices, billing, active work. Magic-link sign-in. No passwords to forget.
  • Studio dashboard
    Studio dashboard. Clients, payments, bookings, content, security. The business runs from here.
Let's talk

What are you trying to make happen?

Most projects start with a short conversation. We listen to the brief, ask the right questions and tell you straight what we can handle and how. No retainer required to start.

Prefer to pick a time? Book a 30-minute call. Or email us directly at info@whitelam.media.