Case Study

Payroll, Tax & Accounting Web Platform

A fully designed and developed website for Ouzon & Associates and Dynamo HCM, featuring high-resolution custom illustrations, real-time form validation, advanced blog filtering, and an interactive AJAX-powered resource directory, all built within a customized Divi theme.

Client

Ouzon & Associates & Dynamo HCM

Industry

Payroll, Tax, Accounting

Role

Partially Designed & Developed Website

Timeline

2–3 Months

Project Overview

The Challenge & Our Mission

Dynamo HCM came to us with a clear brand vision, a warm, illustration-driven identity for a modern payroll, tax, and accounting firm. Our mission was to bring that vision to life through a professional, high-performance website that could serve as the cornerstone of their digital presence and effectively communicate their services to businesses seeking reliable HCM solutions.

The project demanded a thoughtful balance between creative fidelity and technical precision. Custom cartoon illustrations central to the brand were carefully reconstructed and refined to meet web-grade quality standards, while the overall platform was architected to support scalable content management, intuitive navigation, and seamless user journeys, from first visit to booking.

We took full ownership of the design and development process, establishing the site architecture, engineering advanced interactive features, and ensuring the platform met modern standards for accessibility, performance, and SEO. The result is a distinctive, conversion-focused website that positions Dynamo HCM as a credible and competitive force in the payroll and accounting services market.

Platform Scale

The Scale of the Build

A mid-scale professional website built with extensive media assets, multiple user roles, and an enterprise-grade hosting stack to support a growing HCM brand.

45+

Total Pages

313+

Media Files

536.41 MB

Approx. Total Size

0

Custom Post Types

0

Custom Fields

5+

User Roles

Hetzner

Hosting Environment

Core Features

What Was Built

From advanced blog filtering to real-time form validation and an AJAX-powered resource directory, every feature was engineered for usability, speed, and scalability.

Search & Filter Interface

Resource Directory View

Advanced Search

Site-wide search powered by the native Divi theme search module.

Filtering System

Advanced hierarchical category filtering for the blog section.

Map Integration

N/A

Resource Directory

Advanced resource directory with AJAX loading grids and advanced filters.

Custom Post Types

N/A

Dynamic Content

N/A

Forms & Submissions

Gravity Forms with real-time error handling using custom JavaScript.

CRM & Third-Party Integrations

N/A

Membership & Login System

N/A

Automation Workflows

N/A

Architecture & Data Structure

How It Was Architected

Built on a robust, cloud-native stack with enterprise-grade security, CDN delivery, and a fully customized Divi theme powering an intuitive content management experience.

Platform Infrastructure Layer

Hetzner Cloud Servers, Plesk 360 Hosting Control Panel with Monitoring, Cloudflare CDN, Cloudflare Web Application Firewall, Automated Daily Backups, Live System Monitoring and Notifications

Core Platform Layer

WordPress Core CMS, MySQL Database

Application Services Layer

Advanced Custom Fields, Gravity Forms

Presentation / Experience Layer

Divi Theme Framework (Customized)

Integration and API Layer

WordPress REST API
↑ Each layer communicates via hooks, REST API, and webhooks ↓

Performance & Optimization

Built for Speed

Optimized for performance with manually tuned images, Cloudflare caching, and full mobile responsiveness ensuring fast load times across all devices.

Analytics Dashboard

Google Page Speed

Avg Page Load Time

1.3s

Core Web Vitals

Pass

Image Optimization

WebP + Lazy

Caching System

Full-Page Cache

CDN Usage

Cloudflare Pro

Mobile Responsiveness

100% Responsive

Security & Compliance

Secure by Design

Multi-layered security architecture with edge-level encryption, firewall protection, automated backups, and full WCAG 2.1 AA accessibility compliance.
~

SSL Encryption

TLS 1.3 enforced site-wide. HTTP -> HTTPS redirect at edge level via Cloudflare.

Firewall Protection

Cloudflare WAF with custom rulesets + Wordfence Enterprise at the application layer.

Backup System

Automated daily backups with 60-day retention. Manual snapshot before every deployment.

Accessibility Compliance

WCAG 2.1 AA compliant. Screen reader tested. Keyboard navigable. Color contrast ratios validated.

Results Impact

Real, Outcomes Measured

Tangible performance gains across speed, engagement, and content discoverability following the platform launch.

91%

Performance Improvement

Lighthouse score jumped from 34 to 91 post-launch.

180%

Content Discoverability

Resource page views up through improved search, filtering & SEO.

55%

Engagement Improvement

Session duration up 55%. Bounce rate dropped from 72% to 48%.

Technical Snapshot

By the Numbers

A comprehensive snapshot of the platform's scale, infrastructure, security, and compliance metrics.

Metric

Value

Total Pages

45+

Total Media Files

313+

Custom Post Types

0

Custom Fields

0

Integrations

N/A

Hosting

Hetzner Servers

CDN

Cloudflare Pro

Avg Load Time

1.3s

Core Web Vitals

—

Accessibility Level

WCAG 2.1 AA Compliant

Security Layers

Defender Pro, Cloudflare WAF

Backup Retention

60 Days (Daily Automated)

Ready to Transform Your Business?

Let’s discuss how Ask the Agghead can help you achieve your goals. Get
in touch with our team today and start your journey to success.

Start Your Project
Contact Us

Free consultation • No committment • Quick response