Bryan Buchs

Senior Web Developer & Accessibility Specialist

Stanford Online

https://online.stanford.edu

I had the opportunity to build the frontend for Stanford Online, the university’s hub for continuing and professional education. This platform connects learners worldwide with Stanford’s part-time degrees, professional certificates, and free content developed by their faculty. My work spanned the entire frontend development process from architecture to implementation. What made this project especially rewarding was developing a component library in Storybook that gave content editors incredible flexibility to build and customize pages without needing a developer.

A homepage with a dark hero pairing a '30 Years of Stanford Online' anniversary mark with the headline 'Empowering Learners to Shape Tomorrow, Today' and a course search box, followed by a learner-statistics row, an 'Explore Our Programs' grid of four category cards, featured courses and programs, and an upcoming-events section.
Home Page
A faceted search page: a row of filter dropdowns and a search bar above a grid of course cards, each with a thumbnail, title, the offering Stanford school, and enrollment details.
Course/Program Search

The most challenging aspect was integrating with Stanford’s massive course database. I collaborated with our team to implement the “Explore” search engine, translating our designer’s vision into functional code that helps users filter through hundreds of offerings across different programs and departments. I also crafted the course and program detail pages that showcase everything from curriculum details to faculty bios. These components needed to handle complex data relationships while maintaining consistent styling across the site. Working within Drupal’s architecture, I created custom content types, fields, views, and modules that married Stanford’s beautiful design system with robust functionality that serves learners at every stage of their educational journey.

A course page for 'Artificial Intelligence: Principles and Techniques', with the title and core competencies beside an enrollment sidebar, followed by flexible learning options, student testimonials, the teaching team, and related courses.
Course Details
A program page for the Advanced Cybersecurity Program, with an enrollment card and overview up top, then key details, the courses included in the program, learning outcomes, the program directors, and related offerings.
Program Details

Tech