Sportstech online shop 2025
sGym Pro: product page design
Designing a premium digital experience for the next generation of strength training.
sGym Pro is a new-generation strength training system that combines smart technology, guided workouts, and versatile training capabilities in one connected fitness machine.
- Role
- Product Designer
- Timeline
- Aug 2025
- Team
- 1 Designer
- Platform
- Website
Overview
New-generation strength training
For this project, I designed a new product page that introduces sGym Pro, communicates its value, and creates a premium shopping experience. The goal was to balance product discovery, immersive visuals, and clear information hierarchy while making the product’s technology and versatility easy to understand.
Designs
Direction for the design
The design takes a product-first approach, combining bold typography, high-quality imagery, and a clean, modern visual language to reflect the engineering and premium positioning of sGym Pro.
I structured the page as a visual product story, guiding users from the initial introduction to the product details, core features, training capabilities, and purchase decision.
The overall experience focuses on:
1. Immersive product hero
The hero section introduces sGym Pro through a cinematic product experience, supported by a strong headline, concise value proposition, and prominent video interaction.
The goal was to immediately communicate the product’s premium positioning and encourage users to explore further.
2. Product-focused shopping experience
The product detail section brings together the product gallery, ratings, benefits, pricing, shipping options, and purchase CTA in a structured layout.
This creates a seamless transition from product discovery to purchase, while keeping essential decision-making information accessible.
3. Engineered to the last detail
A dedicated product showcase highlights the machine’s design, construction, and engineering details.
I used large-scale product imagery and feature cards to present elements such as the safety spotter, versatile cable pulley, and auto-lowering function in a visually engaging way.
4. Smart training ecosystem
The page introduces sGym Pro’s connected training experience through dedicated sections for workouts, workout plans, and training modes.
The design uses a combination of interface visuals, concise descriptions, and progressive content to explain how the product supports different training needs.
5. Dynamic training modes
A dedicated interactive-style feature section showcases different training experiences, including partner mode, light mode, and weighted mode.
The layout combines real-world product usage with an intuitive mode selector, helping users understand the flexibility of the training system.
