Skip to main content
Back to Case Studies

Rebuilt To Work Well - The First Time

Julie Andrea needed to replace a stalled WordPress build with a site she could run herself: every page, photo, and even background-image opacity editable in Sanity, with nothing hardcoded for a developer to touch later.

Client Outcome Statement

Julie went from a half-finished WordPress site to a fully live, self-manageable site at julieandrea.com. Every page, image, and even the Start Here background photo's opacity is editable by her in Sanity, with a working newsletter, contact form, and live YouTube feed. Results to be updated at the 30- and 60-day check-ins.

Personal BrandLifestyleNext.jsSanity CMSAccessibility

Case Story

A concise breakdown of the engagement from challenge to results.

Strategic Roadmap

Pages built: Home, About, Start Here, Blog, Shop, Work With Me, Press & Features, and Contact — 8 pages, each its own Sanity singleton with bespoke, fully editable fields rather than a generic page builder.

Key features: a live YouTube video feed via the YouTube Data API v3, category-filterable Blog and Shop, hover/tap-to-expand Work With Me offering cards with a touch-device fallback, a Sanity-controlled background photo with adjustable opacity on the Start Here page, and a newsletter pipeline with RFC 8058 one-click unsubscribe.

Email: Resend handles contact-form notifications and newsletter signup confirmations, both best-effort sends that never block the underlying Sanity write.

Accessibility: added proper form labels across the newsletter and contact forms (previously relying on placeholder text alone) and verified landmark structure, heading hierarchy, and image/link accessible names sitewide.

Tech stack: Next.js 16, Sanity CMS, Tailwind CSS v4 CSS-first theming, framer-motion for scroll reveals and the mobile nav panel, deployed to Vercel with the frontend and Sanity as backend.

Hard requirement honored throughout: every piece of copy and every image is a Sanity field Julie can edit or remove herself, with nothing hardcoded in the Next.js code.

Results

  • Live, client-approved and deployed
  • Newsletter signups: update at 30 days
  • Contact form submissions: update at 30 days
  • Lighthouse accessibility score: update after a full Lighthouse run

Insight

Julie's brand already had a voice and an audience; the gap was a site she could actually run herself. Building every page as its own Sanity singleton, instead of a generic page builder, let the CMS match the real shape of her content instead of forcing it into blocks that didn't fit.

Ready to transform your organization?

Let's discuss how we can help you achieve similar results.

Book a Discovery Call