Challenge
Design a collection of home pages and landing for Brooks Running that balances performance-driven storytelling with a clean, intuitive user experience.
Solution
• Leverage creative assets for various campaigns in order to encourage click throughs and drive sales
• Build out individual assets while maintaining a cohesive look and feel throughout entire home page
• Work with a cross-functional team of designers, copywriters, developers and other stakeholders
Results
A fresh look for the Brooks Running website that features relevant new something.
Timeline 5 weeksCategory Web Design, Layout, Animation
Tools Photoshop, Sketch, Acrobat, After Effects
Every project begins with a kickoff meeting with designers, copywriters, the project manager, and a site publisher to align on goals and ask key questions. I design web pages across three devices: mobile, tablet, and desktop. Brooks Running’s strong design system is a key reason I enjoy working on these projects, as its clear guidelines and pre-built Sketch components ensure a consistent brand experience while providing creative clarity and efficiency. I start by hand-sketching wireframes, then build them out in Sketch using the component library and brand standards, while organizing Photoshop artboards with precise naming conventions for smooth asset management. As copy and imagery are integrated, I refine layouts and visuals as needed and adjusting photos in Photoshop when copy or contrast issues arise. This process guarantees a clean, structured, and highly collaborative workflow. For additional information on my process and workflow visit my April 2021 Homepage design project.
__________________________________
HOME PAGE
Run Boston Collection
Desktop Layout
Mobile Layout
HOME PAGE
Holiday Creative
LANDING PAGE
Inspiring Coaches
Desktop Layout
Mobile Layout
