St. Sylvester CYO Website Design and Brand Extension
Tools: Figma · WordPress · Elementor · Adobe Illustrator · Canva · Meta Business Suite
Creating a digital home for a community track program—and making registration easier for families.
St. Sylvester CYO Track is a youth track organization serving local athletes and their families. While the team already had a strong community presence, there wasn't a dedicated digital space for families to learn about the program, register, or stay up to date. I created a simple website and visual system designed to make joining the team feel more approachable, organized, and accessible.
Results
A physical process became a digital experience.
3-page website
01 | Streamlined registration
A reusable digital registration form replaced a primarily paper-based process and automatically provided the coach with a submission receipt.
02 | Expanded visual identity
An existing red logo was developed into a more flexible brand system with a secondary color, bold typography, and a playful flame-inspired visual language.
03 | Reusable social system
Templates gave the team an easier way to communicate announcements, schedule changes, races, and community events consistently.
04 | Designed for accessibility
Typography, contrast, CTAs, image alt text, and content hierarchy were considered throughout the website.
The Challenge
St. Sylvester CYO Track already had an established reputation in its community, but much of the team's registration and communication relied on physical paperwork. For parents and athletes, this meant there wasn't one clear place to answer basic questions: How do I join? When is registration? Where do I go? Who do I contact? For the coach, managing seasonal paperwork created unnecessary administrative work. The goal was to create a simple digital landing spot that worked for both sides of the experience.
The Approach
Start with what families actually need.
Rather than building a large website, I intentionally kept the experience small. The final site uses three primary pages:
HOME
Introduces the team and provides a clear starting point.
REGISTRATION
Turns the existing paper registration process into a digital form.
CONTACT
Created a straightforward way for families to reach out.
This limited structure keeps the experience easy to navigate while leaving room to expand with features like a photo gallery, testimonials, social feeds, and a calendar in the future.
Turning registration into a reusable system
The registration form was designed around the team's existing paperwork, allowing the familiar information to move into a digital format without creating an entirely new process for the coach. The form can also be duplicated and updated each season, making the system practical beyond the initial launch.
Expanding an existing identity
The team already had a recognizable red logo, but there wasn't a larger visual system surrounding it. I introduced pale blue as a secondary color and built on the flame motif already present in the logo and sneaker imagery. Bold typography, playful graphics, and a subtle speckled texture created a visual language that felt energetic without becoming overwhelming. The result was a brand system that could work across both the website and social media.
Designing for Accessibility
Because the website serves families with different levels of technical experience, accessibility was considered throughout the interface.
I focused on:
Clear typography and hierarchy
Strong contrast between text and backgrounds
Accessible CTA treatments
Alt text for imagery
Straightforward navigation
Simple, predictable page structures
The goal was to make the site feel easy rather than intimidating,
especially for parents accessing it quickly to register their children
Future Work: Extending the Experience to Social Media; Digital Illustration
Now that the visual identity is established, I can create a set of reusable social templates that the team could continue using independently.
The system will included:
Announcements
Eye-catching graphics with room for additional context.
Schedule Changes
A recognizable format for communicating updates.
Events
Flexible graphics for races and community events.
The templates could then be adapted into posts, carousels, stories, reels, and videos, allowing the same visual language to carry across different formats.
Digital Illustration
To accompany the social media templates, I will create a series of friendly dragon illustrations to be added to posts and flyers.
Takeaway
This project reminded me that good interaction design doesn't always need to be complicated.
For St. Sylvester CYO Track, the strongest solution wasn't a large website or an elaborate digital system. It was creating a clear place for families to learn, register, and connect—while giving the organization tools they could continue using themselves. The project brought together UX, visual communication, accessibility, and practical system design to solve a very real community problem.
Comments