Clear information hierarchy
Help people understand the clinic and find the information relevant to them.
JCC · ALUMNI EXPERIENCE
Keeping JCC’s alumni connected.
A dedicated alumni experience within Juvenile Caduceus Clinic’s website, bringing together alumni updates, connection opportunities, and the clinic newsletter.
Completed · #Include real client project
- MY ROLE
- UX & Visual Designer · Alumni page
- TIMELINE
- Winter–Spring 2026
- DESIGN TEAM
- 9 members + 2 leads
- CONTEXT
- #Include · Real client project
- STATUS
- Completed
- FOCUS
- Content organization · UI design · Alumni experience
Helping people discover the clinic and stay connected.
Juvenile Caduceus Clinic supports underserved youth through healthcare and community initiatives. Our team worked with JCC to create a website that communicated its mission, organized its information, and helped UC Davis students explore ways to get involved.
For the Alumni page, the goal was to give former members a place to see alumni updates and maintain their connection with the clinic.
TEAM CONTEXT
A website bringing the clinic’s mission, history, committees, partnerships, and alumni information together.
MY OWNERSHIP
The Alumni page: organizing its content and designing an experience for the community beyond current membership.
Starting with the client’s priorities.
We clarified JCC’s audience, content needs, and priorities before designing. The brief emphasized simple navigation, organized committee information, and a clear presentation of the clinic’s history and work.
We also reviewed MinuteClinic, Winters Healthcare, and San Francisco Free Clinic to explore how other organizations presented their missions, resources, and contact information.
Team research · 3 clinic websites reviewed
Easy-to-find resources
Give important information and routes to contact a clear place in the experience.
A welcoming presentation
Use a consistent visual language and an approachable tone across the site.
MinuteClinic
Winters Healthcare
San Francisco Free Clinic
Selected considerations from the team’s competitive analysis · Demo Day deck, slide 9.
FROM RESEARCH TO STRUCTURE
A route back to the community.
The team’s task flows mapped how alumni could reach highlights, newsletter information, and connection options. This gave the Alumni experience a place in the wider website before the visual design was finalized.
Designing the Alumni page.
I designed the Alumni page as part of the larger JCC website. My focus was bringing alumni updates, ways to connect, and the clinic newsletter into a dedicated experience.
Give alumni a home.
Bring alumni information into a dedicated page within the clinic website.
Organize around connection.
Use the early flow to frame updates, ways to reach out, and newsletter information.
Make the community visible.
The presented design leads with an alumni headline, a community photo, and Alumni and Connecting shortcuts.
LO-FI TO FINAL
Finding the structure before the visual details.
The early sketch grouped the page into an introduction, alumni news, and alumni services. It explored how people could move from learning about the community to staying connected.
Keep the people visible.
The final hero pairs the alumni introduction with a community photograph and clear Alumni and Connecting shortcuts.
Give connection a next step.
The recorded prototype continues into Alumni News cards, a Share Your JCC Experience invitation, and a newsletter signup design.
Alumni updates
Show what former members are doing and highlight the people behind the community.
Ways to connect
Provide routes for visitors to reach out and maintain connections with alumni and the clinic.
Clinic newsletter
Give alumni a way to stay informed about JCC’s ongoing work.
The presentation shows the upper page; the recorded prototype below continues into alumni news, sharing an experience, and the newsletter signup design.
A clear starting point.
The headline introduces the audience and the shortcuts surface routes into the alumni experience.People at the center.
A community photo brings the people behind JCC into the first view.A dedicated page within a shared visual system.
The Alumni page sits within the team’s shared design system, which established colors, typography, and interface styles across the website. This kept the page visually connected to JCC’s broader experience.
One visual language.
The system paired DM Sans for display text with Khula for body text. Purple and blue appear in the Alumni hero and its shortcuts, connecting my page to the rest of the clinic’s website.
Completed as part of JCC’s website project.
Our team completed the JCC website project and presented the designs at #Include Demo Day. I contributed the Alumni page, creating a dedicated space for alumni updates, connection opportunities, and the clinic newsletter.
I’m grateful for the opportunity to work with our design teammates and leads, collaborate with the technical team, and create something for a real client.
