FREELANCER MAGAZINE

Freelancer Magazine needed more than a standard subscription box storefront. They were running a freelancer lifestyle brand that combined a quarterly print magazine, a weekly newsletter, online courses, a freelancer directory, live events, and a growing community — all stitched together across disconnected tools. The site needed to sell subscriptions, capture leads, host gated member features, and position the brand as the destination for their audience — without feeling like a patchwork of plugins.

We delivered a 25+ page Next.js application with deep e-commerce, content, and community features — all designed around the brand’s bold pink-and-yellow identity with zero border radii and punchy editorial typography.

A full storefront powered by Subbly with a shop landing page featuring anchor navigation across eight product sections — quarterly subscriptions, starter packs, single issues, merch, and wholesale. We built dedicated product detail pages for the flagship subscription and print directory, plus a dynamic catch-all product page for any future SKU. Every product page includes variant selection, plan toggling between one-time and recurring, quantity controls, and a persistent cart widget in the announcement bar. We also built a complete configurable bundle system supporting fixed, single-product, and multi-product modes with four layout types.

A dedicated landing page for the weekly newsletter, “The Dunker,” with signup forms, past issue previews, reader testimonials, and an advertising CTA. We integrated 10 ConvertKit forms across the site for lead magnets including three downloadable guides (Starting a Freelance Business, Happier Freelance Life, Weekly Planner), a masterclass waitlist, and event signups.

Each course — LinkedIn for Humans, Grow Your Own Newsletter, A Course of Course, 7 Steps to Content Creation Confidence, and Nail Your Offering — received a full long-form sales page with hero, benefit blocks, testimonial carousels, course outlines, objection handling, and pricing sections.

An authenticated member area with Subbly-powered login (password and magic-link OTP), an account overview, and two major member features: a freelancer directory profile builder with photo upload, 30 filterable categories, and public listing on a browsable directory page; plus a community event submission form with image uploads. All member content is stored in Contentful via management API with server actions.

A CMS-powered events calendar pulling weekly, monthly, and community-submitted events from Contentful. Three free resource hubs organized by topic, each pulling article grids from the CMS. A dynamic article system with rich text rendering, embedded assets, sidebar CTAs, social sharing, and previous/next navigation. A masterclass replays page with speaker cards, sponsor logos, and Kit form integration.

An advertising media kit page with anchor nav, ad specs, booking deadlines, and past advertiser logos. A virtual coworking landing page. A customer service page with FAQ accordion and Web3Forms contact form. Three legal pages. A full-screen site search overlay. Custom 404 and error pages. A dynamic XML sitemap and robots.txt. Structured data (JSON-LD) for organization, website, articles, and products.

Every decision was strategic. The CMS integration means the client adds events, articles, and directory profiles without touching code. The ConvertKit forms turn every page into a lead capture opportunity. The modular component architecture — over 150 components organized by page — means any section can be reused, restyled, or extended as the brand grows.

We delivered a production-grade platform spanning 25+ routes, 150+ components, five third-party integrations (Subbly, Contentful, ConvertKit, Web3Forms, Amazon S3), a full authentication system, and a member dashboard with CMS-backed user-generated content — in 14 days. The site launched with SEO fundamentals baked in: structured data, dynamic sitemaps, semantic HTML, proper heading hierarchy, and ISR caching. Every page was built as a discrete, maintainable module — giving the client a codebase they can scale without rewriting.