321-341-2327 
Client
OUC
Chatter Buzz Media Case Study
OUC Website Experience
Designing a cleaner, faster, more intuitive digital utility experience for Orlando customers.
- UX/UI Design
- Website Design
- Design System
- Responsive Experience
Project Overview
A modern digital utility experience designed to help customers quickly access billing, outage, service, and support tasks with less friction.
Industry
Energy & Utilities
Location
Orlando, Florida
Scope
UX/UI, Website Design, Responsive Design, Design System
The full website experience,
without leaving the case study.
A scroll-through showcase of the OUC digital experience, highlighting homepage structure, core service pathways, account actions, and responsive behavior.
Homepage Deconstructed
Clarity at first glance.
1
Hero and primary actions
Immediate access to essential customer tools directly at the top of the viewport.
2
Billing and account access
A streamlined portal entry for users to securely check balances and pay bills.
3
Outage reporting
Prominent outage maps and one-tap reporting tools for critical weather events.
4
Start, stop, or move service
A guided, frictionless onboarding flow for managing property utility services.
5
Residential and business pathways
Distinct navigation tracks tailored precisely to homeowner and commercial needs.
6
News and resources
Easily accessible community updates, safety tips, and corporate sustainability news.
Navigation Architecture
Designed around what
customers need most.
Showcasing a unified experience across devices. We integrated search-first support, surfaced high-priority quick links, and categorized complex utility services into an intuitive, responsive mega menu.
Clearer service pathways
Search-first support
Faster access to high-priority tasks
Responsive menu behavior
User Journeys
Priority Pathways
View Payment Flow
Pay My Bill
A frictionless two-step payment process with smart defaults.
View Outage Flow
Report an Outage
Instant live mapping and seamless SMS alert enrollment.
View Onboarding
Start Service
Automated onboarding for new residential and commercial accounts.
View Support Flow
Customer Support
Contextual help routing users to the right resolution faster.
Visual Language
Scalable & accessible.
A comprehensive system built on highly legible typography and an energetic, nature-inspired palette that passes all WCAG contrast requirements.
Typography / Inter
AaBb Cc Dd
Brand Palette
OUC Blue
#00529B
Digital Cyan
#00A3E0
Energy Green
#84BD00
Built on WordPress
Drag, drop,
publish. Done.
The entire OUC site was built on WordPress using fully custom Gutenberg blocks. Every one of the 60+ page sections was engineered as a saved block pattern — giving the OUC team the power to build and launch new pages entirely on their own.
No code. No developer. Just drag, drop, and publish.
Design System
Component Library
Modular elements designed for extreme reusability across platforms, maintaining strict accessibility standards.
Buttons & Links
Text LinkForm Elements
Select Service
Alert Banner
Weather Alert
Severe thunderstorms expected in your area. Report outages via SMS.
Service Card
Start Service
Set up new residential or commercial water and electric service.
Outage Status Card
Downtown Area
1,240
Customers Affected
Est. 2:45 PM
Account Action Card
Next Bill Due: Oct 15
$184.20
Nav Item
Mobile Menu
News Card
Sustainability
OUC Announces Expanded Solar Farm Initiative
October 12, 2023
CTA Block
Need assistance?
Our support team is available 24/7 to help you with your account.
Omnichannel Experience
A utility experience
that works everywhere.
A truly fluid responsive framework ensuring that complex data tables, account dashboards, and bill payment workflows remain intuitive whether on a 4K monitor or a smartphone.
