Mlalazi Courtesy Transfers

I approached this business owner with a straightforward observation: his website was costing him clients. It was slow, unresponsive, and poorly structured—creating friction at every step of the user journey. He agreed to a full audit, and what I found was significant.

About Mlalazi Courtesy Transfers

With more than 13 years of experience in the industry, Mlalazi, is a company that is primarily into private shuttle services. They focus on transporting the elite of South Africa working with PR agencies.

Highlights

Industry

Transportation & Airport Transfers

Service

WordPress
Consulting
Redesign
Custom WordPress Development

Milestone

Strategy
Design & Developmewnt

Timeline

2-4 Days

Project Overview

After gaining admin access, I discovered the WordPress dashboard was neglected. The issues weren’t just frontend problems—they ran deep:

  • Performance score of 60 on mobile, 63 on desktop
  • Largest Contentful Paint (LCP): 7.4s on desktop, 3.0s on mobile
  • Unoptimized images up to 500kb on homepage
  • Excessive DOM bloat from nested containers
  • Poor mobile responsiveness with critical CTA buried in footer
  • Missing image metadata (ALT text, captions, descriptions)
  • CORS errors and failed resource loading

The Challenge

Working on Aeroyacht’s website was not as simple as we initially estimated. Our biggest challenge was first understanding such a huge and old website, and then figuring out what content was still useful and what could be removed.

01 – User Experience Friction

“Book Now” CTA on the hero section scrolled users all the way to a footer form. On mobile, this was even worse — a longer scroll on a smaller screen. No urgency, no context on the form.

02 – Technical Debt

No CDN configuration. No caching strategy. Missing security hardening. Unmanaged post revisions accumulating in the database. CORS errors on multiple resources.

04 – DOM Bloat & Builder Misuse

Elementor containers nested 3+ levels deep. Inconsistent styling across elements. Layout shifts caused by uncontrolled customisation. Unnecessary plugins compounding load times.

05 – No on-page SEO

Images named generically (“WhatsApp image” + numbers), no ALT text, no captions, no descriptions. Hero images hitting 500kb. No WebP encoding, no responsive sizing.

The solution

We didn’t just redesign the pages. The work involved improving how the entire site is structured and used.

Booking form moved above fold
Mobile responsiveness optimized
Consistent design system implemented
Reduced cognitive load on CTAs
Repositioned booking form above the fold (reduced scroll friction)
Optimized for mobile-first responsiveness
Added visual hierarchy for urgency

Database cleaned and optimized
Security hardened with Apache rules
Caching strategy implemented
CDN delivering assets globally
Reduced DOM bloat significantly
Fixed layout shift issues through unified styling

Mobile performance: 63 → 92
Desktop performance: 68 → 95
LCP reduced from 7.4s to 1.2
Load time reduced from 3.0s to 1.0s
Zero CORS errors and failed resources

Primary CTA now accessible on hero (no footer scroll required)
Mobile experience mirrors desktop efficiency
Form context clear and action-oriented
Reduced abandonment friction

The Result

The new website feels a lot more usable compared to the older version. It’s easier to navigate, looks cleaner, and works better across devices.

  • The site now follows accessibility standards while still looking modern
  • SEO performance improved by around 12% after the redesign
  • PageSpeed scores are now consistently above 90
  • The improved website and overall presence contributed to the company being user friendly