Trevo Soccer is a soccer training organization that offers professional coaching programs for players of different levels. Their previous website lacked a clear structure, modern design, and an efficient way for users to explore coaches and book training sessions.

The goal of this project was to redesign the website to better represent the brand, improve the user experience, and make it easier for players and parents to discover coaches and book sessions online.

The existing website had several issues:

Outdated visual design that didn’t reflect the professionalism of the organization

Confusing navigation and structure

Limited information about coaches and their experience

No smooth booking flow for training sessions

Lack of flexibility for managing content and updates

Trevo Soccer needed a modern, scalable website that would clearly present their programs, coaches, and allow users to easily book training sessions.

I focused on creating a clean, modern, and conversion-focused experience that highlights the organization’s expertise while making the booking process simple.

I redesigned the entire interface with a strong focus on clarity and usability:

Clean and modern visual style

Clear hierarchy for content and sections

Better navigation for programs and coaches

Mobile-friendly layout

The website was built using Framer, allowing a fast and flexible no-code development process.

Key elements included:

Fully responsive layout

Smooth animations and interactions

CMS integration for dynamic content

SEO-friendly structure

One of the key improvements was creating a structured way to present the coaching team.

Each coach has a dedicated section with:

Background and experience

Training focus

Direct booking link

Booking functionality was integrated using Cal.com, allowing users to easily schedule training sessions.

The new Trevo Soccer website delivers a much more professional and streamlined experience.

Key improvements include:

Modern and engaging visual identity

Clear presentation of coaches and programs

Simple and efficient booking flow

Scalable CMS system for future updates

The result is a website that better reflects Trevo Soccer’s professionalism and helps convert visitors into training bookings.

UI/UX Design

Website Design

No-code Development (Framer)

CMS Structure

Booking Integration