RunStrong - Senior Marathon Gear E-Commerce

Flowpath screen
Flowpath screen
Flowpath screen
Flowpath screen
Flowpath screen
Flowpath screen

Category:

Web Design / E-Commerce UI

Client:

Concept Project

Duration:

5 weeks

The main objective of RunStrong is to create a clean, senior-friendly e-commerce experience. Specifically designed for senior marathon runners (Age 55+), the goal is to provide durable, comfortable, and performance-driven gear while building trust and helping them confidently choose the right products.

Approach

The approach centered on creating a simple, accessible, and trustworthy shopping journey. Rather than a complex layout, the UI follows a structured product exploration experience. By integrating bold messaging, clear ratings, and customer reviews right from the Hero Section, the design instantly establishes credibility.

Vision and Innovation

The vision was to move beyond a standard e-commerce store and build an emotionally engaging platform. By highlighting the brand's mission story and community focus alongside core values like durability and quality, the design creates a deep emotional connection with older athletes who value confidence and community.

Identifying Unique Challenges

Designing for senior athletes means addressing specific usability challenges. The target audience requires a frictionless experience without visually overwhelming elements. The design had to balance showcasing technical product features—like sweat-wicking and anti-chafing fabrics—with maintaining extreme clarity and ease of use.

Resolving Complex Problems

To solve the navigation and comprehension challenges for older users, a visually engaging 4-step "How It Works" guide was implemented to explain the shopping journey. Additionally, a dedicated Support Section offering Call, Email, Live Chat, and 24/7 Resources was included to eliminate any purchase hesitation.

User-Centric Design

Every UX decision was strictly focused on senior users. The interface features large accessible font sizes, high-contrast text, and big clickable buttons. The typography pairs Poppins for confident, modern headings with Inter for highly readable body text. A primary green color palette (#15A85D) with soft mint accents promotes a calm, positive, and energetic feel.

Meeting User Needs

The platform answers the real needs of the audience by utilizing a simple, linear information flow and friendly, encouraging messaging. Client testimonials specifically highlighting comfort, fit, and durability are strategically placed to validate the user's purchasing decision through social proof.

Detailed Pages and Features

The landing page ships with comprehensive sections: a bold Hero Section with social proof, a carousel-based Featured Products area with clear 'Add to Cart' CTAs, Value Cards, a Technical Breakdown section, and a high-contrast Newsletter subscription banner to keep the community connected.

Accessibility and Optimization

Accessibility is the core foundation of this project. The layout is driven by clean white space to reduce cognitive load. High contrast ratios, large typography, and carefully optimized assets (using Figma, Illustrator, and Photoshop) ensure the interface is highly legible and functional for users aged 55 and above.

Conclusions

RunStrong successfully delivers a modern, accessible, and emotionally engaging e-commerce landing page. By prioritizing readability, trust, and clear navigation, it empowers senior marathoners to explore and purchase performance gear with complete confidence.

Create a free website with Framer, the website builder loved by startups, designers and agencies.