Design and development of a comprehensive higher education website with an innovative component-based design system integrated into a customized WordPress content management system.

  • Web Design Director
  • UX Design
  • UI Design
  • Frontend Development
  • CMS Architecture
Project Detail 1/19
I have worked on many large and small website projects over the years, and have engaged numerous agencies to support that work, and without reservation, I can say that Corey and his team are the best web design and development firm I have ever worked with. ”
—Marcelle Langan, Director of Marketing, Champlain College
Project Detail 2/19

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 was outdated, difficult to manage, and lacked focus, with meandering content, confusing navigation, and a disjointed visual language.

In 2019, I began consulting with the Marketing department and the Web team to identify and implement quick wins for improving the design of their existing website. By 2022, the College issued an RFP to several agencies and ultimately hired me and my team to lead a comprehensive two-year project to redesign and develop a best-in-class higher education website. This complex initiative involved managing numerous stakeholders and coordinating with various teams.

Project Detail 3/19

Process

  • Start with the Why

    Before any sketches or comps, we paused to ask the bigger questions: What are we solving? Who are we designing for? And why does it matter? The strategy phase clarified our goals, aligned stakeholders, and laid the foundation for every decision that followed.
    Sample pages from the Champlain College website strategy document.
  • A Roadmap for a Complex Build

    This wasn’t a typical redesign—it was a full-scale transformation. We created a detailed project roadmap that outlined milestones, responsibilities, and timelines, breaking the work into focused sprints to keep teams aligned, build trust, and maintain momentum throughout the duration of the project.
    Gantt chart displaying the full project timeline, key milestones, roles, and responsibilities across the two-year Champlain College website redesign.
  • Structuring for Clarity

    We reimagined how content was organized and accessed. Using Airtable, I created a living architecture guide that helped the content team plan, prioritize, and produce content in a way that made sense—for both internal teams and future students.
    Screenshot of an Airtable base showing the proposed information architecture, including page types, hierarchy, and content guidance for the Champlain College website.
  • Designing a System

    We built and tested a comprehensive set of wireframes covering key pages and components across the site. These served as blueprints for structure, functionality, and user flow—grounding design decisions in purpose and usability.
    Thumbnail grid of wireframes representing key pages and components in the Champlain College website design system.
  • Validating with Real Students

    It wasn’t enough to assume what worked—we tested it. Early feedback from Champlain students helped us fine-tune the user experience, ensuring that the final product truly met their needs.
    Screen capture of a recorded user test session with a Champlain College student navigating the redesigned website prototype.
Project Detail 4/19
Quick video overview of the new Champlain College Website design.
Project Detail 5/19

Navigation Model

The wireframes served as a testing ground for structure, flow, and clarity. They helped us evaluate how content and navigation could better support both ‘On-Campus’ and ‘Online’ students within a single, cohesive system. Features like the audience-specific ‘For You’ menu emerged from this phase, allowing us to prototype and refine a more intentional, personalized experience.

Project Detail 6/19

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 7/19
Corey has been meticulous and conscientious at every stage of the process, from discovery through delivery... There is a seamless integration of project management and product: Corey brings his A game to every meeting, every comp, every process, every deliverable. The work is as thoughtful as it is thorough—always balancing the needs of external audiences and internal stakeholders. A true collaborator, Corey is a partner I trust to deliver excellent work, on time and on budget every time.”
—Marcelle Langan, Director of Marketing, Champlain College
Project Detail 8/19
Screen capture of the Champlain College website's homepage
Screen capture of the Champlain College Different By Design landing page
Project Detail 9/19

A Quiet Confidence

One of our primary objectives was to present Champlain’s offerings in a way that felt clear, accessible, and grounded in student needs—not marketing noise. We proposed streamlining content to reduce overload, replacing bulky text and chaotic navigation with a more focused, intuitive structure. Instead of shouting for attention, we created purposeful interactions that guided users calmly and confidently—offering just enough, without trying to say everything to everyone.

Project Detail 10/19
Screen capture of the Champlain College website's majors and programs page
Project Detail 11/19

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 12/19
Screen capture of the Champlain College website's program details
Project Detail 13/19
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 14/19

To ensure consistency and ease of management, we identified and structured various content types for both the front end and backend. This approach led to a more consistent and user-friendly experience for our audience. Additionally, we established a consistent visual language, including type, color, and layout, for both online and offline materials.

Project Detail 15/19
Video demonstration of the Champlain College Offices & People directory.
Project Detail 16/19
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 17/19
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 18/19

Design-focused Content Management System

I laid the foundation of the frontend and oversaw the backend development in collaboration with my development partner, Jake Camara, and Champlain College’s internal Information Services team. This project resulted in a more streamlined, user-friendly, and visually consistent website, enhancing the experience for both prospective and current students.

The results of this comprehensive project have provided Champlain College with a modern, scalable, and cohesive web presence that effectively represents their values and meets the needs of their diverse student body.

Project Detail 19/19
grid of smartphones

View More of My Projects