UX CASE STUDY
Live! Run XP
A landing page redesign focused on making race information easier to understand, improving content hierarchy and guiding users toward registration with more clarity.
Landing Page
UX/UI Design
Redesign
Information Architecture
Visual Hierarchy
Registration Flow
UX CASE STUDY
Live! Run XP
A landing page redesign focused on making race information easier to understand, improving content hierarchy and guiding users toward registration with more clarity.
Landing Page
UX/UI Design
Redesign
Information Architecture
Visual Hierarchy
Registration Flow
Project overview
The context and challenge that guided the redesign of the Live! Run XP landing page.
The context and challenge that guided the redesign of the Live! Run XP landing page.
Context
Live! Run XP is a running circuit connected to the Live! , a Brazilian sportswear brand. The landing page needed to help users understand event details before registering.
Challenge
Important information such as dates, distances, kits, prices and registration details was not visible enough in the main page flow, creating friction before sign-up.
Context
Live! Run XP is a running circuit connected to the Live! , a Brazilian sportswear brand. The landing page needed to help users understand event details before registering.
Challenge
Important information such as dates, distances, kits, prices and registration details was not visible enough in the main page flow, creating friction before sign-up.
Competitor Analysis
I analyzed race event landing pages to understand how they organize essential information, communicate event value and guide users toward registration. The analysis included Santander Track&Field Run Series, Asics Golden Run and Santander Curitiba Marathon 2025.
I analyzed race event landing pages to understand how they organize essential information, communicate event value and guide users toward registration. The analysis included Santander Track&Field Run Series, Asics Golden Run and Santander Curitiba Marathon 2025.
Santander Track&Field Run Series
Simple structure with essential event information and registration access.
Santander Track&Field Run Series
Simple structure with essential event information and registration access.
Asics Golden Run
Stronger use of dynamic imagery and local experience to communicate event value.
Asics Golden Run
Stronger use of dynamic imagery and local experience to communicate event value.
Santander Curitiba Marathon 2025
More complete page structure with multiple CTAs, route details, kits and FAQ.
Santander Curitiba Marathon 2025
More complete page structure with multiple CTAs, route details, kits and FAQ.
Santander Track&Field Run Series
Simple structure with essential event information and registration access.
Asics Golden Run
Stronger use of dynamic imagery and local experience to communicate event value.
Santander Curitiba Marathon 2025
More complete page structure with multiple CTAs, route details, kits and FAQ.
Main observations
The analysis highlighted patterns that could guide improvements in the Live! Run XP landing page.
Content structure
The strongest pages follow a logical sequence: event overview, essential race details, registration encouragement and additional information.
Content structure
The strongest pages follow a logical sequence: event overview, essential race details, registration encouragement and additional information.
Content structure
The strongest pages follow a logical sequence: event overview, essential race details, registration encouragement and additional information.
CTA placement
Pages with multiple contextual CTAs create more opportunities for users to register after receiving relevant information.
CTA placement
Pages with multiple contextual CTAs create more opportunities for users to register after receiving relevant information.
Visual impact
Dynamic imagery helps communicate the event atmosphere and creates a stronger emotional connection with runners.
Visual impact
Dynamic imagery helps communicate the event atmosphere and creates a stronger emotional connection with runners.
Visual impact
Dynamic imagery helps communicate the event atmosphere and creates a stronger emotional connection with runners.
Navigation friction
When users need to leave the page to access registration, kits or route details, the decision-making process becomes more fragmented.
Navigation friction
When users need to leave the page to access registration, kits or route details, the decision-making process becomes more fragmented.
Navigation friction
When users need to leave the page to access registration, kits or route details, the decision-making process becomes more fragmented.
Insights for Live! Run XP
The competitor analysis helped define what the Live! Run XP page should improve before the redesign.
1
Reduce unnecessary redirects
Keep essential decision-making information closer to the registration flow.
1
Reduce unnecessary redirects
Keep essential decision-making information closer to the registration flow.
1
Reduce unnecessary redirects
Keep essential decision-making information closer to the registration flow.
2
Add contextual registration buttons
Place CTAs after relevant information instead of relying on one isolated conversion point.
2
Add contextual registration buttons
Place CTAs after relevant information instead of relying on one isolated conversion point.
2
Add contextual registration buttons
Place CTAs after relevant information instead of relying on one isolated conversion point.
3
Use stronger imagery
Communicate the energy of the event and create a stronger emotional connection with runners.
3
Use stronger imagery
Communicate the energy of the event and create a stronger emotional connection with runners.
3
Use stronger imagery
Communicate the energy of the event and create a stronger emotional connection with runners.
4
Make kits, routes and race details visible
Bring decision-support content directly into the page to help users understand the event before signing up.
4
Make kits, routes and race details visible
Bring decision-support content directly into the page to help users understand the event before signing up.
4
Make kits, routes and race details visible
Bring decision-support content directly into the page to help users understand the event before signing up.
Current page analysis
Based on the patterns identified in the competitor analysis, I reviewed both the main Live! Run XP landing page and the external registration page users reach after clicking the only CTA available on the page, the “Inscreva-se” button.
After clicking this CTA, users are redirected to an external Live! Experience page to continue the registration process. This means that important decision-support information, such as kit options, prices and registration details, is accessed outside the main landing page, creating a fragmented journey between event discovery and registration.
The main opportunity was to bring more essential information into the landing page itself, improving content hierarchy, information visibility and the continuity of the registration flow.
Based on the patterns identified in the competitor analysis, I reviewed both the main Live! Run XP landing page and the external registration page users reach after clicking the only CTA available on the page, the “Inscreva-se” button.
After clicking this CTA, users are redirected to an external Live! Experience page to continue the registration process. This means that important decision-support information, such as kit options, prices and registration details, is accessed outside the main landing page, creating a fragmented journey between event discovery and registration.
The main opportunity was to bring more essential information into the landing page itself, improving content hierarchy, information visibility and the continuity of the registration flow.
Main landing page
The main landing page introduces the event, but does not concentrate enough relevant and timely decision-support information before users are invited to register.
1
Low immediate identification
The hero section does not clearly show key event details, such as date and race distances, making the event harder to understand at first glance.
2
Missing decision-support information
Some key information needed before registration, such as kit details, prices and registration options, is only available after users are redirected.
3
Kits lack visual emphasis
The kits are shown in a carousel and appear with limited visual prominence, making it harder to compare options and understand their value.
4
Limited CTA guidance
The page relies on a single registration CTA in the hero, before users have enough information to support their decision.
Main landing page
The main landing page introduces the event, but does not concentrate enough relevant and timely decision-support information before users are invited to register.
1
Low immediate identification
The hero section does not clearly show key event details, such as date and race distances, making the event harder to understand at first glance.
2
Missing decision-support information
Some key information needed before registration, such as kit details, prices and registration options, is only available after users are redirected.
3
Kits lack visual emphasis
The kits are shown in a carousel and appear with limited visual prominence, making it harder to compare options and understand their value.
4
Limited CTA guidance
The page relies on a single registration CTA in the hero, before users have enough information to support their decision.
Main landing page
The main landing page introduces the event, but does not concentrate enough relevant decision-support information before users are invited to register.
1
Low immediate identification
The hero section does not clearly show key event details, such as date and race distances, making the event harder to understand at first glance.
2
Missing decision-support information
Some key information needed before registration, such as kit details, prices and registration options, is only available after users are redirected.
3
Kits lack visual emphasis
The kits are shown in a carousel and appear with limited visual prominence, making it harder to compare options and understand their value.
4
Limited CTA guidance
The page relies on a single registration CTA in the hero, before users have enough information to support their decision.
External registration flow
After clicking the registration CTA, users are redirected to App Live! Experience, where the process continues across visually different pages and multiple steps.
1
Fragmented journey
Users are redirected away from the landing page and need to go through multiple steps before reaching the actual sign-up flow.
2
Visual inconsistency
The external registration page uses a different visual style, which can make the journey feel disconnected from the Live! Run XP landing page.
3
Repeated information
Some information already shown on the landing page appears again in the external flow, adding redundancy before registration.
4
Prices are hard to associate with kits
Kit prices appear separated from the corresponding images, forcing users to move up and down the page to compare each option.
External registration flow
After clicking the registration CTA, users are redirected to App Live! Experience, where the process continues across visually different pages and multiple steps.
1
Fragmented journey
Users are redirected away from the landing page and need to go through multiple steps before reaching the actual sign-up flow.
2
Visual inconsistency
The external registration page uses a different visual style, which can make the journey feel disconnected from the Live! Run XP landing page.
3
Repeated information
Some information already shown on the landing page appears again in the external flow, adding redundancy before registration.
4
Prices are hard to associate with kits
Kit prices appear separated from the corresponding images, forcing users to move up and down the page to compare each option.
Design goals
The redesign focused on bringing key decision-making information into the page and creating a clearer, more progressive flow for users.
Make information easier to find
Bring event details, dates, distances, kits and registration guidance into the main page flow.
Make information easier to find
Bring event details, dates, distances, kits and registration guidance into the main page flow.
Make information easier to find
Bring event details, dates, distances, kits and registration guidance into the main page flow.
Guide users progressively
Structure the page so each section supports the next step in the registration decision.
Guide users progressively
Structure the page so each section supports the next step in the registration decision.
Strengthen visual communication
Use stronger hierarchy, imagery and sections to make the event clearer and more engaging.
Strengthen visual communication
Use stronger hierarchy, imagery and sections to make the event clearer and more engaging.
Strengthen visual communication
Use stronger hierarchy, imagery and sections to make the event clearer and more engaging.
Solution
I redesigned the landing page structure to organize content in a more progressive flow. The new structure brings key information into the page, including race details, distances, kits, benefits, event information and registration guidance.
I redesigned the landing page structure to organize content in a more progressive flow. The new structure brings key information into the page, including race details, distances, kits, benefits, event information and registration guidance.
Key screens
The main screens show how the redesigned experience organizes information, supports scanning and places calls to action in more contextual moments.
The main screens show how the redesigned experience organizes information, supports scanning and places calls to action in more contextual moments.
The main screens show how the redesigned experience organizes information, supports scanning and places calls to action in more contextual moments.
Design decisions
Key decisions made to connect user needs, business goals and interface clarity.
Content-first structure
The page was organized around the information users need before making a registration decision.
Content-first structure
The page was organized around the information users need before making a registration decision.
Clearer hierarchy
Key details were prioritized visually to reduce scanning effort.
Clearer hierarchy
Key details were prioritized visually to reduce scanning effort.
Contextual CTAs
Calls to action were placed after relevant sections instead of appearing only at the top.
Contextual CTAs
Calls to action were placed after relevant sections instead of appearing only at the top.
Contextual CTAs
Calls to action were placed after relevant sections instead of appearing only at the top.
A clearer path to registration
The redesign aimed to make the registration journey clearer by reducing information gaps, improving content hierarchy and helping users understand the event before moving to the sign-up flow. The result is a landing page designed to be clearer, more direct and more effective at supporting registration.
The redesign aimed to make the registration journey clearer by reducing information gaps, improving content hierarchy and helping users understand the event before moving to the sign-up flow. The result is a landing page designed to be clearer, more direct and more effective at supporting registration.
For users
* Greater clarity and confidence; * Less effort to understand the event; * A more fluid registration experience.
For users
* Greater clarity and confidence; * Less effort to understand the event; * A more fluid registration experience.
For users
• Greater clarity and confidence; • Less effort to understand the event; • A more fluid registration experience.
For users
* Greater clarity and confidence; * Less effort to understand the event; * A more fluid registration experience.
For the business
* Increased conversion rates; * Reduced abandonment; * Stronger brand engagement.
For the business
* Increased conversion rates; * Reduced abandonment; * Stronger brand engagement.
For the business
• Increased conversion rates; • Reduced abandonment; • Stronger brand engagement.
For the business
* Increased conversion rates; * Reduced abandonment; * Stronger brand engagement.
More projects
Need a clearer website or landing page?
I can help you structure your content, improve the user experience and design a more effective digital presence.