Jardine Studio
SERVICE / WEB DEVELOPMENT / MEMBER AREAS

A member area on your stack, in your brand.

Membership SaaS charges per seat indefinitely and ends the brand experience at the moment the customer pays. The studio builds the member area on the same stack as the rest of the site. Light authentication, gated content, member directories, Stripe integration where payment matters. The brand stays continuous from sign-up through delivery, and the per-seat tax goes away.

A FEW BUSINESSES THE STUDIO HAS WORKED WITH
Palisades Lodge of Big Pine logo
The Black Salt Room logo
BLIZZARDFIRE PROTECTION
Bodie Foundation logo
Night Rose Deathcare logo
WHERE IT BREAKS

The gated experience breaks at the edge of the site.

Most member-area work starts the same way. The team has resources to share, customers to serve, or content to gate, but no good way to do it on the site. The current workflow is either painfully manual or runs on a SaaS that costs more than it should.

  • The team emails PDFs to clients one at a time.

    A new client signs up. The team digs through Drive, finds the right files, and sends them. Repeat for every onboarding, every renewal, every resource update.

  • The client portal is a Google Drive folder shared per client.

    Each client has a folder. The team manages permissions by hand. The brand experience ends at the moment the client clicks the Drive link.

  • Paid content lives on Gumroad or Podia, and the brand stops at the link.

    The buyer signs up on the site, then gets bounced to a third-party platform that looks nothing like the brand. The trust the site built gets handed to a vendor.

  • A SaaS subscription page just to host a few documents.

    Per-seat pricing on a platform that does ten times what the team needs. The platform owns the data, the brand, and the customer relationship.

WHAT IT COSTS

Overbuilt or underbuilt, both cost the team.

The cost of a missing member area shows up as manual onboarding, a fractured brand experience, and per-seat fees on a platform that does not match the work. Each one compounds as the membership grows.

  • Hours on manual delivery the site should be doing.

    Onboarding, renewals, resource updates, password resets. Each one is a small chore. Multiplied by the membership, they become a recurring drag on the team's week.

  • A client experience that breaks at the boundary of the site.

    The site is polished. The Drive folder, the Gumroad page, or the SaaS dashboard is not. The handoff costs trust at exactly the moment trust matters most.

  • Per-seat fees on a platform that does more than the team needs.

    Membership platforms charge per member, per month, indefinitely. The team is paying for features they will never use just to host PDF downloads.

  • A brand discontinuity between the site and the gated area.

    The buyer signs up on the studio's site and then sees the platform's interface. The brand asset that mattered most stops being an asset the moment they pay.

HOW WE DO IT

Five moves that build a member area without overbuilding it.

The studio builds the smallest serious member area that solves the problem. The auth, the content, and the payments live on infrastructure the business owns, in the brand the business owns.

  • Map who needs to see what.

    Brief and audit: audience, content types, gating rules, payment model. The map drives every other decision.

  • Pick the right auth shape.

    Magic-link email for the lightest gate, password for familiar UX, OAuth (Google, Apple, Microsoft) for enterprise audiences, Clerk or Auth.js for production-grade work. The brief picks based on the audience and the content sensitivity.

  • Build the gated area on the same stack as the rest of the site.

    Same Next.js codebase, same design system, same brand. The member experience reads as a continuation of the site, not a handoff to a vendor.

  • Wire content management.

    Through the existing CMS, a dedicated tool, or direct upload depending on volume. Members see a curated subset; admins see everything. Adding a resource is a publish action, not a developer ticket.

  • Payment integration when the membership is paid.

    Stripe handles subscription, one-time access, or tiered membership. Auth and Stripe stay in sync so paying customers land in the right tier automatically.

Emailing PDFs one at a time?

Send the audience, the content, and the payment model. The first call settles the shape of the member area.

WHAT YOU GET

Outcomes every member-area engagement ships with.

Specific deliverables that hold whether the engagement is a free gated library or a paid tiered membership.

  • A member area on your stack, in your brand.

    The gated experience reads as part of the site. Same typography, same brand, same continuity from sign-up through delivery.

  • Auth the team can run without a SaaS subscription.

    Member management lives in the team's own systems. No per-seat fees scaling with the membership.

  • Content the team can update without a developer.

    Adding a resource, gating a new section, or rotating a download link is a CMS action, not an engineering ticket.

THE ENGAGEMENT

How the work moves.

  1. Phase 1: Member-area brief and scope

    Audience, content types, gating rules, and payment model decided before any auth or build work begins.

  2. Phase 2: Auth selection

    Magic-link, password, OAuth, Clerk, or Auth.js picked by audience and sensitivity. Account-recovery flow decided up front.

  3. Phase 3: Build

    Gated routes, content rendering, member directory if needed, admin views for the team. Same stack as the rest of the site.

  4. Phase 4: Payment integration where applicable

    Stripe wired for subscription, one-time, or tiered access. Auth state and payment state kept in sync so access mirrors subscription status.

  5. Phase 5: Launch and team onboarding

    Migrate existing customers in, hand off admin workflows to the team, and monitor the first weeks of real member traffic.

QUESTIONS

Things worth knowing.

What auth options does the studio use?
Magic-link email (the lightest), password with reset, OAuth (Google, Apple, GitHub, Microsoft), light passcode for low-stakes gates, and full Clerk or Auth.js for production-grade auth. The brief picks the right one for the audience and the sensitivity of the content. The studio avoids over-engineering auth for a gated PDF library and avoids under-engineering it for a paid member portal.
Does it support payment for member access?
Yes. Stripe handles subscription, one-time access, or tiered membership. The studio wires the auth so paying customers land in the right tier automatically, and so refunds or cancellations downgrade access without manual intervention. Payment lands in the team's Stripe account, not a studio-hosted one.
Can existing customers be migrated in?
Yes. The studio can import a list (CSV, Airtable export, HubSpot contacts, Stripe customers) and send out first-access emails so existing customers do not have to re-sign-up cold. Migration usually runs in the launch sprint so the team is not maintaining two systems in parallel.
How is the gated content managed?
Through the same CMS the rest of the site uses, or a dedicated tool depending on volume. Members see a curated subset; admins see everything. Editing stays in the team's hands after launch, so adding a new resource is a publish action, not a developer ticket.
What about per-seat platform fees from a SaaS membership tool?
The point of the engagement is to avoid them. The studio builds on infrastructure the business owns (Vercel, Supabase, Clerk's lower tiers, NextAuth) so the per-seat tax goes away. Stripe still takes its cut on payments; that is not avoidable. But the team is not paying $5 per member per month to host PDF downloads.
How much does a member area cost?
Scope drives the price. A simple gated PDF library is different work than a tiered member portal with payment, directories, and personalized content. The first call sizes the audience, the auth, the content shape, and the payment model before the studio quotes.
ALSO HERE

A member area on your stack, in your brand.

Send the audience, the content, and the payment model. The first call settles the shape of the area.