{"id":14544,"date":"2021-12-15T10:37:38","date_gmt":"2021-12-15T15:37:38","guid":{"rendered":"https:\/\/kryzalid.net\/?post_type=project&p=14544"},"modified":"2024-12-13T12:33:52","modified_gmt":"2024-12-13T17:33:52","slug":"services-a-la-vie-etudiante-de-luniversite-de-montreal","status":"publish","type":"project","link":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/","title":{"rendered":"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al"},"content":{"rendered":"\n
\"Header<\/figure>\n\n\n\n
\n
\n

Goal<\/h2>\n<\/div>\n\n\n\n
\n

Design of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Site<\/figure>\n\n\n\n
\n
\n

Context<\/h2>\n<\/div>\n\n\n\n
\n

Our team redesigned the ecosystem of the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al to unify all its services under a single platform. Preliminary work carried out by another team guided us during the project’s initial phase, which involved finalizing the site structure and creating the UX framework. This process had to incorporate the findings from quantitative and qualitative research conducted with students and internal teams.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\"Student<\/figure>\n\n\n\n
\n
\n
\"Student<\/figure>\n<\/div>\n\n\n\n
\n
\"Event<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

UX design<\/h2>\n<\/div>\n\n\n\n
\n

We then proceeded to create the Mobile First templates. The work takes into account technical SEO, information architecture and structured data. The burger menu is used in the same way on desktop and mobile. It frees the page header from cumbersome information. It also facilitates navigation through the different menu levels. A home page viewer highlights important information.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"Financial<\/figure>\n<\/div>\n\n\n\n
\n
\"Menu<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\"Blog<\/figure>\n\n\n\n
\n
\n

UI design<\/h2>\n<\/div>\n\n\n\n
\n

We created two graphic mockup proposals to better define the visual identity<\/a>. The templates incorporate the recently updated color palette by UdeM. Along with the brand\u2019s vibrant blue, an expanded palette featuring navy blue, yellow, orange, and green brings the website to life. The final look is clean and easy to read. Curves on opposite corners of images add a personalized touch.<\/p>\n<\/div>\n<\/div>\n\n\n\n

\n
\n
\"List<\/figure>\n<\/div>\n\n\n\n
\n
\"Detail<\/figure>\n<\/div>\n<\/div>\n\n\n\n
\n
\n

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

The website centralizes student services. It is easy to use on cell phones. The platform features calendar and catalog views of events, activities and training courses. It also features a powerful search tool, blog articles and promotional banner management. All of which meets web accessibility requirements.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Goal Design of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al. Context Our team redesigned the ecosystem of the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al to unify all its services under a single platform. Preliminary work carried out by another team guided us […]<\/p>\n","protected":false},"featured_media":14438,"template":"","sector":[1204,1201],"project_tag":[1208,1211,1206],"class_list":["post-14544","project","type-project","status-publish","has-post-thumbnail","hentry","sector-education-en","sector-public-en","project_tag-ux-ui-design","project_tag-visual-identity","project_tag-website-design"],"acf":[],"yoast_head":"\nServices \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid<\/title>\n<meta name=\"description\" content=\"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.\" \/>\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\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid\" \/>\n<meta property=\"og:description\" content=\"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/\" \/>\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=\"2024-12-13T17:33:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/hero-UdeM-scaled.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1456\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/\",\"name\":\"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/hero-UdeM-scaled.webp\",\"datePublished\":\"2021-12-15T15:37:38+00:00\",\"dateModified\":\"2024-12-13T17:33:52+00:00\",\"description\":\"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/hero-UdeM-scaled.webp\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/hero-UdeM-scaled.webp\",\"width\":2560,\"height\":1456},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/services-a-la-vie-etudiante-de-luniversite-de-montreal\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al\"}]},{\"@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":"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid","description":"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.","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\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/","og_locale":"en_US","og_type":"article","og_title":"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid","og_description":"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.","og_url":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/","og_site_name":"Kryzalid","article_publisher":"https:\/\/www.facebook.com\/kryzalid.net","article_modified_time":"2024-12-13T17:33:52+00:00","og_image":[{"width":2560,"height":1456,"url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/hero-UdeM-scaled.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/","url":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/","name":"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al | Kryzalid","isPartOf":{"@id":"https:\/\/kryzalid.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/#primaryimage"},"image":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/#primaryimage"},"thumbnailUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/hero-UdeM-scaled.webp","datePublished":"2021-12-15T15:37:38+00:00","dateModified":"2024-12-13T17:33:52+00:00","description":"Design and development of a unilingual French Mobile First website for the Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al.","breadcrumb":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/#primaryimage","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/hero-UdeM-scaled.webp","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2024\/12\/hero-UdeM-scaled.webp","width":2560,"height":1456},{"@type":"BreadcrumbList","@id":"https:\/\/kryzalid.net\/en\/portfolio\/services-a-la-vie-etudiante-de-luniversite-de-montreal\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kryzalid.net\/en\/home\/"},{"@type":"ListItem","position":2,"name":"Services \u00e0 la vie \u00e9tudiante de l\u2019Universit\u00e9 de Montr\u00e9al"}]},{"@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\/14544","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\/14438"}],"wp:attachment":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media?parent=14544"}],"wp:term":[{"taxonomy":"sector","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/sector?post=14544"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/project_tag?post=14544"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}