Case Study · UX/UI Design & CRO
Anatoly Fit
A conversion-focused website created for Vladimir Shmondenko—better known as Anatoly—to present and sell his digital training program.
Overview ↘
Vladimir Shmondenko, better known online as Anatoly, is one of the world’s most popular gym prank creators. His combined audience exceeds 60 million followers, including more than 25 million on Instagram, and he sells his training programs online.
Anatoly Fit is a conversion-focused website created to present and sell his digital fitness program through a clear, premium, and structured user journey.
I designed the complete website, including information hierarchy, visual direction, responsive layouts, conversion-focused sections, and frontend implementation. Every part helps visitors understand the offer, trust the product, and move confidently toward purchase.
Project Impact ↘
The Challenge ↘
The challenge was to communicate the value of a digital fitness program within a single long-form website while keeping visitors engaged from the hero section to the final call to action.
The page needed to explain the program quickly, establish credibility, present its benefits, answer common objections, and create a clear path to purchase without feeling overly promotional or visually crowded.
Conversion Journey ↘
The website was structured around the questions visitors are most likely to ask before purchasing.
Hero Design ↘
Communicating the offer in the first few seconds
The hero combines a clear value proposition, recognisable imagery, a direct call to action, and a short explanation of the program. The goal was to help visitors immediately understand what the product is and why it matters.
- Clear value proposition
- Strong primary action
- Immediate visual recognition
Visual Storytelling ↘
A continuous narrative instead of isolated sections
The page uses large typography, fitness imagery, contrasting light and dark sections, and controlled spacing to maintain attention throughout a long scrolling page.
Each section introduces the next part of the story: the problem, the transformation, the program, and the decision to join.
Program Content ↘
Making the offer easy to understand
The program content was organised into clear, scannable sections so visitors could quickly understand what they would receive, how the training works, and what outcomes the program is designed to support.
Content Hierarchy ↘
Guiding users from attention to action
The page was designed around a simple progression: attract attention, build interest, establish trust, explain the offer, resolve objections, and present the next action.
- 01Attention
- 02Interest
- 03Trust
- 04Understanding
- 05Objection handling
- 06Purchase
Trust & Objections ↘
Answering questions before checkout
The FAQ and supporting content address common concerns around payment, access, program duration, suitability, and what happens after purchase.
Calls to Action ↘
Consistent actions across the page
Primary calls to action were repeated at key moments without competing with the content. Button styling, contrast, spacing, and placement remained consistent so visitors always understood the next step.
Responsive Experience ↘
The same conversion journey across every screen
The responsive version preserves the same information hierarchy and conversion flow while adapting typography, imagery, spacing, and section order for smaller screens.
Design Direction ↘
A premium visual language built around contrast
The visual system combines bold typography, monochrome layouts, editorial spacing, rounded imagery, and alternating light and dark sections to create a premium fitness identity.
- Black and white base
- Large-scale typography
- Rounded media containers
- Strong CTA contrast
- Editorial line graphics
- Light and dark section rhythm
Favicon ↘
A small brand detail for the browser
I designed two custom favicon variants for Anatoly Fit, adapting the wordmark into a compact browser icon. The light version is used on light themes, while the dark version keeps the mark clear on dark themes.
CRO Decisions ↘
- 01
Lead with a clear promise
The hero explains the product before asking visitors to explore further.
- 02
Keep the path simple
A minimal interface and straightforward navigation help visitors stay oriented and move easily toward purchasing the product.
- 03
Present benefits before details
The page communicates outcomes before moving into program structure.
- 04
Repeat actions at natural decision points
Calls to action appear after the visitor has received enough information to continue.
- 05
Resolve objections inside the page
FAQ content reduces uncertainty before checkout.
My Role ↘
- Information architecture
- UX/UI design
- Content hierarchy
- Visual direction
- Responsive design
- Conversion rate optimization
- Frontend implementation
- Quality assurance
Color palette ↘
Outcome ↘
A high-converting website with measurable impact
The final website presents Anatoly’s fitness program through a clear narrative, premium visual direction, and structured path to purchase.
The project achieved a 6% conversion rate and supported a platform with more than 20,000 active users, demonstrating the effectiveness of its conversion-focused structure and responsive interface.