Category: Webdesign

  • Hair By Albert

    Hair By Albert

    Hair By Albert

    Albert is a Dubai‑based, internationally recognized hair stylist with a reputation so strong that clients often travel across borders just to book his services. His large social media following drives most of his clientele, but managing bookings and deposits through direct messages created friction and inefficiencies. He needed a streamlined digital solution.

    About Hair By Albert

    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

    International Hair Stylist

    Service

    Website design & development
    Payment gateway integration Acuity Scheduling setup

    Milestone

    Strategy
    Design & Developmewnt
    Scheduling intergration

    Timeline

    2 weeks

    Project Overview

    The goal was to create a modern landing page that simplified the client journey.
    The site needed to:

    • Platform Choice: WordPress was selected for its flexibility, scalability, and ease of management
    • Booking System: Acuity Scheduling was integrated to automate appointments and reduce manual handling.
    • Payments: Multiple gateways were added, allowing clients to choose between deposits or full payments.
    • Security: Wordfence was implemented alongside hosting‑level hardening to protect against threats.
    • Design: A clean, responsive layout optimized for mobile and desktop, ensuring effortless navigation and booking.

    The Challenge

    Albert’s reputation and global clientele meant his services were in high demand, but his booking process was inefficient. Clients discovered him through social media and had to message him directly to request appointments. Handling deposits manually through back‑and‑forth conversations created friction, wasted time, and left room for errors. With international clients flying in just for his services, he needed a professional system that could:

    01 – Simplify bookings and deposits.

    Albert’s clients were reaching out through social media messages, which meant every appointment had to be confirmed manually. Deposits were requested via chat, often leading to confusion, delays, or missed payments. This process wasn’t scalable for an international stylist with a high volume of inquiries.

    02 – Handle payments securely.

    With clients flying in from different countries, payment methods and currencies varied widely. Relying on informal transfers or manual arrangements exposed Albert to risks, from failed transactions to security concerns. He needed a system that could process deposits and full payments seamlessly, while giving clients confidence in the safety of their transactions.

    03 – Reduce administrative overhead.

    Managing bookings, deposits, and client communication consumed valuable time that Albert could have spent on his artistry. The lack of automation meant he was juggling customer service tasks alongside his styling work. A streamlined solution was essential to free him from repetitive admin duties and allow him to concentrate on delivering world‑class hair styling experiences.

    The solution

    To address these challenges, I designed and developed a streamlined landing page using WordPress. This provided flexibility and scalability for future growth, such as expanding into eCommerce. Key elements included:

    Acuity Scheduling Integration:

    Automated appointment booking with options for clients to pay a 50% deposit or the full amount upfront.

    Payment Gateway Setup:

    PayPal, Stripe, and credit card support to accommodate international clients.

    Security Measures:

    Wordfence and hosting‑level hardening to protect sensitive client data and transactions.

    Responsive Design:

    A modern, mobile‑friendly interface that made booking effortless from anywhere in the world.

    The Result

    Albert now has a professional, fully responsive website that:

    • Enables clients worldwide to book appointments directly online.
    • Reduces friction in the booking and payment process.
    • Positions his brand for future expansion into product sales.
    • PageSpeed scores are now consistently above 90
    • Provides peace of mind with robust security measures.
  • Mlalazi Courtesy Transfers Website

    Mlalazi Courtesy Transfers Website

    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.

    03 – Image Optimization Failure

    File sizes bloated (500kb images on hero section). No WebP encoding or responsive sizing just pngs and jpegs

    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
    • The updated design led to about 42% increase in conversions
    • PageSpeed scores are now consistently above 90
    • The improved website and overall presence contributed to LOG being acquired by Penn State