Athletic scholarships agency
Athletic scholarships agency
Athletic scholarships agency
YOUR SPORTS DREAM STARTS HERE
YOUR SPORTS DREAM STARTS HERE
YOUR SPORTS DREAM STARTS HERE
ROLE:
ROLE:
UX & UI designer
UX & UI designer
CLIENT:
CLIENT:
Fullride Agency
Fullride Agency
SOLUTION:
SOLUTION:
Web Design
Web Design
OVERVIEW
OVERVIEW
PROJECT
Full Ride is the scholarship program of Scouting Labs, a sports tech company that helps soccer players from Latin America and Europe obtain athletic scholarships at US universities.
With 500+ players placed across 15 nationalities and 8+ years of experience, the brand had strong credibility, but no web presence to support it.
PROJECT
Full Ride is the scholarship program of Scouting Labs, a sports tech company that helps soccer players from Latin America and Europe obtain athletic scholarships at US universities.
With 500+ players placed across 15 nationalities and 8+ years of experience, the brand had strong credibility, but no web presence to support it.
PROJECT
Full Ride is the scholarship program of Scouting Labs, a sports tech company that helps soccer players from Latin America and Europe obtain athletic scholarships at US universities.
With 500+ players placed across 15 nationalities and 8+ years of experience, the brand had strong credibility, but no web presence to support it.
MY ROLE
End-to-end UX/UI designer. I was responsible for the full process:
Strategic analysis, competitive benchmark, information architecture, and final UI design built in Framer.
MY ROLE
End-to-end UX/UI designer. I was responsible for the full process:
Strategic analysis, competitive benchmark, information architecture, and final UI design built in Framer.
MY ROLE
End-to-end UX/UI designer. I was responsible for the full process:
Strategic analysis, competitive benchmark, information architecture, and final UI design built in Framer.
THE GOAL
Design a landing page that captures qualified leads for Fullride's two programs.
THE GOAL
Design a landing page that captures qualified leads for Fullride's two programs.
THE GOAL
Design a landing page that captures qualified leads for Fullride's two programs.
THE CHALLENGE
THE CHALLENGE
Full Ride had no dedicated website. All acquisition relied on social media and referrals. The brief was clear:
Design a landing page that works as a lead generation tool.
Full Ride had no dedicated website. All acquisition relied on social media and referrals. The brief was clear:
Design a landing page that works as a lead generation tool.
Full Ride had no dedicated website. All acquisition relied on social media and referrals. The brief was clear:
Design a landing page that works as a lead generation tool.
Three things made this project complex:
Three things made this project complex:
Three things made this project complex:
SKEPTICAL MARKET
SKEPTICAL MARKET
SKEPTICAL MARKET
The scholarship agency space is full of empty promises. Users arrive skeptical.
The scholarship agency space is full of empty promises. Users arrive skeptical.
COMPLEX PROCESS TO EXPLAIN
COMPLEX PROCESS TO EXPLAIN
COMPLEX PROCESS TO EXPLAIN
The NCAA scholarship system is unknown to most Latin American families. Before converting, users needed to understand how it works.
The NCAA scholarship system is unknown to most Latin American families. Before converting, users needed to understand how it works.
TWO PROGRAMS. ONE PAGE.
TWO PROGRAMS. ONE PAGE.
TWO PROGRAMS. ONE PAGE.
Showcase (in-person) and Placement (fully remote) serve different needs, both had to live on the same page without creating confusion.
Showcase (in-person) and Placement (fully remote) serve different needs, both had to live on the same page without creating confusion.
RESEARCH
RESEARCH
I analyzed three direct competitors to understand how the market communicates value, structures information, and converts users. The goal wasn't to replicate what they do, but to identify gaps and opportunities that could inform Full Ride's own approach.
The analysis focused on three areas:
Website Structure & Information Architecture
Conversion Mechanisms
Trust-Building Elements
I analyzed three direct competitors to understand how the market communicates value, structures information, and converts users. The goal wasn't to replicate what they do, but to identify gaps and opportunities that could inform Full Ride's own approach.
The analysis focused on three areas:
Website Structure & Information Architecture
Conversion Mechanisms
Trust-Building Elements
I analyzed three direct competitors to understand how the market communicates value, structures information, and converts users. The goal wasn't to replicate what they do, but to identify gaps and opportunities that could inform Full Ride's own approach.
The analysis focused on three areas:
Website Structure & Information Architecture
Conversion Mechanisms
Trust-Building Elements
Key observations:
Key observations:
Key observations:
All American Usports
All American Usports
All American Usports
Single page experience
Single page experience
allamericanusports.com
allamericanusports.com
Programs
Programs
Download
Download
Placement
Placement
Scouting Camp
Scouting Camp
Inspirational Images and Infrastructure
Inspirational Images and Infrastructure
Visual & self Service
Visual & self Service
Presents its two programs in a single section, but with no detail on either, relying on a downloadable document as the main source of information. This forces users to leave the page to understand the product. On the positive side, it makes good use of inspirational imagery and infrastructure visuals to communicate the experience.
Presents its two programs in a single section, but with no detail on either, relying on a downloadable document as the main source of information. This forces users to leave the page to understand the product. On the positive side, it makes good use of inspirational imagery and infrastructure visuals to communicate the experience.
UDB Sports
UDB
Sports
UDB Sports
Multi page architecture
udbsports.com
Budget & Process
Budget & Process
Resources
Resources
Explicit Costs
Step by step process
Explicit Costs
Step by step process
Guide Documents
Maximum transparency
Maximum transparency
Stands out with its 'Budget & Process' page, explicitly revealing costs by level, and a dedicated resources page. Most information is given upfront, ensuring lead quality.
Stands out with its 'Budget & Process' page, explicitly revealing costs by level, and a dedicated resources page. Most information is given upfront, ensuring lead quality.
PlayPro Global
PlayPro
Global
PlayPro Global
Multi page architecture
Multi page architecture
playproglobal.com
Showcases
Scholarships
Information + Itinerary
Information + Itinerary
Information
Total segmentation
Total segmentation
Separates 'Showcases' and 'Scholarships' into distinct pages with detailed information relevant for each program, avoiding cognitive overload for the user.
Separates 'Showcases' and 'Scholarships' into distinct pages with detailed information relevant for each program, avoiding cognitive overload for the user.
UX STRATEGY &
INFORMATION ARCHITECTURE
UX STRATEGY &
INFORMATION ARCHITECTURE
The core strategic decision was the funnel structure. I designed a three-phase funnel:
The core strategic decision was the funnel structure. I designed a three-phase funnel:
The core strategic decision was the funnel structure. I designed a three-phase funnel:
EDUCATION
EDUCATION
EDUCATION
TRUST
TRUST
CONVERSION
CONVERSION
The reasoning: users arrive with low awareness of how the NCAA scholarship system works and high distrust of agencies. Without education first, the product doesn't land. Without trust signals early, users bounce before reaching the CTA.
The reasoning: users arrive with low awareness of how the NCAA scholarship system works and high distrust of agencies. Without education first, the product doesn't land. Without trust signals early, users bounce before reaching the CTA.
The reasoning: users arrive with low awareness of how the NCAA scholarship system works and high distrust of agencies. Without education first, the product doesn't land. Without trust signals early, users bounce before reaching the CTA.
Based on this funnel, I defined the information architecture, 14 sections ordered by conversion logic, each serving a specific role in moving users from awareness to action.
Based on this funnel, I defined the information architecture, 14 sections ordered by conversion logic, each serving a specific role in moving users from awareness to action.
Based on this funnel, I defined the information architecture, 14 sections ordered by conversion logic, each serving a specific role in moving users from awareness to action.
Sections:
Sections:
Sections:
Key architectural decisions:
Key architectural decisions:
HERO
HERO
HERO
HOOK
HOOK
HOOK
WHO WE ARE
WHO WE ARE
WHO WE ARE
HOW IT WORKS
HOW IT WORKS
HOW IT WORKS
REQUIREMENTS
REQUIREMENTS
REQUIREMENTS
STEP BY STEP PROCESS
STEP BY STEP PROCESS
STEP BY STEP PROCESS
PROGRAMS
PROGRAMS
PROGRAMS
UPCOMING EVENTS
UPCOMING EVENTS
UPCOMING EVENTS
SUCCESS STORIES
SUCCESS STORIES
SUCCESS STORIES
THE TEAM
THE TEAM
THE TEAM
AMBASSADORS
AMBASSADORS
AMBASSADORS
PARTNERSHIPS
PARTNERSHIPS
PARTNERSHIPS
FAQ
FAQ
FAQ
CONTACT
CONTACT
CONTACT
WHO WE ARE
Moving this section near the top was a deliberate decision to establish credibility early, users needed to know who was behind the service before engaging with the programs.
WHO WE ARE
Moving this section near the top was a deliberate decision to establish credibility early, users needed to know who was behind the service before engaging with the programs.
REQUIREMENTS
The eligibility requirements section required careful consideration. As it serves both as a qualification filter and a potential drop-off point.
The client preferred to surface it earlier to attract more qualified leads and reduce inquiries from applicants who did not meet the program criteria.
REQUIREMENTS
The eligibility requirements section required careful consideration. As it serves both as a qualification filter and a potential drop-off point.
The client preferred to surface it earlier to attract more qualified leads and reduce inquiries from applicants who did not meet the program criteria.
REQUIREMENTS
The eligibility requirements section required careful consideration. As it serves both as a qualification filter and a potential drop-off point.
The client preferred to surface it earlier to attract more qualified leads and reduce inquiries from applicants who did not meet the program criteria.
PROGRAMS
The Showcase and Placement sections were originally separated. To improve clarity and help users better understand the differences between both offerings, I combined them into a single section with a more intuitive comparative layout.
PROGRAMS
The Showcase and Placement sections were originally separated. To improve clarity and help users better understand the differences between both offerings, I combined them into a single section with a more intuitive comparative layout.
PROGRAMS
The Showcase and Placement sections were originally separated. To improve clarity and help users better understand the differences between both offerings, I combined them into a single section with a more intuitive comparative layout.
Key architectural decisions:
DESIGN
DESIGN
VISUAL IDENTITY
The visual identity of Fullride was already established and designed by Labba Studio. The website was built upon its existing color palette and visual system to ensure consistency and brand recognition across platforms.
VISUAL IDENTITY
The visual identity of Fullride was already established and designed by Labba Studio. The website was built upon its existing color palette and visual system to ensure consistency and brand recognition across platforms.
VISUAL IDENTITY
The visual identity of Fullride was already established and designed by Labba Studio. The website was built upon its existing color palette and visual system to ensure consistency and brand recognition across platforms.
LOGO
LOGO
LOGO
COLORS
COLORS
COLORS
Midnight
#030A10
Midnight
#030A10
Light Green
#B6FF80
Light Green
#B6FF80
Dark Green
#002324
Dark Green
#002324
Tinted
#003F2E
Tinted
#003F2E
Cal
#FAF9F6
Cal
#FAF9F6
TYPOGRAPHY
TYPOGRAPHY
TYPOGRAPHY
PRIMARY TYPEFACE
PRIMARY TYPEFACE
Secondary typeface
Secondary typeface
FINAL DESIGN
FINAL DESIGN
The final design is live at fullride.agency
Built in Framer with native CMS for success stories, upcoming events, and partner universities. Google Sheets integration for lead management. Custom code components for legal compliance elements.
The final design is live at fullride.agency
Built in Framer with native CMS for success stories, upcoming events, and partner universities. Google Sheets integration for lead management. Custom code components for legal compliance elements.
The final design is live at fullride.agency
Built in Framer with native CMS for success stories, upcoming events, and partner universities. Google Sheets integration for lead management. Custom code components for legal compliance elements.
WHAT I LEARNED
WHAT I LEARNED
Strategy before screens. The most impactful decisions in this project, funnel structure, section order, trust positioning, happened before opening Framer. That thinking is what this case study is really about.
Native form limitations in no-code tools. Framer's native form doesn't expose its internal states to external components, which created friction when trying to build confirmation feedback.
I'd invest more time in user testing with actual players and parents before finalizing the information architecture, the section order was based on strategic reasoning, but qualitative validation would have strengthened the decisions.
Strategy before screens. The most impactful decisions in this project, funnel structure, section order, trust positioning, happened before opening Framer. That thinking is what this case study is really about.
Native form limitations in no-code tools. Framer's native form doesn't expose its internal states to external components, which created friction when trying to build confirmation feedback.
I'd invest more time in user testing with actual players and parents before finalizing the information architecture, the section order was based on strategic reasoning, but qualitative validation would have strengthened the decisions.
Strategy before screens. The most impactful decisions in this project, funnel structure, section order, trust positioning, happened before opening Framer. That thinking is what this case study is really about.
Native form limitations in no-code tools. Framer's native form doesn't expose its internal states to external components, which created friction when trying to build confirmation feedback.
I'd invest more time in user testing with actual players and parents before finalizing the information architecture, the section order was based on strategic reasoning, but qualitative validation would have strengthened the decisions.
V2 IMPROVEMENTS
V2 IMPROVEMENTS
Phone field with country code selector
Phone field with country code selector
Phone field with country code selector
The current phone input uses a basic text field. A future improvement would add a country prefix selector — especially relevant given Full Ride's multi-country audience across Latin America and Spain.
The current phone input uses a basic text field. A future improvement would add a country prefix selector — especially relevant given Full Ride's multi-country audience across Latin America and Spain.
Richer form confirmation
Richer form confirmation
Richer form confirmation
The current success feedback relies on the button state alone. A more intentional confirmation — a modal or a dedicated success state — would better close the conversion loop and reinforce trust at the most critical moment.
The current success feedback relies on the button state alone. A more intentional confirmation — a modal or a dedicated success state — would better close the conversion loop and reinforce trust at the most critical moment.
Multi-page architecture
Multi-page architecture
Multi-page architecture
The current single-page structure works for the launch phase. As Full Ride adds a new program (Tours & Travel), each program will evolve into its own dedicated page, allowing deeper content, clearer user journeys, and better SEO per program.
The current single-page structure works for the launch phase. As Full Ride adds a new program (Tours & Travel), each program will evolve into its own dedicated page, allowing deeper content, clearer user journeys, and better SEO per program.
Thank you for reading this case study
Thank you for reading this case study
Thank you for reading this case study
More work.
More work.
More work.
