Francisco Giraldo

Case Study: Tough Mudder Bootcamp

Tough Mudder is a lifestyle, events, and media company that participants attempt to obstacle courses.

Project screenshot

Click image to expand

Client: Tough Mudder

New website for show casing the fitness workouts classes and locations where users can schedule a free classes.

Project Requirements

  • Responsive web design
  • Flexible UI components
  • Online class registrations
  • Large retina images
  • Tech: wordpress
  • Project Duration: 3 months

Project Overview

Client needed a content driven website for show casing their fitness classes using very large images. They also needed to connect their classes scheduling service to the website to show the available classes and to allow the users to register to a class.
 
 

The Challenge

Very large images are one of the reasons good performance score is not acheived, so we needed to figure out a way that the performance was not affected by this.

Another challenge was to connect to the classes scheduling API as the documentation was not so good.
 
 

The Approach & Solution

Webp images were implemented.

Different image sourcesets were implemented so that the correct image size was downloaded for the respective view port.

A middleware was implemented to handle the 3rd party API connection.

Want me to help with your project?

Drop me a message with your project description and requirements.