With the expansion of Brooks sponsored trail athletes, I created a new landing page on brooksrunning.com to promote the athletes, which shares a bio on each athlete and links out to social.  The landing page has a grid layout of all the athletes with images and names. Once a user clicks on a name they get a lighbox showcasing the athlete's bio and social links. Stakeholders also requested a scrollable photo gallery which isn't something that we were able to do at the time. I utilized our third party partner Ceros, and built out the interactive photo gallery, and handed off the code to our publishers to incorporate into the page via an iFrame. I created the landing page design in both Photoshop and Figma.
Mobile and Desktop Landing Page

Lighbox Overlay of Athlete Bio

You may also like

Back to Top