Independent portfolio. Not affiliated with, endorsed by, or sponsored by any company shown. All trademarks, logos, and work belong to their respective owners.

all work

FLO Exterior Solutions

Rebrand and website for a growing exterior contractor.

  • 28Pages in the new architecture
  • 22Old pages mapped to 301 redirects
  • 17Custom Elementor widgets

Services

Brand RefreshInformation ArchitectureWeb DesignWeb DevelopmentSEO MigrationAI Image Production
FLO Exterior Solutions

Overview

FLO Gutters, a Bucks County, Pennsylvania contractor, was expanding from gutters into full roofing. I planned the move to FLO Exterior Solutions: a refreshed logo, a new site architecture with roofing in front, a custom WordPress theme the team can edit with Elementor, and three original design directions to choose from.

Outcomes

28Pages in the new architecture
22Old pages mapped to 301 redirects
17Custom Elementor widgets
3Original design directions
Design direction: Studio
Design direction: Studio

The challenge

The old site was built around gutters, with 22 pages that needed to keep their search traffic. The new brand had to lead with roofing without losing the FLO name customers already knew.

Design direction: Forge
Design direction: Forge
Design direction: Hearth
Design direction: Hearth

What I did

  1. Brand refresh

    Kept the F-L-O mark (gutter-profile F, copper downspout L, water swirl O) and paired it with a new EXTERIOR SOLUTIONS wordmark, in light and dark versions.

  2. Site architecture

    A roofing hub with installation, replacement, repair, inspection and roof-type pages, a FLO Gutters section, additional services, About, Gallery and a quote request, 28 pages in all.

  3. Migration plan

    A page-by-page 301 redirect map for all 22 old pages, so existing rankings move to their new equivalents instead of the home page.

  4. Editable custom theme

    A custom WordPress theme with 17 FLO Elementor widgets, so the team can edit pages, the header and footer without a developer.

  5. Three design directions

    Studio, Forge and Hearth, each an original layout with its own palettes and type pairings, switchable live in a clickable prototype for approval.

  6. Real work first

    60 of the crew's own job photos, sorted by service, with AI-produced images only where no real photo existed.

Services grid
Services grid
Real job photos, filterable by service
Real job photos, filterable by service
Mobile layout
Mobile layout

Keep exploring

View all work
Next case study

NeuEx.ai

An autonomous Ai newsroom, designed and built end to end.

  • 41Articles published
  • 3/dayPublishing slots, run unattended
Read the case study

Let’s build what’s next for your brand.

schedule a call

ghiankarlo.com is a personal portfolio maintained by Ghiankarlo Olivos to showcase professional work completed for clients and employers. This site is independent and is not affiliated with, endorsed by, sponsored by, or connected to any company, brand, or agency referenced or displayed. All company names, trademarks, logos, and brand assets are the property of their respective owners and appear here solely for identification and demonstration, consistent with nominative fair use. Work samples were produced in the course of professional engagements and remain the intellectual property of the respective clients, employers, or agencies for whom they were created. No ownership or authorship of any third party brand or asset is claimed or implied. If you are a rights holder with a concern about any content, please contact gk@ghiankarlo.com and it will be addressed promptly.