Triton Baja

Role

Business and Media Team

Client

Triton Baja

Project type

Website design/Web development

Project overview

When I was a freshman, I was approached by a member of Triton Baja who was looking for someone interested in design and business. At the time, I had never really considered that a collegiate racing team could be a place for someone with a design background.

I decided to check it out—and quickly realized the team had a lot of design oppurtunities within it.

There was such a strong team culture within the club, yet none of the media, website, or marketing properly reflected the vibe that they had.

The team had lost communication with the previous website owner. Although they had access to the site's GitHub repository, no one on the team knew how to confidently maintain or update the existing site.

I started by looking at the visual vibe that already existed across the team.

I pulled the existing colors from the Baja logo and adjusted them into a more muted palette to create a cooler, more cohesive visual direction.

From there, I established a consistent system for:

  • Colors

  • Typography

  • Text sizing

  • Buttons

  • Containers

  • Spacing

  • Reusable components

This gave the website a visual language that felt connected to Baja while allowing the rest of the interface to feel more intentional.

DESIGN PROCESS

When I first explored the existing website, I noticed several things:

01 — Difficult to maintain
The team had access to the code, but updating the site required technical knowledge that wasn't readily available within the organization.

02 — Inconsistent visual language
The logos, fonts, colors, and components didn't have cohesive; the site had inconsistent size, spacing and styles on the text + each page had different styles and formats.

03 — Weak visual hierarchy
Important information, sponsors, and calls to action competed for attention rather than guiding visitors through the site. The information that needed to get across was confusing to access to the eye.

04 — Limited interaction
Some buttons and elements weren't functional, while others felt like they had been placed on the page without a clear purpose.

05 — Sponsors were presented passively
Sponsor logos were displayed together in a static block, taking up significant visual space without creating much interaction. on a separete page—even though sponsors sponsor us for visibility at UCSD.

WEBSITE AUDIT

I wanted to make baja have branding and outreach to be something they could call their own.

One of my biggest concerns was what would happen to the website after my time there.

Even if edited and designed on the existing codebase, the team could eventually end up in the same situation again: needing someone with enough technical knowledge to maintain the site.

That's why I chose to rebuild the experience in Framer.

The goal was to create a website that was not only visually stronger, but easier for future members to update and maintain without having to navigate a complicated codebase.

DESIGNING A FUTURE

I learned to Design so it lasts.

What stuck to me with baja was how much the members identity the team had and how every single one of them had an idea of what that would look like. being able to bring this vision to life was a super unique experience that I definately take with each new project I pick up.

I learned how much visual consistency can change the way an organization is perceived. By creating a shared system for typography, color, components, and imagery, I was able to make Baja feel more cohesive without completely changing its identity.

This was one of the first websites I've ever designed and launched and This project taught me that designing a website isn't only about how it looks. It also means thinking about how people will interact with it, update it, and take ownership of it in the future. Designing a visual Identity that will define what sponsors, future members and the next designer will see.

FINAL PRODUCT