Person with short curly hair, wearing a dark T‑shirt and backpack, stands by a glass door looking outside; a foreground plant partially obscures the view.

California Community College Chancellors Office

Website Redesign

Community colleges fuel opportunity for people of all ages—and with 1.8 million students across 116 campuses, California’s system is massive. The California Community Colleges Chancellor’s Office (CCCCO) needed to make it easy for future students to find the right fit. That’s where Metajive came in. Partnering with CCCCO and RSE, we built a website that helps every student discover their path and take the next step toward educational success.

Visit live site

Services

  • Strategy

  • User Experience (UX)

  • Website Design

  • SEO

  • Responsive Web Development

  • CMS

  • Complex System Integrations

A layered collage of college website mockups connected by blue dotted lines, featuring campus imagery, student portraits, and tablet layouts.A layered collage of college website mockups connected by blue dotted lines, featuring campus imagery, student portraits, and tablet layouts.

The big challenge? Bringing multiple websites together into one unified system meant tackling all the complexity that comes with merging different data sources while making sure students get the streamlined experience they need. We focused on consolidating content and essential features, so future students can easily find the right info, pick the best school, and follow their passions all the way to a future career.

We started by earning trust—listening to stakeholders, then strategically guiding the team through a process to prioritize content and consolidate what matters most for students. Our goal was to make it simple. We designed a structure that helps potential students quickly find their local school, the right program, and easily learn about or apply for financial aid. Most importantly, we made sure every student could see how their chosen path at a California Community College leads to bigger opportunities. This allowed students to pursue an advanced degree, leading to the career of their dreams.

Blue backdrop with a desktop monitor, laptop, tablet, and smartphone showing vibrant education websites and bold headlines.

We defined a signature visual style for CCCCO as we merged their three websites. Along the way, we established a unified type system, put their expanded color palette front and center, and curated photography that celebrates the diversity of community college students. The result? One clear, vibrant identity that truly reflects their community.

Two people stand in a bright hallway with curved ceiling panels, chatting and gesturing; a third person sits on the floor with a backpack in the background.
California Community Colleges banner with a person flexing beside a large turbine; bold 'I CAN CREATE MY FUTURE' and a yellow 'Enroll Now' button.
Blue California Community Colleges homepage hero with a zip code search, yellow Explore All Colleges button, and three college cards (Palomar, MiraCosta, Calbright).
Person flexing an arm in front of a large turbine, overlaid by the bold headline I CAN CREATE MY FUTURE on a California Community Colleges page.
Webpage header and two campus photos: San Diego Miramar College building with people and a contact card, plus a lower photo of Grossmont College.
Campus collage: person tending plants, people outdoors by a bench, a librarian among shelves, and a scientist in a lab, with the California Community Colleges logo.
Teal gradient background with a tilted tablet on the right showing a transfer tool UI; left has three white rounded buttons with yellow arrows.
Navy blue page header 'Did You Know? I’m an Alum…' with five alumni cards showing photos, names and titles (George Lucas, Aaron Rodgers, Amy Tan, Annette Bening, Arnold Schwarzenegger) and yellow icons.

We replaced three outdated websites and faced a big challenge: making navigation and search seamless for everyone. As the official site for California’s Community Colleges, we needed to serve a huge, diverse audience—different backgrounds, goals, and ways of finding information. 

 

We built clear pathways throughout the site, backed by quick links for common questions and a streamlined FAQ that guides users straight to the info they need. For search, we focused on clarity and structure, with categorized results and quick links that speed up access to key content.

Hero banner for California Community Colleges with a person flexing, bold "I CAN CREATE MY FUTURE" text on blue gradient, yellow accents, and a mobile preview.
Bright banner for California Community Colleges showing the slogan BE THE HERO OF YOUR STORY on a magenta panel with a collage of photos and a floating Architecture & Construction card.
San Diego Miramar College homepage mockup with a bright yellow border, left blue title, central blue mission panel, contact info blocks, and a right-side card with campus photos.
Hero section: left panel shows 'Associate Degree for Transfer' with a yellow CTA; right-side circular campus photo collage; lower text 'A Degree with a Guarantee'.
Collage-style banner for California Community Colleges with a photographer, a police officer, bold "I CAN" text, career panels, and salary statistics.
Hero banner for California Community Colleges with a person flexing, bold "I CAN CREATE MY FUTURE" text on blue gradient, yellow accents, and a mobile preview.
Bright banner for California Community Colleges showing the slogan BE THE HERO OF YOUR STORY on a magenta panel with a collage of photos and a floating Architecture & Construction card.
San Diego Miramar College homepage mockup with a bright yellow border, left blue title, central blue mission panel, contact info blocks, and a right-side card with campus photos.
Hero section: left panel shows 'Associate Degree for Transfer' with a yellow CTA; right-side circular campus photo collage; lower text 'A Degree with a Guarantee'.
Collage-style banner for California Community Colleges with a photographer, a police officer, bold "I CAN" text, career panels, and salary statistics.

Dialing in the focus

To keep things clean and user-focused we streamlined search and navigation. This created less clutter, more focus, and a smoother path to everything users are looking for.

Blue-tinted screenshot of the California Community Colleges site showing a top navigation with Colleges, Financial Aid, Degrees & Certificates, Transfer Opportunities, Explore Career Paths and a yellow Enroll Now button; faint background figure.

We get it—navigating the path from community college to a four-year university isn’t always straightforward. Some students know exactly where they’re headed; others are just starting to explore their options. Our Transfer Tool is built to meet students wherever they are, guiding them step by step toward a four-year degree.

Blue collage of UI screens showing flowcharts and option cards, including a main screen that reads: "Your path to a bachelor’s degree at San Francisco State University starts today."

We thrive on tackling complex builds, and this transfer tool was no exception. It challenged us to push beyond a standard website—and we were all in. We integrated multiple APIs to bring in every available course, then used a smart mapping algorithm to surface every possible transfer destination. With a comprehensive search, students can quickly zero in on the resources they need.

 

The transfer tool gives users multiple ways to chart their path by starting a community college, transferring destination, and through a degree program. 

 

Behind the scenes, it’s powered by Statamic CMS, Laravel PHP, Tailwind for custom UI, and VueJS for seamless, responsive experiences. Whether you’re on desktop or mobile, it just works.

This site is built to be fully responsive, so it looks sharp and works smoothly on any device—desktop, tablet, or phone. No matter how you access it, the experience is seamless and visually spot-on.

Accessibility comes standard. The site follows ADA requirements and adheres to WCAG guidelines, making sure everyone can use and navigate with ease—no matter their ability.

Smart SEO runs through every corner of the site—content and code—so your products are easier to find and your rankings climb higher. It’s built for visibility right from the start.

We implemented advanced security procedures driven by vulnerability reports, ensuring robust protection and maximum security across the entire project.

A person with curly hair smiles, wearing an orange jacket, surrounded by floating blue college program cards against a soft blurred background.

The feedback from this project is what drives us. Students told us they finally felt seen, heard, and—most importantly—respected. Now, they have everything they need for their educational journey in one place. Critical info is easy to find, and the full student journey is right at their fingertips.

 

Our partnership with the California Community Colleges stays active, so the site keeps getting better—more accessible, more effective, and always focused on real results. We’re proud to play a part in supporting California’s students and closing gaps for underserved communities.

A golfer in a dark cap and olive polo swings, watching the white ball fly against a leafy green backdrop.