Selected Work 07 Live Builds

Work

Six live sites for real businesses. Design, build, SEO, and the boring parts no one talks about. Click a tile to jump to its case study.

Car Detailing

White Line Detailing
Run Club App

Outback Runners Club
HVAC

Mech and Gas
Live Demo

Mighty Thunder
Real Estate

Opulence Properties
Showcase Build

Northbound Studio
AI Visibility SaaS

SeenRank
01 / 07 Car Detailing · Bel Air, MD

White Line Detailing

  • Design
  • Build
  • Local SEO
  • Booking flow
White Line Detailing homepage

A local-business site that actually ranks.

Mobile detailing brand serving Harford County. The brief was simple: rank in maps, look more polished than the corporate franchises, and convert nervous first-time buyers without a phone call. Built for speed score, trust, and inbox-ready leads.

  • 0/100 Lighthouse
    performance
  • 0js kb Frameworks
    shipped to user
  • 0 Service pages
    targeting local intent
  • 1tap From hero to
    inquiry form

How it earns the click

  • 01
    Static HTML, no build step. Plain HTML/CSS/JS deployed direct to Hostinger. Sub-second TTFB, no hydration tax, no framework chunk that doubles in size on the next update.
  • 02
    Schema for the local pack. LocalBusiness, AggregateRating, Service, and FAQ markup so Google has structured signal beyond keyword density.
  • 03
    Packages with photo proofs. Before/after stills inline with pricing so the “what does it actually look like” question dies before the visitor leaves the page.
  • 04
    Inquiry form, not a phone call. Name, vehicle, photo upload, time window. Lands in inbox while the customer is still hot. No phone tag, no missed calls, no friction.
View Live Site
02 / 07 Community Run Club App

Outback Runners Club

  • React 19
  • Vite
  • Supabase
  • PWA
  • Push notifications
  • iOS App
Outback Runners Club homepage

A full web app, not a brochure site.

Members log runs, RSVP for weekly events, climb a leaderboard, and chat in real time with reactions. There’s an admin dashboard for the club lead and push notifications for chat mentions. Lives on the web, iOS App Store, and as a PWA install.

  • 0 Platforms
    web · iOS · PWA
  • 0+ Real-time
    features shipped
  • 0tap From phone home
    to logged run
  • 100% RLS-gated
    member data

Under the hood

  • 01
    React 19 + Vite + Supabase. Frontend in React with Vite for the build, Supabase Auth and Postgres for everything backend. No Express, no SQLite, no custom server to babysit.
  • 02
    Role-gated admin. Admin role lives in raw_user_meta_data, gated at the route level and again at the RLS policy level so even a forged client request can’t see other members’ data.
  • 03
    Leaderboard math in Postgres. Materialized views compute weekly and all-time standings. The client just reads, never aggregates. Stays fast as the member list grows.
  • 04
    Real-time chat with reactions. Supabase Realtime subscriptions feed the chat panel. Reactions are stored as discrete rows so concurrent taps don’t collide, and a Supabase Edge Function fans out push notifications on mentions.
  • 05
    iOS via Codemagic. The same React codebase ships to TestFlight and the App Store as a native shell. Manual builds via codemagic.yaml, web auto-deploys to Hostinger on every push to master.
View Live App Download on the App Store
03 / 07 HVAC & Mechanical

Mech and Gas

  • Design
  • Build
  • Local SEO
  • Lead capture
Mech and Gas homepage

A contractor site built to earn the click.

HVAC and mechanical contractor in a competitive, price-led trade. Google sends the visitor; the site has to do the rest before a single phone tag round starts. Built to be skim-readable on a phone with one clear next step on every page.

  • $0 Paid ad spend
    to rank
  • 0 Local service
    pages
  • 0 Schema types
    on the homepage
  • 1/page Clear next step
    per visit

How it ranks locally

  • 01
    Service-area pages. One page per major service, written to the exact local query (“furnace repair Bel Air,” “HVAC install Harford County”), not generic boilerplate.
  • 02
    Structured data. LocalBusiness, Service, AggregateRating, and FAQ markup so Google understands the service area and pricing tier without guessing.
  • 03
    Lead form that doesn’t fight the user. Short, mobile-first, optional fields collapsed by default. Submissions land in inbox while the homeowner is still on the page.
  • 04
    Static, fast, no framework. Plain HTML deployed to Hostinger so the page paints before a competitor’s React shell even hydrates.
View Live Site
04 / 07 Live Demo · Proof of Work

Mighty Thunder Kitchen

  • Vanilla JS
  • HTML
  • CSS animations
Mighty Thunder Kitchen demo

A front-end showcase, no framework attached.

An interactive demo for clients who want to see the moving parts before committing to a real build. Custom motion, scroll choreography, hover states, all hand-coded. The point is the craft, not the stack.

  • 0kb fw Framework
    bundle size
  • 0fps Scroll & hover
    target
  • 0% Hand-coded
    motion
  • 0 Scroll choreography
    moments

