Project Type: UX/UI Redesign · Website Rebuild · Brand Alignment
Client / Brand: Southeast AlabamaWorks (SEALWorks) — Workforce Development Arm, Dothan Chamber of Commerce
Role: Solo UX/UI Designer · Web Developer · Project Manager
Work Type: Freelance / Client Project
Date / Duration: May 2019 · ~3 Months
Southeast AlabamaWorks (SEALWorks) serves as the workforce development arm of the Dothan Chamber of Commerce in Southeast Alabama. Their existing WordPress website suffered from a cluttered, visually inconsistent layout and confusing navigation architecture — all of which impaired the organization's ability to effectively connect with its three core audiences: employers, job seekers, and students.
Although the site was nominally responsive and already built on WordPress with the Avada page-builder theme, its mobile experience was inconsistent across devices, and its content organization did not reflect the organization's priorities or brand identity. The site needed a full overhaul — not just a visual refresh.
Prospective Homepage for City of Geneva, AL
Discovery & Audit: Assessed the existing site covering layout, navigation, content hierarchy, and branding. Ran SEO audits, analytics reviews, and technical diagnostics including site load speed benchmarks.
Client Alignment: Presented audit findings to the client stakeholder (Ryan Richards, Director of Workforce Development) and defined project scope, expectations, and deliverables collaboratively.
Project Management Setup: Created and maintained a project board in Asana; educated client stakeholders on its use, enabling rapid design approvals and feedback cycles.
Redesign & Rebuild: Rebuilt the site within the Avada Child Theme framework using custom CSS, revised layout structures, and new page templates for each of the 10 key pages.
Content Restructuring: Reorganized navigation menus and page content to serve three distinct user groups: Employers, Job Seekers, and Students — with dedicated landing pages for each.
Weekly Progress Reports: Maintained high-touch communication with a weekly retrospective-style progress report throughout the full project duration.
Training & Handoff: Provided WordPress training sessions to the client team to ensure long-term content management independence post-launch.
The following pages are documented in the accompanying Before/After Comparison Slide Deck (Desktop, Version 2.1):
01_Home: Redesigned hero carousel; audience-selector CTAs (Employer / Job Seeker / Student); improved header navigation
02_Employers: Reorganized sub-navigation; cleaner content hierarchy replacing crowded icon-button row
03_Job Seekers: New "Connect with a Career Center" section; tabbed navigation replacing bottom button bar
04_Students & Training: Redesigned resource layout with imagery and clear section structure
05_Clusters: Replaced cluttered legacy layout with structured, scannable two-column content blocks
06_News: Implemented sidebar filter categories and events calendar; replaced full-width dark hero with cleaner header
07_Regional Data & Info: Featured "Alabama House Bill HB554" callout card; cleaner sub-navigation tabs
08_WIOA: Improved text hierarchy and on-page navigation; added Region 6 Local Area Plan quick-access link
09_About: Restructured with "Our Story" and "Who Is SEALWorks" sections; added Strategy Map asset
10_Contact: Redesigned with location/phone/email info cards, embedded Google Map, social links panel
Rebuild the site's information architecture for clarity and audience-specific navigation
Redesign the visual UI to align with SEALWorks' professional brand identity
Improve mobile responsiveness across device types
Increase site performance (load speed, SEO health)
Empower the client with WordPress management knowledge post-launch
Deliver the project on time with transparent, Agile-informed communication
UX Design — Information architecture, user flow mapping, navigation redesign
UI Design — Layout composition, visual hierarchy, brand-aligned styling
Web Development — WordPress, Avada Child Theme customization, custom CSS, page builders
Graphic Design — Banner imagery, icon styling, page-level visual assets
SEO & Analytics — Audit, diagnostics, and performance optimization
Project Management — Asana board setup, stakeholder alignment, scope definition
Client Communication — Weekly reporting, Agile retrospectives, training sessions
Technical Writing — Progress reports, scope documentation
Project Proposal
Project Agreement (signed)
Project Brief
Poll/Survey Questions & Responses (at consultant's discretion)
SWOT Analysis (High-Level)
Content Audit Report
Analytics & Trend Analysis Report (at consultant's discretion)
Personas
Requirements Analysis
User Flows / Storyboards
High-Level Sitemap
Comprehensive Sitemap
Style Guide Lite
Annotated Wireframes
User Testing / Feedback
Duplicator Pro Licence Key
Photos and Graphics
Website Snapshot Backups
Custom Child Theme
UX and Website Architecture — Installed and Configured
WordPress FSE Implementation Guide: Step-by-step build documentation for WordPress Full Site Editing theme development
AI Build Prompt: Structured prompt for AI-assisted WordPress development scoped to the Standard Tier spec
Successfully delivered a complete UX/UI redesign of a 10-page WordPress website within a 3-month engagement
Client stakeholders expressed strong satisfaction with both the design quality and the communication process
Restructured navigation and audience-specific landing pages significantly improved content discoverability for three distinct user groups
Agile-informed weekly progress reports and Asana project board accelerated design approval cycles
Client received WordPress management training, enabling independent site maintenance post-launch
Visual design shifted from a heavy, red-dominated legacy aesthetic to a clean, authoritative multi-color identity system
Analytics baseline — Established formal pre/post benchmarks (bounce rate, session duration, page depth) to quantify UX improvement with measurable data
Component library — Built a lightweight, reusable component library within the Avada framework to make future updates more consistent and efficient
Formal usability testing — Conduct task-based user testing with representatives from each target audience before final launch to validate IA decisions with real data
Mobile-first documentation — Produce a companion Mobile Before/After deck to match the Desktop version for more comprehensive portfolio coverage
Accessibility audit — Incorporate a dedicated WCAG 2.1 compliance pass appropriate for a public workforce services organization