Hawx Website
Sole Designer · Figma / Next.js / React / HTML / CSS/SCSS / JavaScript
Overview
A comprehensive redesign of the Hawx Pest Control website, rethinking every page from homepage to location pages to the pest library. As the sole designer, I'm leading the full redesign: establishing a new visual language, building a cohesive design system, and reimagining how visitors find information and convert. The homepage, all location page types, and pest library are complete, with the rest of the site in progress.
The Challenge
The existing Hawx website was dated and needed a refresh. It had poor SEO, broken or incorrectly coded elements, and wasn't responsive across screen sizes. Information was hard to find and the overall experience didn't reflect the quality of the brand.
The Goal
Redesign the entire Hawx web presence with a modern, user-focused design that improves how information is displayed, fixes responsiveness and SEO issues, and creates a scalable system for all page types.
The Redesign
The redesign takes a system-first approach. Rather than designing pages in isolation, I built a component library and design system in Figma that ensures consistency across the entire site. Every layout decision considers how to present information clearly for the visitor, with proper responsive behavior across all screen sizes and improved SEO structure throughout.
BEFORE & AFTER
Homepage, location pages, and pest library redesigned so far. More pages in progress.
01
Homepage
Redesigned the homepage with a modern layout, clearer value proposition, improved trust signals, and a stronger conversion flow from first impression to lead capture.
Before
After
02
Location Overview
Replaced the basic text list of locations with a structured overview page that makes it easy for visitors to find their nearest service area.
Before
After
03
State Page
Created a dedicated state-level page that lists all branches in that state with local details, replacing the old flat location list.
Before
After
04
Branch / City Page
Redesigned the individual branch page with better local information, clearer CTAs, and a layout that works across all screen sizes.
Before
After
05
Pest Library
Restructured the pest information pages with improved content hierarchy, better readability, and clear calls to action for visitors researching specific pest problems.
Before
After
This redesign is still in progress. More pages are being designed and will be added here as they're completed.
KEY FEATURES
Design System
A comprehensive component library built in Figma with consistent typography, color, spacing, and interaction patterns that scale across every page type.
Location Page Hierarchy
A three-level location system: overview page showing all service areas, state-level pages listing branches, and individual branch/city pages with local details and CTAs.
Pest Library
Redesigned pest information pages with better content structure, improved readability, and clear calls to action for visitors researching specific pest problems.
Responsive Design
Fully responsive layouts that work correctly across all screen sizes, fixing the broken and inconsistent behavior of the old site.
SEO Improvements
Proper heading structure, semantic markup, and page organization designed to improve search rankings and organic traffic.