adidas MyShelter

Designed the product launch page layout and visual hierarchy for adidas MyShelter in the mobile app.

Structured modular content sections to communicate features and functionality clearly.

Balanced storytelling and commerce within existing adidas app patterns.

Ensured the design scaled across devices and aligned with adidas visual standards.

Problem:

The MyShelter product launch required a product page that could introduce a new and technical apparel concept within the constraints of the adidas app. Existing product page templates were not designed to clearly communicate modular functionality, feature depth, and use cases in a scannable way. The challenge was to balance storytelling with usability while maintaining consistency with the adidas mobile commerce experience.

Approach:

I focused on designing a clear visual layout that could support both narrative and product understanding without overwhelming the user. The approach emphasized strong hierarchy, modular content sections, and clear navigation patterns that allowed users to explore features at their own pace. I worked within the adidas app’s existing product page framework while extending it to support launch-specific content and visual storytelling.

Solution:

I designed the layout and visual structure of the MyShelter product launch page within the adidas app, creating a clear and navigable presentation for a new product category. The page uses modular sections and visual prioritization to communicate key features, versatility, and use cases while remaining easy to scan on mobile. The final design supports launch storytelling without sacrificing clarity, performance, or consistency with the broader adidas app experience.

User Experience
User Interface
Product Design
Brand Systems

Email: hello@lukejm.com
IG: @mrlukejm
LinkedIn: @lukejm