Work

/

qb-photography

QB Photography Redesign

From Slow to Seamless, 441% Performance Increase

Website

QB Case study image a refined digital experience
QB Case study image a refined digital experience
QB Case study image a refined digital experience

Google Lighthouse Performance

A high score means your website is fast, accessible, and built to best practices—leading to better user experience, higher conversions, and improved search rankings.

0

Performance

0

Performance

0

Performance

0

Performance

0

SEO

0

SEO

0

SEO

0

SEO

0

Accessibility

0

Accessibility

0

Accessibility

0

Accessibility

0

Best Practices

0

Best Practices

0

Best Practices

0

Best Practices

Client

QB Photography

Role

Lead Designer & Developer

Duration

8 Weeks

Website

Tools Used

Project Overview

QB Photography’s previous website suffered from a complex and inefficient booking process, slow performance, and accessibility issues, which negatively impacted user engagement and business conversions. The booking system forced users through multiple steps, lacked personalisation options, and provided no clear overview of their requirements, leading to high abandonment rates.

The Goal

To deliver a high-performance, user-friendly experience that simplifies the booking journey, improves accessibility, and enhances search visibility through dynamic content and SEO best practices.

Challenge

Challenge

Challenge

Impact on Users

Impact on Users

Impact on Users

Impact on Business

Impact on Business

Impact on Business

Complicated Booking Journey

Complicated Booking Journey

Complicated Booking Journey

Users faced multiple clicks and confusion

Users faced multiple clicks and confusion

Users faced multiple clicks and confusion

High drop-off rates, lost bookings

High drop-off rates, lost bookings

High drop-off rates, lost bookings

Slow Performance

Slow Performance

Slow Performance

Frustrating wait times led to early exits

Frustrating wait times led to early exits

Frustrating wait times led to early exits

Reduced conversions, poor SEO ranking

Reduced conversions, poor SEO ranking

Reduced conversions, poor SEO ranking

Inconsistent Branding

Inconsistent Branding

Inconsistent Branding

Users lacked trust in the visual identity

Users lacked trust in the visual identity

Users lacked trust in the visual identity

Weakened brand perception

Weakened brand perception

Weakened brand perception

Accessibility Issues

Accessibility Issues

Accessibility Issues

Low contrast and poor navigation hindered use

Low contrast and poor navigation hindered use

Low contrast and poor navigation hindered use

Compliance risks, limited audience reach

Compliance risks, limited audience reach

Compliance risks, limited audience reach

The Outcome

0

Performance increase %

0

Performance increase %

0

Performance increase %

0

Performance increase %

0

Accessibility increase %

0

Accessibility increase %

0

Accessibility increase %

0

Accessibility increase %

0

Best Practices increase %

0

Best Practices increase %

0

Best Practices increase %

0

Best Practices increase %

0

SEO increase %

0

SEO increase %

0

SEO increase %

0

SEO increase %

Before

After

QB Photographer website before
QB Photographer website before
QB Photography website after Shafraz Jeal UX Designer revamped the whole brand
QB Photography website after Shafraz Jeal UX Designer revamped the whole brand

Research & Discovery

User Interviews

  • Conducted interviews with 10+ potential clients to understand their frustrations.

  • Key Finding: Users preferred a one-step form that captured essential details upfront.

User Journey Analysis

  • Mapped the entire booking process to identify unnecessary friction points.

Key Finding: Users wanted a direct path to booking without repeated selections.

Impact

  • High drop-off rates due to frustration.

  • Users lacked confidence in their booking decisions.

  • The absence of a streamlined workflow resulted in lost conversions.








Accessibility Audit

  • Evaluated the site’s compliance with WCAG 2.1 standards.

  • Key Finding: Poor contrast ratios and missing form labels hindered usability.

Performance Analysis

  • Conducted Google Lighthouse audits to diagnose slow load times.

  • Key Finding: Unoptimised image assets and bloated code were major contributors to performance issues.




Crafting the Solution: From Insights to Implementation

Streamlined Booking Experience

Problem: Users faced too many unnecessary steps with no ability to customise their bookings.
Solution: Introduced a 2-click booking system with an autofill-enabled form that captures essential details and sends them directly to the CRM for automated follow-up.

Impact:

  • Booking completion time reduced by 70%.

  • Increased conversion rates with a seamless, frustration-free experience.

  • Personalised confirmation emails triggered instantly.





Performance Optimisation

Problem: The website suffered from long load times due to unoptimised assets.
Solution: Compressed high-resolution images, implemented lazy loading, and improved caching mechanisms.

Impact:

  • Load times reduced from 7 seconds to under 2 seconds.

  • Improved performance across mobile and desktop platforms.

Accessible and Cohesive Branding

Problem: Inconsistent colours and typography affected usability and trust.
Solution: Developed a refined colour palette meeting a 4.5:1 contrast ratio, enhancing readability and maintaining QB Photography’s sophisticated brand identity.

Impact:

  • Accessibility score improved from 89 to 100.

  • Reinforced the brand’s professional yet personal connection with clients.


CMS-Integrated Blog for SEO

Problem: QB Photography lacked fresh content, impacting search visibility.
Solution: Introduced a CMS-powered blog for photography tips and portfolio updates, driving organic traffic with keyword-rich content.

Impact:

  • Increased organic traffic and search rankings.

  • Enhanced engagement with storytelling content.

Image of stairs showing growth and conversion

Great Design Starts with a Conversation

If you're ready to create clear, impactful, and user-focused experiences, let's connect and bring your vision to life.

Image of stairs showing growth and conversion

Great Design Starts with a Conversation

If you're ready to create clear, impactful, and user-focused experiences, let's connect and bring your vision to life.

Image of stairs showing growth and conversion

Great Design Starts with a Conversation

If you're ready to create clear, impactful, and user-focused experiences, let's connect and bring your vision to life.

Image of stairs showing growth and conversion

Great Design Starts with a Conversation

If you're ready to create clear, impactful, and user-focused experiences, let's connect and bring your vision to life.