Skip to content

MetalAP

Metal AP builds custom canopies and awnings for homes and businesses across Central Ohio. Their existing Wix site undersold the work: dated design, generic copy, and a lead form that dumped submissions into a dashboard the owner never checked. I designed and built a replacement from scratch: a fast, mobile-first marketing site with a filterable project gallery, and a purpose-built CMS so the owner can manage his own photos without touching code or calling me. The admin is deliberately minimal: a media library, gallery categories, and eight editable page images (hero, about, one per service). Every upload is optimized to WebP before it's stored, so the CDN only ever serves small files. Quote requests arrive as branded HTML email with reply-to wired to the customer, so he answers leads directly from his phone instead of copying addresses between inboxes.

ClientMetalAP Awnings & Canopies
RoleFull Stack
Year2026
Next.js 16React 19TypeScriptTailwind CSS v4sharpNodemailerCustom Design SystemSupabase PostgresSupabase StorageSupabase Auth
MetalAP

−73% (320 KB → 88 KB)

Gallery Payload

59

Project photos migrated

67

Owner-editable images

0

Security advisories

1 week

Delivery

Process

01

Discovery & Proposal

Audited the client's existing Wix site, mapped the services and content worth keeping, and scoped the rebuild. Delivered a client-facing proposal covering deliverables, timeline, and cost before any code was written.

Competitive audit of the existing siteContent and service inventoryWritten proposal with scope, timeline and pricingAgreed sitemap and page structure
02

Design & Build

Designed an industrial visual system — steel greys, structural grid, condensed type, red used strictly as punctuation — and built five responsive pages on Next.js with copywriting tuned for local search intent.

Industrial design system and component libraryHome, Services, Gallery, About and Contact pagesFull copywriting across all pagesFilterable project gallery with lightboxTechnical SEO: metadata, JSON-LD, sitemap, robots, OG image
03

Custom CMS & Content Migration

Built a purpose-built admin so the owner manages his own photos without a developer. Every upload is optimized to WebP before storage, and all 59 existing project photos were migrated and categorized.

Postgres schema with row-level securityMedia library with upload, categorize and deleteEight editable page images (hero, about, per-service)Automated image pipeline: WebP thumbnail + full-size renditionsMigration of 59 project photos into six service categoriesAuthenticated admin with on-demand cache revalidation
04

Launch & Handover

Registered a new domain to move the client off Wix entirely, deployed to production, and wired quote requests to a branded inbox the owner replies from directly on his phone.

Domain registration, DNS and SSLProduction deployment on Node hostingBranded business emailTransactional quote-request email with reply-to routingSpam protection and delivery testingOwner walkthrough of the CMS