Cegep Champlain
St. Lawrence

scroll-down-arrow
A blue sign with the St. Lawrence crest and the text St. Lawrence CEGEP Champlain stands beside a tree with sunlight filtering through the branches.
Client

Cegep Champlain - St. Lawrence

Industry

Education

Technology

WordPress

Project type

Showcase website

Year

2025

Team
Profile pictureJean-François Sauriol
Jean-François Sauriol
Profile pictureLaurence Bradley
Laurence Bradley
Profile pictureThierry Lemaître
Thierry Lemaître
Profile pictureAlona Golubyeva
Alona Golubyeva
Le Cegep Champlain – St. Lawrence is the only public English-language CEGEP in the Québec City region. Located at the heart of a vibrant student community, its welcoming and high-performing campus offers 13 programs and profiles, welcoming more than 950 students each year. See website

Mandate

Design a bilingual, accessible digital platform while rethinking the user experience to make it more intuitive. The site had to reflect the college’s new brand image, developed in 2024 by Lemay Michaud, and highlight its distinctive positioning.

A sign for St. Lawrence CEGEP Champlain stands in front of a snowy street and residential buildings, with text reading Lets shape the future of education together overlaid on the image.
Modern indoor lounge area with black chairs and tables, large floor-to-ceiling windows revealing green trees outside, and a bright contemporary light fixture hanging from the ceiling.

Objectives

  • Comply with all governmental standards for security and accessibility.
  • Deliver a fully bilingual experience (French and English).
  • Simplify and modernize navigation for intuitive use.
  • Showcase the college’s mission, vision, and values.
  • Support student and staff recruitment efforts.
  • Integrate and respect the college’s new visual identity.
  • Modernize the digital presence to make it more appealing and relevant.
  • Provide performance indicators (KPIs) to analyze traffic and usability.
A collage of website screenshots featuring a man in a branded t-shirt, students walking, a group discussion, and website sections about leadership, mission, vision, values, and available programs. The design uses red, blue, and white colors.

A Design in St. Lawrence Colours

The previous site, limited by its CMS, had not yet integrated the new brand identity.
Our design team drew inspiration from the college’s visual identity to create a cohesive digital universe:

  • The lion from the logo was featured in full-width banners for strong visual impact.
  • The shield shape was used as a graphic mask for images.
  • A horizontal variation of this shape was applied in headers.

A specific challenge involved creating a secondary visual identity to strengthen the employer brand. We developed a dedicated page template for the Careers section to distinguish it from the sections targeting prospective students, current students, and parents.

Scroll
Minimalist illustration of a lion formed by bold, dark red lines on a solid bright red background, giving a modern and geometric look to the animal.
A website section titled Our Programs displays program options. The Pre-University section lists Science, Social Science, and Arts. In the background, students are studying in a library and working in a classroom.
A basketball player wearing a white Lions jersey with the number 22 takes a free throw shot, while another player in a black jersey prepares to rebound on a gym court.
A webpage features two photos: one of a bike rack outside a building, and another of a gym with red walls and exercise bikes. Text reads, “More than just a college and a job.”.

A Completely Reimagined Navigation

Navigation on the former site was a major pain point—finding relevant information was difficult.

Through an in-depth strategic phase, we restructured the site architecture to achieve a clear, intuitive menu.

For longer pages (e.g., individual program pages), a secondary navigation bar follows scrolling, enabling quick access to key sections via an anchor-link system.

A website homepage for St. Lawrence College features a navigation menu, an image of four people conversing indoors, and information categories such as Academic Support, Career Counseling, Health & Wellness, and Library.
Three smiling students wearing red St. Lawrence College t-shirts sit together indoors. The website header includes navigation links, a logo, and a highlighted Admission button. The section is titled Student Life.

A Dedicated Space for Academic Programs

All programs are now centralized in an interactive, filterable catalog, offering prospective students a clear, engaging overview.
Each program page follows a consistent, easy-to-compare structure:

  • Key information at the top (admission season, duration, areas of interest, admission requirements).
  • Integrated course grids directly on the site (instead of PDFs), accessible by profile and French-language level.

This approach improves transparency and simplifies decision-making for future students.

Visit the site
slc.qc.ca

Contact

You've got a project idea?

 Get a quote
Next project

Vu Intérieur d'un magasin de lunettes moderne avec des vitrines, des étagères garnies de lunettes, de grandes fenêtres laissant entrer la lumière naturelle et un écran numérique sur le mur affichant une image verte abstraite.

Retail