Champlain College
EducationChamplain College website redesign, restructuring and development
![](https://designshopp.com/wp-content/uploads/2022/12/project-featured-Champlain-2-scaled.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-mobile-thumbnail.png)
The college’s previous website consisted of 3 outdated individual different websites, admin portal systems, and interfaces. Accessibility, content structure and user flow was the focus for this project.
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-mobile-1-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-mobile-1-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-mobile-1-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-mobile-1-1.png)
What we did
We redesigned and rebuilt the website from the ground up. Our team organized key focus groups with the different types of users of the website in order to gather their individual feedback and give us the insight needed to take the right structural and design decisions.
After substantial design, development, and content entry tasks, as well as a new accessibility tool integration, the new robust website came together.
![](https://designshopp.com/wp-content/uploads/2022/12/img-champlain-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/img-champlain-1.png)
The Goals
The college’s biggest challenge was having their students, teacher and affiliates find the right information.
The main goal was to merge 3 different sites into a single user-friendly and self-manageable website. The flow for the administrators was as important as the flow for the end users of the website.
A refreshed, contemporary look was requested while maintaining the established brand of the college.
![](https://designshopp.com/wp-content/uploads/2022/12/img-champlain-2-2.png)
![](https://designshopp.com/wp-content/uploads/2022/12/img-champlain-2-2.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-Desktop-Assets-V2.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-Desktop-Assets-V2.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-Mobile-Assets-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-Mobile-Assets-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-1-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-1-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-2-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-2-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-3-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-3-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-4-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-4-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-5-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-5-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-6-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-6-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-7-1.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-7-1.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-8-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-8-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-9-1.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-9-1.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-10-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/Champlain-mobile-10-1.png)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-2.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-desktop-2.jpg)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-mobile-mockup.png)
![](https://designshopp.com/wp-content/uploads/2022/12/champlain-mobile-mockup.png)