Website Development · 2026

How a Full Website Revamp Lifted Engagement by 164% Without Touching Conversion Rates

City Power and Gas had been running on the same website foundation for over a decade. We rebuilt it from the ground up — in 63 days, with zero downtime, zero campaign disruption, and a homepage performance score that jumped from 33 to 98.

33 98
Homepage performance score
+197% improvement
55 93
FAQ page mobile performance
+69% improvement
63
Days · start to finish
+164.1%
Engagement time per session
99.9%
Conversion rate maintained
Zero
Downtime or campaign disruption
01 — Brief

A decade-old acquisition platform, rebuilt for the next decade.

City Power and Gas is one of the largest residential energy suppliers in New York and Pennsylvania. Their website is the core engine that converts energy switchers into customers — not a brochure, an acquisition platform.

The platform had been accumulating technical debt for over ten years — not failing outright, but quietly working against the brand's ability to scale. The design no longer matched the quality of the brand. Performance scores were in the red. Campaign landing pages were unstable. Every attempt to improve the platform introduced new risk rather than new capability.

The objective was a full-site revamp — modern UX, clean architecture, optimised performance, protected SEO — completed while the business kept running without disruption. No downtime, no campaign breaks, no tracking gaps. City Power and Gas needed a platform that didn't just look better, but was architecturally ready to scale into new markets as the brand grew beyond New York and Pennsylvania.

Client
City Power and Gas
Industry
Energy Utility — Electricity & Natural Gas
Geography
New York & Pennsylvania
Audience
Residential energy switchers
Timeline
63 days · start to finish
Scope
Full website revamp — design, development, performance, SEO migration, URL architecture
02 — Challenge

A decade of technical debt, running in silence.

The site wasn't broken in an obvious way — it was still generating leads. But underneath, every part of the platform was working against the brand's ability to grow.

01
An outdated user experience. The design and interaction patterns no longer matched what modern energy shoppers expect from a brand they're trusting with their utility bills.
02
A legacy theme that fought every change. Adding new sections or content wasn't a quick task — it was a project, and often a risky one.
03
A site that broke under its own optimisation. Every attempt to improve the platform introduced new instability. The team was optimising with one hand tied behind its back.
04
Failing Core Web Vitals. Poor technical performance was dragging down both user experience and search visibility — a double cost paid silently every day.
05
Unreliable campaign landing pages. As paid campaigns scaled, the site's unstable sections made it harder to launch and maintain dedicated landing pages reliably.
06
Eroding brand trust. In a category where customers choose who to trust with their home's energy, an outdated-looking site was quietly working against conversion.
07
A ceiling on every enhancement. Technical debt surfaced every time the team tried to push the platform forward — until a full revamp became the only real path.
08
A fragmented URL structure. Pennsylvania ran on a separate subdomain — pa.citypowerandgas.com — which fragmented SEO authority and made centralised management harder at scale.
City Power and Gas's website isn't a brochure — it's the core acquisition engine for residential switchers across two states. Each of these issues had a direct line to lead quality, marketing efficiency, and brand credibility. The platform needed to evolve from "the site that still works" to "the site that actively helps the business scale."
03 — Approach

Seven focus areas. One guiding constraint.

The brief wasn't just "redesign the website." It was "redesign the website without anyone noticing the transition" — no organic traffic dip, no broken campaigns, no lost tracking data, no downtime.

01
UX Modernisation
Cleaner layouts and a clearer visual hierarchy across every page — designed for how modern energy shoppers actually browse and decide.
02
Technical Stability
Reduced dependency on the constraints of the legacy theme — a clean build that could evolve without breaking under its own weight.
03
Core Web Vitals
A lightweight build engineered from the ground up around Lighthouse performance benchmarks for both desktop and mobile.
04
SEO Protection
Controlled migration with full URL mapping and redirect planning — no organic authority lost in the transition to new architecture.
05
Landing Page Scale
A modular, reusable section structure for faster, more reliable deployment of dedicated paid campaign landing pages.
06
Tracking Continuity
Full validation of GA4, Google Ads, and Pixel tracking — not a single conversion event or audience signal lost during migration.
07
Deployment Safety
Phased migration with structured post-launch monitoring — a controlled handover, not a single high-risk switchover moment.
Structural decision
Pennsylvania consolidated under the main domain.
Search engines treat subdomains as semi-independent properties, which fragments SEO authority and makes centralised tracking harder. By consolidating Pennsylvania under the main domain's directory structure, City Power and Gas gains a unified SEO profile across both states, simplified analytics, and a repeatable template for adding future states — without re-architecting the site each time.
Before
pa.citypowerandgas.com
After
citypowerandgas.com/pa/
04 — Transformation

