Wyrelane Solutions - Agency OS

A complete operations platform for a digital agency, a marketing site, an AI-powered admin console, and a secure client portal, all on one Next.js + Supabase codebase.

Next.jsReactTypeScriptTailwind CSSSupabasePostgreSQLGoogle GeminiFramer MotionGSAPZodNodemailerVercel

Project

Client: Wyrelane Solutions (in-house)
Category: Web App Development

Start a project

Visit live site

§ 01 - Overview

What is Wyrelane Solutions - Agency OS?

Wyrelane Solutions - Agency OS is the full platform that runs our studio end-to-end. It combines a fast, SEO-optimized marketing site, a powerful super-admin console (CRM, analytics, invoicing, email campaigns, and content management), and a secure client portal where clients track milestones, approve work, and view files and invoices. AI is woven throughout, scoring and replying to leads, drafting content, summarizing analytics, and answering visitor questions live on the site, all backed by row-level security, role-based access, and two-factor authentication.

§ - Case study

The story.

The challenge

Running an agency means juggling a marketing site, a CRM, invoicing, client communication, and content, usually across five different tools that don't talk to each other. We set out to replace all of it with one system we fully control.

What we built

A single platform with three surfaces on one codebase: a fast, SEO-first marketing site that converts visitors into leads; a super-admin console that handles the entire lead-to-cash workflow, CRM pipeline, first-party analytics, branded invoicing, email campaigns, and a content CMS; and a client portal where clients follow milestones, approve deliverables, pay invoices, and message us. We embedded AI across the board: it scores, and drafts replies to new leads, writes campaign and case-study copy, summarizes the week's analytics, and powers an on-site assistant that answers visitor questions from live site data. Security was treated as a first-class feature, with row-level security on every table, role-based access, two-factor authentication, audit logs, and GDPR tooling.

The result

One platform replaces a stack of SaaS subscriptions; every client interaction and lead lives in one place; and AI removes the busywork of follow-up and content writing, so the team spends time on the work that matters.

§ - Capabilities

Key features.

Built a complete agency operations platform, public marketing site, admin console, and client portal on a single Next.js and Supabase codebase.
Designed a lead-to-client CRM: contact and consultation forms capture budget, service, and timeline, then flow into a drag-and-drop pipeline with a full activity timeline and one-click convert-to-client.
Wove AI throughout: hot/warm/cold lead scoring, one-click reply drafting from a lead's brief, content writers for campaigns and case studies, an analytics digest, and an on-site assistant grounded in live site data.
Built a client portal where clients track project milestones, approve deliverables, view files and invoices, and message the team, with real-time notifications on both sides.
Created branded PDF invoicing with sequential numbering, email delivery, secure public share links, and client "mark as paid" confirmation.
Implemented first-party, cookieless analytics, top pages, referrers, countries, and a conversion funnel, with an AI-written weekly summary emailed to the team.
Shipped a full content CMS, blog with scheduling, SEO, and tags, plus portfolio, services, pricing, and testimonials, all editable without code.
Hardened security end-to-end: row-level security on every table, role-based access, super-admin-only zones, TOTP two-factor auth with backup codes, audit logging, and GDPR export and erase.
Engineered for SEO and speed with server-rendered and statically generated pages, structured data, sitemap, and RSS.