{"id":16292,"date":"2026-08-19T08:01:58","date_gmt":"2026-08-19T12:01:58","guid":{"rendered":"https:\/\/kryzalid.net\/?post_type=project&p=16292"},"modified":"2026-08-19T16:00:39","modified_gmt":"2026-08-19T20:00:39","slug":"college-sainte-marcelline","status":"publish","type":"project","link":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/","title":{"rendered":"Coll\u00e8ge Sainte-Marcelline"},"content":{"rendered":"\n
\"New<\/figure>\n\n\n\n
\n
\n

Objective<\/h2>\n<\/div>\n\n\n\n
\n

The mandate was to modernize the College\u2019s brand identity<\/a> and digital presence to better reflect the quality of its educational approach, the forward-thinking nature of its programs and the richness of its community. This evolution needed to strengthen the College\u2019s visibility among families while preserving its deep connection to its history and the Marcelline tradition.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Evolution<\/figure>\n\n\n\n
\n
\n
\"Vertical<\/figure>\n<\/div>\n\n\n\n
\n
\"White<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

Visual identity<\/h2>\n<\/div>\n\n\n\n
\n

The logo was redesigned with continuity in mind. The shape of the new crest draws from the historic Marcelline symbol, while its refined treatment, typography and proportions give it a more contemporary presence suited to digital environments. A complete system of variations allows the identity to adapt to a wide range of communication needs. The historic crest also remains present as a subtle line illustration, creating a meaningful link between the institution\u2019s roots and its new visual expression.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Colour<\/figure>\n\n\n\n
\"Colour<\/figure>\n\n\n\n
\n
\n

Visual style<\/h2>\n<\/div>\n\n\n\n
\n

A distinctive colour palette was developed to identify each school level: green for preschool, blue for elementary school and yellow for secondary school. A teal shade brings together the College\u2019s institutional communications. Organic shapes, rounded frames and spontaneous photographic compositions introduce warmth and movement into the visual language. They balance academic rigour with a more human, vibrant and accessible expression.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"Sentient<\/figure>\n<\/div>\n\n\n\n
\n
\"Eudoxus<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"Example<\/figure>\n\n\n\n
\"Website<\/figure>\n\n\n\n
\n
\n

Information architecture<\/h2>\n<\/div>\n\n\n\n
\n

The site architecture was completely rethought to simplify access to a substantial amount of content. Its structure clearly distinguishes preschool, elementary and secondary school while bringing together shared information about student life, admissions and services. Large contextual menus help parents quickly understand the offering at each school level and directly access the content most relevant to their family.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Website<\/figure>\n\n\n\n
\"Navigation<\/figure>\n\n\n\n
\n
\n

User experience (UX)<\/h2>\n<\/div>\n\n\n\n
\n

User journeys were designed around the needs of families, whether they are discovering the College or searching for specific information. Signature programs, admissions, open houses and essential resources remain readily accessible throughout the experience. Clear content hierarchy, prominent calls to action and frequently asked questions help support decision-making. Particular attention was also given to the mobile experience, now central to the way parents browse online.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Preschool<\/figure>\n\n\n\n
\"Preschool<\/figure>\n\n\n\n
\n
\n

User interface design (UI)<\/h2>\n<\/div>\n\n\n\n
\n

The interface translates the identity into a visual world that is institutional, warm and contemporary. Editorial typography evokes the College\u2019s history and prestige, while a bright colour palette and spacious compositions make the content easy to explore. Authentic photography places students and the community at the heart of the experience. Crest-inspired shapes, graphic details and colour variations create a strong sense of continuity between the brand identity and the website.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Secondary<\/figure>\n\n\n\n
\"Page<\/figure>\n\n\n\n
\n
\n

Technology development<\/h2>\n<\/div>\n\n\n\n
\n

Built on WordPress, the website uses a flexible structure and custom content blocks, enabling the College\u2019s team to manage content independently while preserving the integrity of the design. The responsive platform<\/a> was developed according to current accessibility and privacy standards. Its scalable structure will allow the College\u2019s digital presence to evolve alongside its future needs.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Mobile<\/figure>\n\n\n\n
\"Coll\u00e8ge<\/figure>\n\n\n\n
\n
\n

Result<\/h2>\n<\/div>\n\n\n\n
\n

Coll\u00e8ge Sainte-Marcelline now benefits from a visual identity and digital platform capable of carrying its history into the future. The new ecosystem showcases both the institution\u2019s educational tradition and its forward-thinking programs in artificial intelligence, robotics and intergenerational learning. Clearer, more vibrant and more distinctive, this renewed presence fully expresses the duality at the heart of the College: rising through knowledge and shining through the heart.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Objective The mandate was to modernize the College\u2019s brand identity and digital presence to better reflect the quality of its educational approach, the forward-thinking nature of its programs and the richness of its community. This evolution needed to strengthen the College\u2019s visibility among families while preserving its deep connection to its history and the Marcelline […]<\/p>\n","protected":false},"featured_media":16291,"template":"","sector":[1204,1199],"project_tag":[1213,1215,1208,1206],"class_list":["post-16292","project","type-project","status-publish","has-post-thumbnail","hentry","sector-education-en","sector-nonprofit","project_tag-branding","project_tag-content-integration","project_tag-ux-ui-design","project_tag-website-design"],"acf":[],"yoast_head":"\nColl\u00e8ge Sainte-Marcelline | Kryzalid<\/title>\n<meta name=\"description\" content=\"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Coll\u00e8ge Sainte-Marcelline | Kryzalid\" \/>\n<meta property=\"og:description\" content=\"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/\" \/>\n<meta property=\"og:site_name\" content=\"Kryzalid\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kryzalid.net\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T20:00:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2026\/08\/CSM-1-1-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1472\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/\",\"name\":\"Coll\u00e8ge Sainte-Marcelline | Kryzalid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/CSM-1-1-scaled.webp\",\"datePublished\":\"2026-08-19T12:01:58+00:00\",\"dateModified\":\"2026-08-19T20:00:39+00:00\",\"description\":\"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/CSM-1-1-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/CSM-1-1-scaled.webp\",\"width\":2560,\"height\":1472,\"caption\":\"Coll\u00e8ge Sainte-Marcelline website displayed on a laptop in a bright study space.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/college-sainte-marcelline\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Coll\u00e8ge Sainte-Marcelline\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\",\"name\":\"Kryzalid\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#organization\",\"name\":\"Kryzalid\",\"alternateName\":\"Agence web \u00e0 Montr\u00e9al\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/k-logo.png\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/k-logo.png\",\"width\":240,\"height\":240,\"caption\":\"Kryzalid\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/kryzalid.net\",\"https:\\\/\\\/www.instagram.com\\\/kryzagram\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/kryzalid-agence\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Coll\u00e8ge Sainte-Marcelline | Kryzalid","description":"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/","og_locale":"en_US","og_type":"article","og_title":"Coll\u00e8ge Sainte-Marcelline | Kryzalid","og_description":"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.","og_url":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/","og_site_name":"Kryzalid","article_publisher":"https:\/\/www.facebook.com\/kryzalid.net","article_modified_time":"2026-08-19T20:00:39+00:00","og_image":[{"width":2560,"height":1472,"url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2026\/08\/CSM-1-1-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/","url":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/","name":"Coll\u00e8ge Sainte-Marcelline | Kryzalid","isPartOf":{"@id":"https:\/\/kryzalid.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/#primaryimage"},"image":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/#primaryimage"},"thumbnailUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2026\/08\/CSM-1-1-scaled.webp","datePublished":"2026-08-19T12:01:58+00:00","dateModified":"2026-08-19T20:00:39+00:00","description":"Discover how Kryzalid modernized Coll\u00e8ge Sainte-Marcelline\u2019s visual identity and designed its new WordPress website in Montreal.","breadcrumb":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/#primaryimage","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2026\/08\/CSM-1-1-scaled.webp","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2026\/08\/CSM-1-1-scaled.webp","width":2560,"height":1472,"caption":"Coll\u00e8ge Sainte-Marcelline website displayed on a laptop in a bright study space."},{"@type":"BreadcrumbList","@id":"https:\/\/kryzalid.net\/en\/portfolio\/college-sainte-marcelline\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kryzalid.net\/en\/"},{"@type":"ListItem","position":2,"name":"Coll\u00e8ge Sainte-Marcelline"}]},{"@type":"WebSite","@id":"https:\/\/kryzalid.net\/en\/#website","url":"https:\/\/kryzalid.net\/en\/","name":"Kryzalid","description":"","publisher":{"@id":"https:\/\/kryzalid.net\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kryzalid.net\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/kryzalid.net\/en\/#organization","name":"Kryzalid","alternateName":"Agence web \u00e0 Montr\u00e9al","url":"https:\/\/kryzalid.net\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/#\/schema\/logo\/image\/","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/k-logo.png","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/k-logo.png","width":240,"height":240,"caption":"Kryzalid"},"image":{"@id":"https:\/\/kryzalid.net\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kryzalid.net","https:\/\/www.instagram.com\/kryzagram\/","https:\/\/www.linkedin.com\/company\/kryzalid-agence\/"]}]}},"_links":{"self":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/project\/16292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/types\/project"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media\/16291"}],"wp:attachment":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media?parent=16292"}],"wp:term":[{"taxonomy":"sector","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/sector?post=16292"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/project_tag?post=16292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}