Vertex Solar & Roofing.
A warm, coastal-Florida marketing site and working online store for a Fort Myers solar, roofing, and water-purification company. A dated Wix site rebuilt into a credible Gulf-Coast brand, with a refreshed logo, real photography, and a Stripe-powered shop.
Vertex Solar & Roofing is a family-owned company on Florida's Gulf Coast, based in Fort Myers and serving Punta Gorda, Riverview, Temple Terrace and beyond. They do three things: solar, roofing, and whole-home water purification. Their old site was a dated Wix build that buried all three.
The work began with a brand refresh. I redrew their busy raster logo as a clean vector mark and built a warm coastal Gulf-Florida design system, sunset gold and coral over ocean blue and teal on a sandy background, with Bricolage Grotesque over Hanken Grotesk. Deliberately warmer than the cold tech-blue most solar brands default to. Hand-built static HTML, CSS, and JS, deployed on Vercel.
Instead of the usual icon-card grid, the three services live in a vertical-tab layout with wave dividers between bands. Every number and review is real, scraped from their own site. And because they sell water systems online, I rebuilt the store too: a full product catalogue, a slide-in cart, and a Stripe checkout that goes live the moment a key is added.
-
A warm coastal brand system A refreshed sun-and-palm logo and a sunset-gold, coral, ocean-blue, and teal palette on sandy neutrals, with Bricolage Grotesque and Hanken Grotesk. Coastal and premium, not cold tech-blue.
-
Vertical-tab services, not a card grid Solar, roofing, and water sit in an interactive tab rail with a detail pane, colour-coded gold, coral, and teal, separated by signature wave dividers.
-
A working online store with Stripe checkout The Vertex Home water line rebuilt as a real shop: product quick-views with configurable options, a persistent slide-in cart, and a serverless Stripe checkout that activates with one environment key.
-
Real photography and real proof Every photo is a real Vertex install, alongside verbatim Google reviews from real Gulf-Coast towns and genuine numbers: 1.5K customers, 15M kWh produced, 7.5M tons of CO2 avoided.
-
Fast, accessible, SEO-ready, mobile-first Optimised WebP imagery, lazy-loading, keyboard focus and reduced-motion support, RoofingContractor and FAQ structured data, a sitemap, an on-brand 404, and a sticky mobile call bar.
Services. A vertical-tab rail, not a card grid.
Shop. The Vertex Home water store, rebuilt.
Cart. Slide-in drawer into Stripe checkout.
Mobile hero. Drawer nav, sticky call bar.
Mobile shop. Single-column product stack.