PHOTO Scott Rinckenberger
THE PROJECT
I developed a modular system for msrgear.com, utilizing brand imagery across various layouts to deliver a cohesive visual narrative throughout the e-commerce journey. The goal was to create versatile modules that could structure content effectively and facilitate easy updates, supporting product-focused pages on the homepage and landing pages used for seasonal marketing campaigns.
ROLE Lead Designer, Art Direction
Sample of the MSR homepage and a product launch landing page using the modular system.
UI style guide brings cohesion to all digital interfaces and experiences across the MSR brand. This guide maps out crucial UI components such as buttons, typography, color, iconography, etc.
Documenting the grid system, type scale, character counts, and key interactions serves as a collaboration and production resource for designers.
Email templates and responsive framework offer a consistent look & feel across all channels and devices.