Website redesign and development with a robust and highly-tailored WordPress content management and component-based design system.

  • Web Design Director
  • Information Architecture & Content Modeling
  • UX Design
  • UI Design
  • Frontend Development
  • CMS Architecture
Project Detail 1/13

Champlain College needed a modern web presence that represented their core institutional values: innovation, forward-thinking, and a student-first approach to education. Their previous website and processes were outdated and difficult to manage, resulting in a site lacking focus, with meandering content and confusing navigation that poorly reflected the Champlain College brand.

In 2019, I began consulting with the Marketing department and the Web team to help optimize their existing website and platform. Eventually, in 2022, the College issued an RFP to several agencies and selected me to lead a two-year project to design and build a component-based design system powered by a custom WordPress content management system. Here are the results…

Project Detail 2/13
Quick video overview of the new Champlain College Website design.
Project Detail 3/13

A streamlined information architecture resulted in a nav model that creates a cleaner and clearer browsing experience. Our mobile-first approach allows for quick and easy access up and down the architecture.

Project Detail 4/13
Screen capture of the Champlain College website's homepage
Screen capture of the Champlain College Different By Design landing page
Project Detail 5/13

A Quiet Confidence

We aimed to place prospective students and their families at the forefront—before marketing. One of our primary objectives was to present Champlain’s product offerings in a manner that is clear and accessible. Recognizing the overwhelming impact of excessive choices, bulky text, and confusing navigation, we streamlined the content to reduce cognitive load and anxiety.

We moved away from noisy, attention-grabbing calls-to-action, instead focusing on creating genuine and purposeful interactions. Understanding that trying to say everything to everyone often results in saying nothing at all, we refined our communication to be more focused and impactful. This approach creates a more relaxed and comfortable experience, and embodies a quiet confidence.

Project Detail 6/13
Screen capture of the Champlain College website's majors and programs page
Project Detail 7/13

To highlight next steps and avoid dead ends, clear calls-to-action were strategically placed throughout the College's website.

A mobile screen capture of the Champlain College website's majors and programs page
A mobile screen capture of the Champlain College website's majors and programs page with program details
Project Detail 8/13
Screen capture of the Champlain College website's program details
Project Detail 9/13
A mobile screen capture of a Champlain College program detail page
A mobile screen capture of a Champlain College program detail page showing the Different By Design section

Headline-driven content creates a more scannable experience.

Project Detail 10/13

Offices & People Directory

The new Champlain College website features a redesigned directory, enabling students and parents to quickly access contact information and other details for faculty, staff, and offices. Each office now has its own ‘subsite,’ providing dedicated content and navigation for a more tailored experience.

Video demonstration of the Champlain College Offices & People directory.
Project Detail 11/13
A mobile screen capture of Champlain College's directory of offices and people—showing the Our Offices tab
A mobile screen capture of Champlain College's directory of offices and people—showing an Offices details

Simple and filterable listing of Champlain College offices allows for quick access to their location, contact information, and website.

Project Detail 12/13
A mobile screen capture of Champlain College's directory of offices and people—showing the Our People tab
A mobile screen capture of Champlain College's directory of offices and people—showing a staff member's details

Easily browse Champlain College's people with quick access to their contact information and profile in a modal overlay.

Project Detail 13/13
grid of smartphones

View More of My Projects

Champlain College student standing on a mountain overlooking the Champlain valley
Champlain College Website redesign and development with a robust and highly-tailored WordPress content management and component-based design system.
person holding a smartphone in front of a laptop computer
Flavor Plate A custom website builder and website hosting platform for restaurants, with built in gift cards sales and online ordering.
Three people in a wheat field with the sun setting
VEIC A corporate website redesign focused on streamlining a complex set of services through a clean navigation model and rich storytelling.
Landscape of low hanging clouds over the tops of trees
Vermont Land Trust Website design focused on preserved land, services and rich storytelling—featuring a component-based design system built on WordPress.
modern home with beautiful landscaping
Wagner Hodgson Landscape Architects A portfolio website with a component-based design system built on a WordPress content management system.
engineer working on a device
Instrumart Custom e-commerce website design with a product configurator.
Keurig Custom brewer on a blue background
Keurig Custom Brewer Responsive one-page e-commerce website with demonstration videos and dynamic scrolling animations.
mother and so having a beverage in a park
Keurig Dr Pepper Corporate website design and data-driven Product Facts integration for Keurig Dr Pepper's family of brands.
contractor working on a heating system
Efficiency Vermont Website solution for showcasing products, services, rebates, and how-to articles, with a convenient "Find A Pro" search feature for customers.
woman in t-shirt
Commando E-commerce website design and content management system built on the Shopify platform.
nurse and staff member talking
UVM Medical Center UX design research and website design concepts for a future redesign of the UVM Medical Center Network.
Work and Play Archive
Work and Play Archive Archive of miscellaneous website design projects, logos, illustrations and icons.