Every section, rebuilt from scratch.

The revamp touched every page — not just reskinned, but rethought. Five sections that show the scale of the transformation.

The legacy homepage relied on a cramped hero section, a small testimonial carousel, and minimal visual breathing room. The revamp leads with a full-width, high-impact hero — "New York, you have the power to choose your energy supplier" — paired with a striking skyline visual, a clear Get Started CTA, and a redesigned navigation that immediately signals a modern, trustworthy brand.
Before
City Power and Gas legacy homepage — cramped hero section, minimal visual breathing room, outdated layout
After
City Power and Gas homepage revamped — full-width hero with skyline visual and clear energy choice messaging
Previously a dense navy block with three small icon callouts crammed into a dark background. Reimagined as a clean, light, card-based layout — each value proposition (5-Minute signup, 100% Renewable Energy, 90-Day No-Risk Guarantee) now has its own breathing room, icon, and CTA. The brand's core promises are scannable in seconds.
Before
Why City Power and Gas — legacy dense navy block with small icon callouts on a dark background
After
Why City Power and Gas — revamped card-based layout with individual value proposition tiles
The old version was a wall of text — five numbered points stacked in long paragraphs under a centred heading. The revamp transforms the same five differentiators into a clean five-card grid, each with its own icon, short description, and CTA — turning a section visitors used to skip into one they actually engage with.
Before
What Makes Us Different — legacy wall of text with five numbered points stacked in long paragraphs
After
What Makes Us Different — revamped five-card grid with icons and concise descriptions
The previous "Latest Blogs" section used small, cramped thumbnails with long titles squeezed beneath them. The revamped "Smart Energy Stories" section uses large full-width imagery, a clearer content hierarchy, and concise scannable headlines — giving the brand's content marketing a presentation that matches its quality.
Before
Blog section legacy — small cramped thumbnails with long titles and poor visual hierarchy
After
Blog section revamped — Smart Energy Stories with large imagery and clear content hierarchy
The legacy FAQ used a plain grey accordion with default-open answers crowding the page. The new FAQ module sits within a bold dark-themed layout with a clean accordion interaction and visual confidence that reinforces the brand — rather than feeling like an afterthought bolted onto the bottom of the page.
Before
FAQ section legacy — plain grey accordion with default-open answers crowding the page
After
FAQ section revamped — dark-themed accordion layout with confident brand styling
See the finished work
The revamped City Power and Gas website is live.
Visit citypowerandgas.com ↗
05 — Scorecard

Before and after — by the numbers.

Every core page was benchmarked on Google Lighthouse before go-live. The same benchmark was run again after launch. Here's what changed.

Before
33 / 100
Homepage desktop
performance score
+197%
improvement on
desktop Lighthouse
After
98 / 100
Homepage desktop
performance score
Homepage Desktop Performance
Before
33
After
98
FAQ Page Mobile Performance
Before
55
After
93
Accessibility (avg. across pages)
Before
78–87
After
88–100
Best Practices (across pages)
Before
Inconsistent
After
96–100
Core Web Vitals
Failing Optimised
Landing Page Stability
Frequent breakage Stable · modular
URL Architecture
Fragmented subdomain Centralised directory

The homepage — highest-traffic page on the site — went from a failing Desktop performance score of 33 to a near-perfect 98, a +197% improvement. Best Practices scores, previously inconsistent page to page, are now standardised at 96–100 across the board. Post-launch, the platform reached strong stabilisation across nearly every core page — a level of technical consistency the legacy platform had never achieved.