What it shows

  • 01
    Scroll choreography. Sections enter on a timed budget, not the default IntersectionObserver triggers most sites use. Each transition is hand-tuned for the section’s content.
  • 02
    Hover states with intent. Buttons, links, and cards each get a different hover behavior so the page tells the visitor what’s interactive without labelling everything.
  • 03
    Custom motion, no library tax. Built without GSAP, Framer, or Lenis. Plain CSS transitions plus targeted JS for the few moments that need it. Tiny payload, fast first paint.
View Demo
05 / 07 Real Estate Investment

Opulence Properties

  • Design
  • Build
  • Service-area SEO
  • Offer flow
Opulence Properties homepage

A cash-buyer site built on trust and speed.

The audience is stressed, often on mobile, and skeptical for good reason. Priority is trust signal in the first viewport and an instant-feel quote path with no phone-call gate. Skim-readable in 30 seconds, one clear next step.

  • 0s Skim-readability
    target
  • 1/page Clear next step
    per visit
  • 0 Pages: blog, FAQs,
    resources, more
  • 0 Phone calls
    before quote

Trust architecture

  • 01
    Trust signal in the first viewport. Real photos, real names, real process. No stock imagery, no vague guarantees. The hero earns the scroll instead of asking for it.
  • 02
    Instant-offer flow. Address-first form, short field count, mobile-first layout. The seller gets to a real next step without picking up the phone.
  • 03
    FAQs above the fold of doubt. The questions every cash-buyer prospect asks (fees, timeline, repairs, fairness) answered up front before they bounce to compare.
  • 04
    Resources + blog for service-area SEO. How-to-sell content keyed to the local market so the site ranks for long-tail searches that paid ads waste budget on.
View Live Site
06 / 07 Showcase Build · React + GSAP + Lenis

Northbound Studio

  • React 19
  • GSAP
  • Lenis
  • SplitText
Northbound Studio homepage

A showroom build, the ceiling of what’s possible.

A fictional design studio site built to flex the stack. Not a client project. Built so prospective clients can see the ceiling before deciding whether to push past a clean brochure site. Pinned scroll, magnetic buttons, velocity-reactive marquees, SplitText reveals.

  • 0 Motion libraries
    orchestrated
  • 0fps Scroll feel
    on desktop trackpad
  • 0+ Bespoke motion
    moments
  • 0 Templates
    used

The motion stack

  • 01
    GSAP ScrollTrigger for pinned sequences. Cards stack, decouple, and release on scroll. Travel distance recalculates on resize so the choreography survives a window drag mid-scroll.
  • 02
    Lenis for smooth scroll. Buttery wheel feel without breaking ScrollTrigger’s pin math. Wired through GSAP’s ticker so they share one source of truth.
  • 03
    SplitText kinetic reveals. Display headlines split per-word and per-char, masked by parent overflow, staggered with cubic ease. The hero reveal is one moment, not five.
  • 04
    Magnetic buttons + velocity marquees. Cursor pulls CTAs toward it (clamped translate). Marquee speed tracks Lenis’s scroll velocity so the bar reacts to how fast you flick.
View Demo
07 / 07 AI Search Visibility · SaaS

SeenRank

  • React 19
  • Vite
  • Supabase
  • pg_cron
  • Claude + GPT + Perplexity
  • Stripe
SeenRank home page | free AI check form alongside the headline 'Win the AI answer for every client.'

A real product, not a portfolio piece.

SeenRank tracks whether a business gets cited when customers ask ChatGPT, Claude, Perplexity, and Google AI Overview buying-intent questions like “best HVAC in Bel Air.” Weekly runs, competitor leaderboard, AI-written action list. Built solo, end to end, from auth and billing to the cron job that fires every Monday at 6am UTC.

  • 0 AI engines
    queried in parallel
  • $0 Daily spend
    circuit breaker
  • 1/wk Cron-driven
    visibility run
  • 100% Org-level RLS
    on every row

Under the hood

  • 01
    Multi-engine pipeline. One query, three AI providers in parallel. Same prompt, same moment, three independent answers.
  • 02
    Claude Haiku parsing layer. Extracts a structured verdict from each raw response: mentioned, position, competitors, sentiment. The dashboard stays consistent across engines.
  • 03
    Tier-based model selection. Haiku for free, Sonnet for paid. Margins stay sane without degrading the paying experience.
  • 04
    Global $20/day spend ceiling. A circuit breaker so a runaway bug can’t drain the API budget overnight.
  • 05
    Supabase RLS + pg_cron + client-side PDFs. Per-org data isolation at the database level, weekly schedule handled in Postgres, reports generated in the browser so server cost stays flat as customers grow.
Try SeenRank

Want one of these for your business?

Tell me about the project. Most builds ship in 2 to 4 weeks.

Start a Project