logo_black_catapultsports

Catapult Sports

Supporting a digital rebrand across web

KeyImage

01

UX/UI Support

Brought onto the project mid-way through to lead a midweight design team. Tasks involved helping to set best practices where design implementation wasn't working as intended and provide a mobile design spec which was missing from the engineering handover.

Other tasks involved re-designing components and modules, responsive issues scaling down from desktop to mobile, design UAT, asset sourcing and exporting, redesigning hover states and animations.

Screenshot-2022-11-14-at-22.14.17

02

Photography

Across responsive scaling, product photography crops didn't work as intended behind the headers of each title section on mobile. Time constraints meant the quickest solution forward was to reduce mobile H1 typography sizing and adjust hero assets to extend the backgrounds and shrunk each product.

Screenshot-2022-11-14-at-22.23.48

03

Interaction states

Numerous design issues saw missing interaction states on form fields, button stylings including inaccessible hover states which clashed with content. This required a further audit pairing up with an engineer to make UI elements compliaint from an accessibility view and engaging for a user. We prioritised based on the biggest impact to the business (eg. a high priority being a broken contact form)

Screenshot-2022-11-14-at-22.27.36
Screenshot-2022-11-14-at-22.28.07
Screenshot-2022-11-14-at-22.32.19

Made Using

Sketch
Photoshop
Illustrator

Credits

Ricky Bowry
Joe Fox
Ben Lynch
Sam Mensah
Ray Cheung
Alice Ratcliff
Pedro Eloi
Vivian Greywood
Ross Winterflood
Jules Ward
Lisa Pickett
Rachael Robertson 
Kirsty MacSween
Rachael Von Pein

Team

LAYER Studio

More Case Studies

Ben Lynch  
Product Design Lead