W45 Media

Challenge

W45 Media needed a credible digital presence that unified six distinct service lines — IT consultation, telecommunications, networking, social media, business promotions, and creative/web development — while converting visitors into qualified leads with a reliable contact pipeline.

Solution Architecture

• TanStack Start SSR on Cloudflare Workers with Nitro and branded error handling
• 11 responsive routes — home, about, contact, services hub, and 6 long-form service detail pages
• Rich service pages — problems/solutions, benefits, deliverables, process steps, FAQs, and outcome metrics per vertical
• Contact form pipeline — Supabase form_submissions insert with RLS, fire-and-forget Edge Function invoke
• Dual SMTP emails — business notification + customer auto-reply via Nodemailer on Deno
• SEO layer — per-route meta titles, Open Graph/Twitter tags, trailing-slash enforcement (308 redirects)

flowchart LR
  Visitor[Visitor] --> Site[TanStack Start SSR]
  Site --> Pages[11 Marketing Pages]
  Visitor --> Form[Contact Form]
  Form --> DB[(Supabase DB)]
  Form --> Edge[send-form-email Edge Fn]
  Edge --> SMTP[Dual SMTP Emails]
  Site --> CF[Cloudflare Workers]

Results

• Shipped a production-ready agency site with animated hero, testimonial sections, and service storytelling
• Implemented end-to-end lead capture with database persistence and automated email notifications
• Deployed SSR on Cloudflare Workers with reduced-motion support and accessibility touches
• Structured content for 6 industries: retail, hospitality, education, property, healthcare, finance

Timeline

| Phase | Focus | |-------|-------| | Scaffold | TanStack Start + Lovable foundation, design tokens, component library | | Content | 6 service detail pages with structured copy and FAQs | | Backend | Supabase migration, RLS policies, Edge Function email pipeline | | Launch | Cloudflare Workers deployment, SEO meta, error pages |