{"id":13116,"date":"2019-05-14T14:54:19","date_gmt":"2019-05-14T18:54:19","guid":{"rendered":"https:\/\/kryzalid.net\/?post_type=project&#038;p=13116"},"modified":"2024-12-12T17:35:59","modified_gmt":"2024-12-12T22:35:59","slug":"interact","status":"publish","type":"project","link":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/","title":{"rendered":"INTERACT"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1.webp\" alt=\"INTERACT website home page.\" class=\"wp-image-13109\" srcset=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1.webp 2560w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1-300x188.webp 300w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1-1024x640.webp 1024w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1-768x480.webp 768w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1-1536x960.webp 1536w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-02-1-2048x1280.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns title-text-on-column is-layout-flex wp-container-core-columns-is-layout-62f75230 wp-block-columns-is-layout-flex\" style=\"padding-top:10rem;padding-bottom:10rem\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0\">Goal<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-x-large-font-size wp-block-paragraph\">Redesign the INTERACT website. The primary objective is to share information about the research program. It should also serve as a central resource to direct users to other communication and research platforms.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03.webp\" alt=\"A study of the company.\" class=\"wp-image-13103\" srcset=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03.webp 2560w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03-300x188.webp 300w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03-1024x640.webp 1024w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03-768x480.webp 768w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03-1536x960.webp 1536w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-03-2048x1280.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns title-text-on-column is-layout-flex wp-container-core-columns-is-layout-62f75230 wp-block-columns-is-layout-flex\" style=\"padding-top:10rem;padding-bottom:10rem\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0\">UX design<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-x-large-font-size wp-block-paragraph\">INTERACT called on our agency to restructure the <a href=\"https:\/\/kryzalid.net\/en\/ux-user-experience-design-agency\/\">content<\/a>. We reworked the tree structure and guided the client with the reorganization of pages and content. We distributed them according to the needs of different types of visitors. The information relating to each city participating in the search is clear and structured. All stakeholders are associated with each\u00a0one.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"900\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-05.webp\" alt=\"Illustrations for the mandate.\" class=\"wp-image-13107\" srcset=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-05.webp 1440w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-05-300x188.webp 300w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-05-1024x640.webp 1024w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-05-768x480.webp 768w\" sizes=\"auto, (max-width: 1440px) 100vw, 1440px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns title-text-on-column is-layout-flex wp-container-core-columns-is-layout-62f75230 wp-block-columns-is-layout-flex\" style=\"padding-top:10rem;padding-bottom:10rem\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0\">UI design<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-x-large-font-size wp-block-paragraph\">We kept the original logo as well as the blue and green colors. They were adjusted for use on screen. We also found a modern way to arrange the colors in the form of large blocks. This makes them much more impactful. The white background plays an important role in making the layouts breathe. A subtle texture of small superimposed blocks dresses the background in order to add depth to the\u00a0whole.<\/p>\n<\/div>\n<\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1600\" src=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04.webp\" alt=\"INTERACT contact page.\" class=\"wp-image-13105\" srcset=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04.webp 2560w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04-300x188.webp 300w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04-1024x640.webp 1024w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04-768x480.webp 768w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04-1536x960.webp 1536w, https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-04-2048x1280.webp 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns title-text-on-column is-layout-flex wp-container-core-columns-is-layout-62f75230 wp-block-columns-is-layout-flex\" style=\"padding-top:10rem;padding-bottom:10rem\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h2 class=\"wp-block-heading\" style=\"margin-top:0\">Result<\/h2>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-x-large-font-size wp-block-paragraph\">We created a fresh and modern visual identity for INTERACT, without revising the brand image. The website is designed with WordPress, so the information can be updated easily. The platform clearly presents the programs, tools, work and data summaries. Playful illustrations designed by our team humanize the\u00a0project.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Redesign the INTERACT website. The primary objective is to share information about the research program. It should also serve as a central resource to direct users to other communication and research platforms.<\/p>\n","protected":false},"featured_media":13100,"template":"","sector":[1202],"project_tag":[1212,1208,1206],"class_list":["post-13116","project","type-project","status-publish","has-post-thumbnail","hentry","sector-healthcare","project_tag-illustration-en","project_tag-ux-ui-design","project_tag-website-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>INTERACT | Kryzalid<\/title>\n<meta name=\"description\" content=\"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).\" \/>\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\/interact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"INTERACT | Kryzalid\" \/>\n<meta property=\"og:description\" content=\"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kryzalid.net\/en\/portfolio\/interact\/\" \/>\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-12T22:35:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-01.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1600\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/\",\"name\":\"INTERACT | Kryzalid\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Interact-01.webp\",\"datePublished\":\"2019-05-14T18:54:19+00:00\",\"dateModified\":\"2024-12-12T22:35:59+00:00\",\"description\":\"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/#primaryimage\",\"url\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Interact-01.webp\",\"contentUrl\":\"https:\\\/\\\/kryzalid.net\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Interact-01.webp\",\"width\":2560,\"height\":1600,\"caption\":\"INTERACT\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/portfolio\\\/interact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/kryzalid.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"INTERACT\"}]},{\"@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":"INTERACT | Kryzalid","description":"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).","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\/interact\/","og_locale":"en_US","og_type":"article","og_title":"INTERACT | Kryzalid","og_description":"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).","og_url":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/","og_site_name":"Kryzalid","article_publisher":"https:\/\/www.facebook.com\/kryzalid.net","article_modified_time":"2024-12-12T22:35:59+00:00","og_image":[{"width":2560,"height":1600,"url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-01.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/","url":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/","name":"INTERACT | Kryzalid","isPartOf":{"@id":"https:\/\/kryzalid.net\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/#primaryimage"},"image":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/#primaryimage"},"thumbnailUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-01.webp","datePublished":"2019-05-14T18:54:19+00:00","dateModified":"2024-12-12T22:35:59+00:00","description":"Creation of the INTERACT research program website, supported by an easy-to-use WordPress content management system (CMS).","breadcrumb":{"@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kryzalid.net\/en\/portfolio\/interact\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/#primaryimage","url":"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-01.webp","contentUrl":"https:\/\/kryzalid.net\/wp-content\/uploads\/2019\/05\/Interact-01.webp","width":2560,"height":1600,"caption":"INTERACT"},{"@type":"BreadcrumbList","@id":"https:\/\/kryzalid.net\/en\/portfolio\/interact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/kryzalid.net\/en\/"},{"@type":"ListItem","position":2,"name":"INTERACT"}]},{"@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\/13116","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\/13100"}],"wp:attachment":[{"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/media?parent=13116"}],"wp:term":[{"taxonomy":"sector","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/sector?post=13116"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/kryzalid.net\/en\/wp-json\/wp\/v2\/project_tag?post=13116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}