User behaviour · April vs. May 2026 · post-launch
+164.1%
Increase in avg. engagement time per session
Users went from 40.5 seconds engaged per session to 107 seconds — more than doubling the time spent actively interacting with the site.
97.3%
Engagement rate post-launch
Up from 96.7% pre-launch. Even as the experience changed dramatically, the proportion of sessions with active engagement held steady — and improved.
99.9%
Session key event rate maintained
Conversion-driving actions remained essentially unchanged. The redesign didn't just avoid breaking what was working — it improved the experience around it without disturbing it.
06 — Execution

What made 63 days possible.

A full revamp for a live, revenue-generating acquisition site — across two states, with active paid campaigns running throughout — is not a simple build. Here's what was managed simultaneously, and validated before every deployment step.

What we managed concurrently
  • Pennsylvania migration — from legacy subdomain to scalable, directory-based URL architecture
  • Full content retention — nothing was lost in the transition to the new platform
  • Active paid campaigns — running throughout the build and migration window with zero disruption
  • SEO continuity — maintained through the entirety of the migration and post-launch period
  • Legacy dependency unwind — existing functionality carefully preserved while the old architecture was replaced
  • Multi-workstream coordination — design, development, content, and tracking running in parallel across all 63 days
Pre-launch validation checklist
  • Core Web Vitals testing across all page templates
  • Redirect chain and broken link validation
  • Cross-browser and mobile device testing
  • Structured data testing
  • GA4, Google Ads, and Pixel tracking validation
  • Organic traffic monitoring baseline established
  • Enrollment tracking verification
Work with First Launch
Is your website quietly working against your growth?
If your platform feels like it's holding your marketing back instead of powering it, it might be time for a revamp that performs, scales, and converts better too.
07 — FAQ

Questions about this engagement

Everything you need to know about how First Launch delivered a full website revamp for City Power and Gas in 63 days.

Want results like these for your website?
We reply within one business day.
Get in touch
  • The 63-day timeline was possible because of a phase-led build process that kept the live site completely untouched until each validated stage was ready. We built and tested the new platform in parallel with the existing site — no switchover happened until every page, redirect, tracking tag, and Core Web Vitals benchmark had been verified. The phased approach meant the team could de-risk at every stage rather than betting the entire migration on a single launch moment.
  • SEO protection was built into the project architecture from day one, not added as an afterthought. This included full URL mapping for every existing page, comprehensive redirect planning, structured data validation, and post-launch organic traffic monitoring. The Pennsylvania subdomain consolidation — migrating from pa.citypowerandgas.com to citypowerandgas.com/pa/ — was handled with complete redirect coverage so no link equity was lost in the transition.
  • A Lighthouse Desktop Performance score of 33 means the page is failing against Google's Core Web Vitals thresholds — slow load times, poor interactivity, and layout instability that both degrades user experience and signals low quality to search algorithms. In practical terms, it means pages that drive users away before they convert and organic rankings that are being suppressed by a performance penalty. The jump to 98 eliminates both problems simultaneously.
  • Search engines treat subdomains as semi-independent properties, which means links and authority built to citypowerandgas.com were not fully shared with pa.citypowerandgas.com. By consolidating Pennsylvania under citypowerandgas.com/pa/, the entire domain now benefits from a unified authority pool. This also simplifies analytics reporting, campaign tracking, and governance — and creates a repeatable template for adding new states without fragmenting the brand's digital footprint each time.
  • This combination is actually the most meaningful validation of the revamp. The UX redesign made the site meaningfully better at holding user attention — cleaner layouts, faster load times, and a visual hierarchy that guides users through the content rather than losing them. Because the conversion architecture (enrollment flows, CTAs, tracking) was carried over intact and validated before go-live, the improved experience added engagement without disrupting the actions users were already taking. Users spent more time, and the actions that matter to the business remained stable at 99.9%.

Explore More Case Studies

Take a look at First Launch case studies for tips & tricks on how to improve your own brand performance

One content system change took Line of Thought from 105 to 235 followers — with 39% of the audience in...

A greenfield Google Ads build for a US health-tech education platform. First 30 days. 148.5 course sign-ups. 24.79% conversion rate....

See how First Launch helped City Power & Gas rank #1 on Google for 5 competitive energy keywords across New...