Case Study - Website Rebuild
Tulsa Health Department
A modern web experience for a community leader in health and well-being
The Background
Before we begin...can everyone see my screen?
UX Research
Information Architecture
Wireframe
Web Design
Web Development
PROJECT CREDITS
Agency Project
This 2023 project was completed through Littlefield Agency, where I contributed as the Lead Developer & UX Strategist alongside a talented team of designers, copywriters, and marketing specialists.
Agency Client
ROLES & RESOURCES
UX Research & Strategy
- Information Architecture Strategy
- User Research
- Competitive Analysis
- Stakeholder Interviews
- Usability Testing
Web Design
- Low-Fi Wireframes
- High-Fi Prototypes
Web Development
- Custom CMS Development
- Web Accessibility
- Mobile Responsiveness
Search Engine Optimization
- Content Optimization
- Performance Optimization
- Redirections & URL Structure
Web Hosting
- DNS Configuration
- SSL Installation
- Server Security & Optimization
The Results
Better Access, Better Engagement
Post-launch, the new website saw stronger engagement, longer session durations, and fewer drop-offs. Users could easily find and act on key resources, supporting the department’s mission to promote a healthier Tulsa.
The Challenge
Outdated Design, Missed Opportunities
The previous website suffered from poor visual clarity and limited navigation. Users struggled to find important health resources and faced inconsistent content layouts that did not scale well across devices.
Confusing Site Navigation
Vague navigation and content grouping made it difficult to find resources on different devices
Ineffective Search Features
Irrelevant or limited search results restricted users from quickly finding specific information
Vague & Hidden Resources
Essential forms and documents were impacted by inconsistent design and lack of prominence
The Solution
A Modern, Accessible Experience for All
We redesigned the website with a focus on accessibility, clarity, and mobile responsiveness. The new web design simplifies navigation, highlights essential services, and reflects the department’s commitment to community well-being.
Improved Content Structure
Restructured website content into logical, data-driven groups, improving page layouts and overall navigation
Data-Based Search Feature
An auto-fill-inspired search feature was introduced to the primary navigation, quickly highlighting trending search results
Consolidation & Emphasis
Consolidated forms and documents for back-end management and redesigned them for consistency and visibility
The Process
Discovery & Audit
Understanding the Digital Barriers
Legacy Site Review & Audit
Assessed structure, navigation, and outdated UI elements to identify pain points and technical limitations
User Behavior Data Analysis
Studied website analytics to pinpoint high bounce rates and mobile usability challenges across key service pages
Industry Benchmarking
Evaluated best practices from leading public health websites to inform accessible, community-first solutions
Audience & Insight Mapping
Serving Tulsa’s Diverse Community
Through stakeholder interviews and data analysis, we identified three primary user groups: Community Residents, Businesses & Vendors, and Public Health Professionals.
These research insights directly informed our content strategy, navigation design, and prioritization of resources across the site.
Community Residents
- Seeks clinic locations, immunization schedules, and public updates
- Values clear, non-technical language and mobile-friendly layouts
- Values quick links to local programs, forms, and resources
Businesses & Vendors
- Seeks food safety guidelines and health permit applications
- Values step-by-step processes and downloadable forms
- Values timely alerts and updates on public health regulations
Health Professionals
- Seeks reports, outbreak alerts, and professional documentation
- Values organized libraries and easily searchable resources
- Values trust, credibility, and collaboration opportunities
Content Strategy & Wireframing
Organizing for Clarity and Accessibility
We restructured the website’s information architecture to better reflect user intent. The main navigation was streamlined from five broad categories to three clear ones: Permits & Inspections, Clinic Services, and Community Programs.
To improve access to high-demand resources, we introduced the “I Want To…” search tool: an auto-fill-inspired search feature designed to help users quickly find commonly searched services and take action without navigating through multiple layers.
Key Considerations
- Enhance uniformity and emphasis for essential forms and documents
- Feature high-traffic resources and programs prominently
- Ensure visual hierarchy and accessibility across devices
Design & Development
Clean, Convenient, and Mobile-Friendly
The new design features modern typography, supportive icons, and accessible color contrasts. We developed a scalable design system that works seamlessly across devices and departments while incorporating subtle nods to Tulsa’s identity through branding and imagery.
Key Considerations
- Incorporated easy-to-access call buttons on desktop, tablet, and mobile devices
- Built dynamic location pages to differentiate clinical services, hours, and requirements for improved service
- Increased efficiency of back-end management through resource tagging and filtering
- Improved web performance and on-page SEO
