{"id":9302,"date":"2016-09-30T09:00:00","date_gmt":"2016-09-30T13:00:00","guid":{"rendered":"https:\/\/thirdwunder.com\/work\/wwf-biopolis\/"},"modified":"2024-11-17T02:43:48","modified_gmt":"2024-11-17T07:43:48","slug":"wwf-biopolis","status":"publish","type":"tw_project","link":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/","title":{"rendered":"WWF Biopolis"},"content":{"rendered":"            <\/div><header id=\"block_2c55cd4c0173122cb9d46a491ddf8c54\" \n    class=\"block_2c55cd4c0173122cb9d46a491ddf8c54 tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid has_overlay uk-background-norepeat uk-background-cover uk-preserve-color uk-background-center-center uk-background-fixed uk-background-image header-section layout-multimedia layout-multimedia-image uk-overflow-hidden\"\n    uk-img data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-1024x667.jpg\" data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-400x261.jpg 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-800x521.jpg 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 2048w\" data-sizes=\"(max-width: 500px) 400px, (max-width: 800px) 800px, (max-width: 1024px) 1024px, (max-width: 1200px) 1200px, (max-width: 1600px) 1600px, (max-width: 2048px) 2048px\"\n        >\n    \n    \n            <div class=\"tw-section-overlay uk-overlay-secondary-gradient uk-blend-none uk-position-cover\"><\/div><!-- uk-overlay-->\n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-small uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n    <div class=\"spacer-section uk-width-1-1\" style=\"height:120px;\"><\/div>    \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n            <div class=\"uk-h4 uk-margin-small content-section-subtitle\">\n        WWF\n        <\/div>\n    \n            \n        <h1 class=\"uk-heading-medium uk-heading-primary uk-margin-remove-top  content-section-title \">\n            Biopolis\n        <\/h1>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Biopolis est une initiative de l&rsquo;organisation \u00e0 but non lucratif World Wildlife Foundation (WWF) qui vise \u00e0 sensibiliser le public et \u00e0 pr\u00e9senter des projets de biodiversit\u00e9 urbaine et de d\u00e9veloppement durable \u00e0 Montr\u00e9al.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-image uk-inline uk-width-1-1 uk-width-1-2@m uk-flex uk-flex-last@m uk-flex-middle@m \">\n                    <section class=\"uk-container-item-padding-remove-left\">\n<figure id=\"block_2c55cd4c0173122cb9d46a491ddf8c54\"\n    class=\"section-image uk-height-1-1 uk-margin-remove-bottom uk-flex uk-flex-middle   uk-inline-clip uk-light                      uk-background-norepeat uk-background-cover\n            uk-background-center-center uk-background-scroll\n            \"\n        \n            data-src=\"1024\"\n        uk-img\n    >\n\n        <canvas width=\"1024\" height=\"761\" ><\/canvas>\n        <img\n        data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour-1024x761.png\"\n        data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour-400x297.png 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour-800x595.png 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour-1024x761.png 1024w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour.png 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour.png 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour.png 2048w\"\n        data-sizes=\"(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width: 1024px ) 1024px, (max-width: 1200px ) 1200px, (max-width: 1600px ) 1600px, (max-width: 2048px ) 2048px\"\n        width=\"1024\"\n        height=\"761\"\n        alt=\"\"\n        class=\"uk-width-1-1 uk-responsive-width \"\n                    uk-scrollspy=\"cls: uk-animation-fade; repeat: true\"\n            uk-img=\"loading: eager\"\n                 fetchpriority=\"high\"         uk-cover    \/>\n<\/figure>\n<\/section>\n                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/header>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n            <\/div><section id=\"block_8663ba8585e84ef7524679ed5d9c0b8b\" \n    class=\"block_8663ba8585e84ef7524679ed5d9c0b8b tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid layout-multimedia layout-multimedia-none\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-small uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s \" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h1  uk-margin-remove-top  content-section-title \">\n            Le mandat\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Le WWF Canada a lanc\u00e9 un nouveau centre de biodiversit\u00e9 urbaine pour mettre en valeur les projets relatifs \u00e0 la biodiversit\u00e9 urbaine et \u00e0 la durabilit\u00e9 qui se d\u00e9roulent \u00e0 Montr\u00e9al et dans ses environs. Pour soutenir la communaut\u00e9, il souhaitait d\u00e9velopper une base de donn\u00e9es en ligne de ressources utiles et accro\u00eetre la visibilit\u00e9 des \u00ab\u00a0pionniers\u00a0\u00bb qui m\u00e8nent la charge.<\/p>\n<p>La plateforme Biopolis visait trois objectifs : promouvoir une biblioth\u00e8que de recherche et de documentation, fournir des solutions efficaces et des pratiques exemplaires aux aspirants \u00e0 la conservation de la nature, et accro\u00eetre la sensibilisation \u00e0 la valeur de la biodiversit\u00e9 urbaine.<\/p>\n<p>Nous avons \u00e9t\u00e9 mandat\u00e9s pour d\u00e9velopper le nom et la marque du nouveau projet, concevoir et construire leur site web, et guider le contenu avec une strat\u00e9gie de r\u00e9f\u00e9rencement et de contenu.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-none uk-inline uk-width-1-1 uk-width-1-1@m uk-flex uk-flex-first uk-flex-left uk-flex-column \">\n                    <div class=\"\"><\/div>                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n            <\/div><section id=\"block_41396881cbddb639e226f4811f99b5fe\" \n    class=\"block_41396881cbddb639e226f4811f99b5fe tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid uk-background-norepeat uk-background-cover uk-preserve-color uk-background-center-center uk-background-fixed uk-background-image layout-multimedia layout-multimedia-image uk-overflow-hidden\"\n    uk-img data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-1024x667.jpg\" data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-400x261.jpg 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1-800x521.jpg 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg 2048w\" data-sizes=\"(max-width: 500px) 400px, (max-width: 800px) 800px, (max-width: 1024px) 1024px, (max-width: 1200px) 1200px, (max-width: 1600px) 1600px, (max-width: 2048px) 2048px\"\n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h2  uk-margin-remove-top  content-section-title \">\n            Donner vie \u00e0 Biopolis\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Le projet du WWF devait repr\u00e9senter la biodiversit\u00e9 des communaut\u00e9s urbaines d&rsquo;une mani\u00e8re concise et facile \u00e0 reconna\u00eetre. Comme il s&rsquo;agissait d&rsquo;une initiative men\u00e9e par Montr\u00e9al, nous avons cherch\u00e9 \u00e0 rendre le nom bilingue (anglais et fran\u00e7ais) et \u00e0 refl\u00e9ter la ville.<\/p>\n<p>Notre strat\u00e9gie de d\u00e9nomination et de marque comprenait les \u00e9l\u00e9ments suivants<\/p>\n<ul>\n<li>\u00c9tude de march\u00e9 approfondie<\/li>\n<li>Brainstorm de plus de 100 noms<\/li>\n<p> \t<Ateliers de comparaison des listes de candidats<\/li>\n<li>Recherche et rapport de diligence raisonnable<\/li>\n<\/ul>\n<p>C&rsquo;est ainsi qu&rsquo;est n\u00e9 Biopolis.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-image uk-inline uk-width-1-1 uk-width-1-2@m uk-flex uk-flex-first@m uk-flex-middle@m \">\n                    <section class=\"uk-width-1-1\">\n<figure id=\"block_41396881cbddb639e226f4811f99b5fe\"\n    class=\"section-image uk-height-1-1 uk-margin-remove-bottom uk-flex uk-flex-middle   uk-light             \"\n        \n    >\n\n        <img\n        data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand-400x416.png\"\n        data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand-400x416.png 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand-800x832.png 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand.png 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand.png 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Diagram-Brand.png 2048w\"\n        data-sizes=\"(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width: 1200px ) 1200px, (max-width: 1600px ) 1600px, (max-width: 2048px ) 2048px\"\n        width=\"400\"\n        height=\"416\"\n        alt=\"\"\n        class=\"uk-width-1-1 uk-responsive-width \"\n                    uk-scrollspy=\"cls: uk-animation-fade; repeat: true\"\n            uk-img=\"\"\n                            \/>\n<\/figure>\n<\/section>\n                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n<\/div><section id=\"content-parallax-block_0ce46b340fa788377d660bdda92be420\" \n    class=\"content-parallax-block_0ce46b340fa788377d660bdda92be420 tw-section content-section-parallax uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid layout-parallax layout-parallax-grid uk-overflow-hidden\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h2  uk-margin-remove-top  content-section-title \">\n            Building for Biodiversity\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Le concept, le ton et la mani\u00e8re de Biopolis \u00e9tant en cours, nous avons travaill\u00e9 avec le designer <a href=\"https:\/\/www.linkedin.com\/in\/caitvachon\/\" target=\"_blank\" rel=\"noopener\">Cait Vachon<\/a> pour cr\u00e9er un logo et un style de marque.<\/p>\n<p>L&rsquo;aspect et la convivialit\u00e9 du site web final refl\u00e8tent les objectifs environnementaux communs des projets en unissant les communaut\u00e9s scientifiques et civiques.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n    <div class=\"uk-width-1-1 uk-width-1-2@m uk-flex-first@m\" style=\"z-index:1;\">\n        <section id=\"content-parallax-block_0ce46b340fa788377d660bdda92be420-parallax-blocks-grid\" class=\"layout-parallax-blocks-grid\" >\n<div class=\"uk-panel uk-position-relative uk-margin-top uk-margin-bottom uk-padding-large uk-padding-remove-horizontal uk-width-1-1 uk-flex uk-flex-middle uk-flex-center\" >\n    <figure class=\"uk-overflow-hidden uk-width-4-5 \" style=\"z-index:2;\" uk-parallax=\"y:0,45;  viewport:1;\" uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\">\n                    <img loading=\"lazy\" data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Garden-800x552.jpg\" \n                width=\"800\" \n                height=\"552\" \n                alt=\"\" \n                class=\"parallax-media-main-image uk-width-1-1\"\n                uk-img=\"\" \n                loading=\"lazy\"\n            \/>\n            <\/figure>\n\n            <figure\n            id=\"parallax-top_left\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-left uk-position-top-left  \"\n            style=\" z-index: 3; \"\n            uk-parallax=\"y: 50,-60; easing: 1; viewport:1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Logo-400x503.png\"\n                    width=\"400\"\n                    height=\"503\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-top_right\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-right uk-position-top-right  uk-width-1-4@l uk-visible@m\"\n            style=\" z-index: 3; right:-3%;\"\n            uk-parallax=\"y: -50,50; easing: 1; viewport: 1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Bubble2-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-bottom_left\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-left uk-position-bottom-left  uk-width-1-4@l uk-visible@m\"\n            style=\" z-index: 1; left:5%;\"\n            uk-parallax=\"y: -50,50; easing: 1; viewport: 1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/10\/spacer-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-bottom_right\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-right uk-position-bottom-right  \"\n            style=\" z-index: 3; right:-1.5%;\"\n            uk-parallax=\"y: -35,100; easing: -0.75; viewport: 0.55\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Bubble1-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n    <\/div>\n<\/section>    <\/div>\n\n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n\n\n            <\/div><section id=\"block_45881e8bc18178de18e28e7f89bef43b\" \n    class=\"block_45881e8bc18178de18e28e7f89bef43b tw-section content-section-multimedia uk-preserve-color uk-padding-remove-bottom uk-position-relative uk-section uk-section-overlap  uk-section-default  layout-grid layout-multimedia layout-multimedia-none\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-small uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s \" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-dark \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h1  uk-margin-remove-top  content-section-title \">\n            Comment cr\u00e9er un hub\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Pour atteindre l&rsquo;objectif de Biopolis, qui est de soutenir les initiatives communautaires en mati\u00e8re de biodiversit\u00e9 en aidant \u00e0 partager les ressources, le site web a n\u00e9cessit\u00e9 des interactions et des fonctionnalit\u00e9s uniques, construites \u00e0 partir du contenu soumis par les utilisateurs. Nous avons impl\u00e9ment\u00e9 des plugins personnalis\u00e9s pour r\u00e9pondre \u00e0 ces besoins UX et d\u00e9velopp\u00e9 des modules d\u00e9di\u00e9s afin que leur \u00e9quipe puisse facilement g\u00e9rer le contenu du site web en coulisses.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-none uk-inline uk-width-1-1 uk-width-1-1@m uk-flex uk-flex-first uk-flex-left uk-flex-column \">\n                    <div class=\"\"><\/div>                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n<\/div><section id=\"content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc\" \n    class=\"content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc tw-section content-section-tabs uk-preserve-color uk-padding-remove-top uk-position-relative uk-section uk-section-overlap  uk-section-default  layout-grid layout-tabs layout-tabs-image\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-collapse\" uk-grid uk-height-match><!-- Open Grid -->\n            \n        <div class=\"uk-width-1-1 uk-width-1-1@m uk-flex-last\">\n        <section id=\"content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc-tabs-blocks-horizontal\" class=\"layout-tabs-blocks-horizontal layout-tabs-image uk-grid uk-grid-collapse uk-grid-match uk-flex-middle\" uk-grid uk-height-match=\"\">\n    <div class=\"uk-panel item-container uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\">\n        <ul\n            id=\"section-content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc-image-tab-tab\"\n            class=\"uk-tab uk-tab-right uk-dark\"\n            uk-tab=\"connect:#section-content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc-image-tab-switcher;  \"\n            uk-accordion=\"collapsible: false\"\n            uk-scrollspy=\"cls: uk-animation-slide-bottom; delay: 300;  target: li\"\n        >\n                    <li class=\"uk-width-1-1 uk-open\">\n                <a href=\"#\" class=\"uk-accordion-title uk-text-left\">SCH\u00c9MA ENVIRONNEMENTAL<\/a>\n                <div class=\"uk-accordion-content uk-padding uk-padding-remove-vertical uk-text-small\">\n                    <div class=\"\"><p>Le site web, \u00e0 l&rsquo;instar de Biopolis, a \u00e9t\u00e9 con\u00e7u comme un \u00e9cosyst\u00e8me vivant. Un volume important de contenu soumis par les utilisateurs alimente le site et se rafra\u00eechit au fur et \u00e0 mesure que de nouvelles recherches sont ajout\u00e9es. Il \u00e9tait essentiel d&rsquo;\u00e9chafauder un plan pr\u00e9cis du site d\u00e8s les premi\u00e8res \u00e9tapes afin de donner \u00e0 tous les membres de l&rsquo;\u00e9quipe une vue d&rsquo;ensemble du syst\u00e8me, de la hi\u00e9rarchie et de toutes les parties mobiles.<\/p>\n<\/div>\n                                    <\/div>\n            <\/li>\n                    <li class=\"uk-width-1-1 \">\n                <a href=\"#\" class=\"uk-accordion-title uk-text-left\">METTRE DE L&rsquo;ORDRE <\/a>\n                <div class=\"uk-accordion-content uk-padding uk-padding-remove-vertical uk-text-small\">\n                    <div class=\"\"><p>En utilisant le tri par cartes, nous avons organis\u00e9 le site en gardant \u00e0 l&rsquo;esprit les \u00ab\u00a0Bioneers\u00a0\u00bb, en veillant \u00e0 ce que leurs besoins en tant qu&rsquo;utilisateurs soient satisfaits \u00e0 chaque point de contact. <\/p>\n<\/div>\n                                    <\/div>\n            <\/li>\n                    <li class=\"uk-width-1-1 \">\n                <a href=\"#\" class=\"uk-accordion-title uk-text-left\">LES BIONEERS SONT \u00c0 L&rsquo;HONNEUR <\/a>\n                <div class=\"uk-accordion-content uk-padding uk-padding-remove-vertical uk-text-small\">\n                    <div class=\"\"><p>Les ressources et les projets soumis \u00e0 Biopolis n\u00e9cessitant de nombreuses accr\u00e9ditations, il \u00e9tait important d&rsquo;\u00e9viter toute confusion au cours d&rsquo;un processus d&rsquo;int\u00e9gration n\u00e9cessairement long. C&rsquo;est pourquoi nous avons continu\u00e9 \u00e0 tenir compte des besoins et des habitudes des scientifiques et des chercheurs de Biopolis tout au long des phases de conception et de test.<\/p>\n<\/div>\n                                    <\/div>\n            <\/li>\n                <\/ul>\n    <\/div>\n\n    <ul id=\"section-content-tabs-block_7f944ff5a6b26a751de78f8c66a3e5dc-image-tab-switcher\" class=\"uk-switcher item-container section-image-switcher section-image-switcher-right uk-flex-last uk-flex-middle uk-flex-last@s uk-width-1-1 uk-width-2-3@s uk-visible@s\" >\n                    <li class=\"uk-animation-fade \"  uk-switcher-item=\"0\">\n                <figure class=\"uk-overflow-hidden \">\n                                <img\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Sitemap-800x848.jpg\"\n                    data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Sitemap-800x848.jpg 800w, \"\n                    data-sizes=\"(max-width: 800px) 800px, \"\n                    alt=\"\"\n                    width=\"800\"\n                    height=\"848\"\n                    class=\"uk-width-1-1\"\n                    uk-img\n                                    >\n                <\/figure>\n            <\/li>\n                    <li class=\"uk-animation-fade \"  uk-switcher-item=\"1\">\n                <figure class=\"uk-overflow-hidden \">\n                                <img\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/wwf-sorting-things-out-4_3-800x533.png\"\n                    data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/wwf-sorting-things-out-4_3-800x533.png 800w, \"\n                    data-sizes=\"(max-width: 800px) 800px, \"\n                    alt=\"\"\n                    width=\"800\"\n                    height=\"533\"\n                    class=\"uk-width-1-1\"\n                    uk-img\n                                    >\n                <\/figure>\n            <\/li>\n                    <li class=\"uk-animation-fade \"  uk-switcher-item=\"2\">\n                <figure class=\"uk-overflow-hidden \">\n                                <img\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/wwf-bring-on-the-bioneers-4_3-800x533.png\"\n                    data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/wwf-bring-on-the-bioneers-4_3-800x533.png 800w, \"\n                    data-sizes=\"(max-width: 800px) 800px, \"\n                    alt=\"\"\n                    width=\"800\"\n                    height=\"533\"\n                    class=\"uk-width-1-1\"\n                    uk-img\n                                    >\n                <\/figure>\n            <\/li>\n            <\/ul>\n<\/section>    <\/div>\n    \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n\n\n<\/div><section id=\"content-parallax-block_657807bb2471557eedfe24f37a89fd4e\" \n    class=\"content-parallax-block_657807bb2471557eedfe24f37a89fd4e tw-section content-section-parallax uk-preserve-color uk-padding-remove-top uk-position-relative uk-section uk-section-overlap  uk-section-default  layout-grid layout-parallax layout-parallax-grid uk-overflow-hidden\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-dark \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h2  uk-margin-remove-top  content-section-title \">\n            Une vue d&rsquo;ensemble\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Nous avons cr\u00e9\u00e9 une carte interactive sur mesure pour donner aux Montr\u00e9alais une repr\u00e9sentation visuelle des projets en cours dans leur ville. En cliquant sur un arrondissement, les utilisateurs obtiennent une liste de tous les projets en cours dans cette zone.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n    <div class=\"uk-width-1-1 uk-width-2-3@m uk-flex-first@m\" style=\"z-index:1;\">\n        <section id=\"content-parallax-block_657807bb2471557eedfe24f37a89fd4e-parallax-blocks-grid\" class=\"layout-parallax-blocks-grid\" >\n<div class=\"uk-panel uk-position-relative uk-margin-top uk-margin-bottom uk-padding-large uk-padding-remove-horizontal uk-width-1-1 uk-flex uk-flex-middle uk-flex-center\" >\n    <figure class=\"uk-overflow-hidden uk-width-4-5 \" style=\"z-index:2;\" uk-parallax=\"y:0,45;  viewport:1;\" uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\">\n                    <video id=\"\" \n                class=\"parallax-media-main-video uk-width-1-1 uk-margin-auto\" \n                src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Map-Flow.mp4\" \n                loop=\"\" \n                muted=\"\" \n                playsinline=\"\" \n                preload=\"none\" \n                uk-video=\"inview\"\n            >\n            <\/video>\n            <\/figure>\n\n            <figure\n            id=\"parallax-top_left\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-left uk-position-top-left  \"\n            style=\" z-index: 3; \"\n            uk-parallax=\"y: 50,-60; easing: 1; viewport:1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Card2-1-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-top_right\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-right uk-position-top-right  uk-width-1-4@l uk-visible@m\"\n            style=\" z-index: 3; right:-3%;\"\n            uk-parallax=\"y: -50,50; easing: 1; viewport: 1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Circle2-1-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-bottom_left\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-left uk-position-bottom-left  uk-width-1-4@l uk-visible@m\"\n            style=\" z-index: 3; left:5%;\"\n            uk-parallax=\"y: -50,50; easing: 1; viewport: 1;\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Parallax_Circle1-1-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n            <figure\n            id=\"parallax-bottom_right\"\n            class=\"uk-position-absolute uk-width-1-2 uk-width-1-3@s uk-width-1-3@m uk-overflow-hidden uk-margin-remove-vertical uk-text-right uk-position-bottom-right  \"\n            style=\" z-index: 1; right:-1.5%;\"\n            uk-parallax=\"y: -35,100; easing: -0.75; viewport: 0.55\"\n            uk-scrollspy=\"cls: uk-animation-fade; repeat:true; delay: 100;\"\n        >\n                            <img\n                    id=\"\"\n                    class=\"parallax-media-main-image uk-width-1-1\"\n                    data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/10\/spacer-400x400.png\"\n                    width=\"400\"\n                    height=\"400\"\n                    alt=\"\"\n                    uk-img=\"\"\n\n                \/>\n                    <\/figure>\n    <\/div>\n<\/section>    <\/div>\n\n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n\n\n            <\/div><section id=\"block_d1cd38503920450771490715fcc2fb00\" \n    class=\"block_d1cd38503920450771490715fcc2fb00 tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap uk-section-small uk-section-secondary  layout-grid layout-multimedia layout-multimedia-image\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h2  uk-margin-remove-top  content-section-title \">\n            Mont\u00e9e en grade\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>Pour accro\u00eetre la visibilit\u00e9 du projet aupr\u00e8s des Bioneers potentiels, nous avons travaill\u00e9 avec le sp\u00e9cialiste du r\u00e9f\u00e9rencement <a href=\"https:\/\/socialed.ca\/\" target=\"_blank\" rel=\"noopener\">CT Moore<\/a> pour \u00e9laborer une strat\u00e9gie visant \u00e0 garantir l&rsquo;optimisation du site web.<\/p>\n<p>Nous avons continu\u00e9 \u00e0 d\u00e9velopper la strat\u00e9gie de r\u00e9f\u00e9rencement au fur et \u00e0 mesure que les besoins de l&rsquo;\u00e9quipe Biopolis \u00e9voluaient. Des modifications ont \u00e9galement \u00e9t\u00e9 apport\u00e9es au plan du site et \u00e0 la taxonomie du site en r\u00e9ponse \u00e0 ces priorit\u00e9s changeantes.<\/p>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-image uk-inline uk-width-1-1 uk-width-2-3@m uk-flex uk-flex-last@m uk-flex-middle@m \">\n                    <section class=\"uk-width-1-1\">\n<figure id=\"block_d1cd38503920450771490715fcc2fb00\"\n    class=\"section-image uk-height-1-1 uk-margin-remove-bottom uk-flex uk-flex-middle   uk-light             \"\n        \n    >\n\n        <img\n        data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1-400x370.png\"\n        data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1-400x370.png 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1.png 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1.png 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1.png 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Bioneers-sumbit-1.png 2048w\"\n        data-sizes=\"(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width: 1200px ) 1200px, (max-width: 1600px ) 1600px, (max-width: 2048px ) 2048px\"\n        width=\"400\"\n        height=\"370\"\n        alt=\"\"\n        class=\"uk-width-1-1 uk-responsive-width \"\n                    uk-scrollspy=\"cls: uk-animation-fade; repeat: true\"\n            uk-img=\"\"\n                            \/>\n<\/figure>\n<\/section>\n                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n            <\/div><section id=\"block_2969b62924ef4f3c1ca61705f9d0fb6b\" \n    class=\"block_2969b62924ef4f3c1ca61705f9d0fb6b tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid layout-multimedia layout-multimedia-image\"\n    \n        uk-parallax=\"bgy: +100\">\n    \n    <div class=\"uk-position-cover uk-overlay uk-padding-remove uk-visible@m\" >\n\t<div class=\"uk-grid uk-height-1-1 uk-flex-right uk-flex-middle\">\n\t\t<figure class=\" uk-width-1-4 uk-light\" uk-parallax=\"opacity:0.5,0.9; scale:0.8,1;y:-100,0;\" >\n\t\t\t<img loading=\"lazy\" data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/BPL_Symbol_Colour.png\" \n\t\t\t\talt=\"BPL_Symbol_Colour\"\n\t\t\t\twidth=\"\"\n\t\t\t\theight=\"\"\n\t\t\t\tclass=\"uk-width-1-1 uk-img-responsive\"\n\t\t\t\tuk-img\t\t\t\/>\n\t\t<\/figure>\n\t<\/div>\n<\/div>\n\n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n    \n            \n        <h2 class=\"uk-h1 uk-heading-primary uk-margin-remove-top  content-section-title \">\n            Un succ\u00e8s fulgurant\n        <\/h2>\n            \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p><span class=\"uk-text-italic\">\u00ab\u00a0En tant qu&rsquo;ancien maire de Toronto, j&rsquo;ai pu constater que le changement climatique et la conservation de la nature sont des questions cruciales pour le d\u00e9veloppement durable des villes et des communaut\u00e9s. La restauration de notre patrimoine naturel et la protection de la biodiversit\u00e9 sont des \u00e9tapes essentielles pour aider les villes \u00e0 s&rsquo;adapter au changement climatique. Biopolis peut jouer un r\u00f4le important dans la rev\u00e9g\u00e9talisation des villes canadiennes, car l&rsquo;initiative n\u00e9e \u00e0 Montr\u00e9al s&rsquo;\u00e9tendra \u00e0 d&rsquo;autres grands centres urbains du pays.<\/p>\n<footer><span class=\"uk-h4\">-David Miller<\/span><br \/>\n<a href=\"http:\/\/www.wwf.ca\/?23282\/Canadas-first-urban-biodiversity-hub-launches-today-in-Montreal\">PRESIDENT et directeur g\u00e9n\u00e9ral du WWF-CANADA<\/a><\/footer>\n    <\/div>\n    <\/header>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-image uk-inline uk-width-1-1 uk-width-1-2@m uk-flex uk-flex-first@m uk-flex-middle@m \">\n                    <section class=\"uk-width-1-1\">\n<figure id=\"block_2969b62924ef4f3c1ca61705f9d0fb6b\"\n    class=\"section-image uk-height-1-1 uk-margin-remove-bottom uk-flex uk-flex-middle   uk-light uk-border-rounded            \"\n        \n    >\n\n        <img\n        data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1-400x252.jpg\"\n        data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1-400x252.jpg 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1-800x504.jpg 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1.jpg 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1.jpg 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2016\/09\/Biopolis-Launch-1.jpg 2048w\"\n        data-sizes=\"(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width: 1200px ) 1200px, (max-width: 1600px ) 1600px, (max-width: 2048px ) 2048px\"\n        width=\"400\"\n        height=\"252\"\n        alt=\"\"\n        class=\"uk-width-1-1 uk-responsive-width uk-border-rounded\"\n                    uk-scrollspy=\"cls: uk-animation-fade; repeat: true\"\n            uk-img=\"\"\n                            \/>\n<\/figure>\n<\/section>\n                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        \n\n            <\/div><section id=\"block_22a24f653b16f755526f733279a04b11\" \n    class=\"block_22a24f653b16f755526f733279a04b11 tw-section content-section-multimedia uk-preserve-color  uk-position-relative uk-section uk-section-overlap  uk-section-secondary  layout-grid layout-multimedia layout-multimedia-image\"\n    \n        >\n    \n    \n    \n        \n    <!-- Open Wrapper-->\n    <div class=\"uk-container uk-container-small uk-container-expand-center   uk-position-relative\">\n    <!-- Open Wrapper Inner --> <div>\n        \n    <div class=\"uk-grid uk-grid-item-match uk-position-relative  uk-grid-medium\" uk-grid uk-height-match><!-- Open Grid -->\n                <div class=\"uk-width-1-1 uk-width-expand@s uk-flex uk-flex-middle\" style=\"\">\n            <div  >\n            <header class=\"section-header uk-margin-bottom uk-text-left uk-light \" uk-scrollspy=\"cls: uk-animation-slide-left-small; delay: 300; \" >  \n            <div class=\"uk-h4 uk-margin-small content-section-subtitle\">\n        Travailler avec nous\n        <\/div>\n    \n                    <a href=\"https:\/\/thirdwunder.com\/contact\/\" \n            title=\"Contact Us\" \n            aria-label=\"Contact Us\" \n            target=\"\" \n                        class=\"uk-link-reset\" \n            role=\"link\"\n        >\n        \n        <h2 class=\"uk-h2 uk-heading-primary uk-margin-remove-top  content-section-title \">\n            Faisons un peu de magie\n        <\/h2>\n        <\/a>    \n    \n\n        <div class=\"content-section-description uk-text-medium uk-column-1-1@m \">\n        <p>\u00cates-vous pr\u00eat \u00e0 d\u00e9velopper votre entreprise avec nous ? Prenez contact avec nous et prenons un caf\u00e9 pour discuter de vos besoins. Voyons quel genre de magie nous pouvons cr\u00e9er ensemble !<\/p>\n    <\/div>\n    <\/header>\n<footer class=\"uk-text-left uk-light uk-margin-bottom uk-margin-top uk-padding-small uk-padding-remove-horizontal\">\n            <a\n            href=\"https:\/\/thirdwunder.com\/contact\/\"\n            title=\"Contact Us\"\n            target=\"\"\n                                    class=\"uk-button uk-button-default uk-button-medium  uk-width-1-1 uk-width-auto@s uk-margin-small-bottom\"\n            role=\"link\"\n                    >\n            Envoyez-nous un message <span class=\"uk-icon\" uk-icon=\"icon:arrow-right; ratio:0.8\"><\/span>\n        <\/a>\n            <\/footer>\n            <\/div>\n        <\/div>\n            \n                <div\n                    class=\"block-image uk-inline uk-width-1-1 uk-width-1-3@m uk-flex uk-flex-last@m uk-flex-middle@m \">\n                    <section class=\"uk-width-1-1\">\n<figure id=\"block_22a24f653b16f755526f733279a04b11\"\n    class=\"section-image uk-height-1-1 uk-margin-remove-bottom uk-flex uk-flex-middle   uk-dark             \"\n        \n    >\n\n        <img\n        data-src=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02-400x400.png\"\n        data-srcset=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02-400x400.png 400w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02-800x800.png 800w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02.png 1200w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02.png 1600w, https:\/\/thirdwunder.com\/wp-content\/uploads\/2022\/08\/Creative-CTA-Work-with-Us-02.png 2048w\"\n        data-sizes=\"(max-width: 400px) 400px, (max-width: 800px) 800px, (max-width: 1200px ) 1200px, (max-width: 1600px ) 1600px, (max-width: 2048px ) 2048px\"\n        width=\"400\"\n        height=\"400\"\n        alt=\"\"\n        class=\"uk-width-1-1 uk-responsive-width \"\n                    uk-scrollspy=\"cls: uk-animation-fade; repeat: true\"\n            uk-img=\"\"\n                            \/>\n<\/figure>\n<\/section>\n                <\/div>\n            \n        <\/div><!-- Close Grid -->\n        <\/div><!-- Close Inner Wrapper -->\n<\/div><!-- Close Wrapper-->    <\/section>\n    \n\n<div class=\"uk-container uk-container-xsmall\" >\n        ","protected":false},"excerpt":{"rendered":"<p>Find out how we branded and designed an online sustainability database and implemented unique features to support community biodiversity initiatives.<\/p>\n","protected":false},"featured_media":6986,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","tw_project_category":[801,802,800],"tw_project_tag":[812],"tw_service_category":[816,817,818,815],"class_list":["post-9302","tw_project","type-tw_project","status-publish","has-post-thumbnail","hentry","tw_project_category-campagnes","tw_project_category-image-de-marque","tw_project_category-sites-web","tw_project_tag-homepage-fr","tw_service_category-creation","tw_service_category-developpement","tw_service_category-marketing-fr","tw_service_category-strategie"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>WWF Biopolis - Third Wunder<\/title>\n<meta name=\"description\" content=\"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WWF Biopolis - Third Wunder\" \/>\n<meta property=\"og:description\" content=\"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/\" \/>\n<meta property=\"og:site_name\" content=\"Third Wunder\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-17T07:43:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2048\" \/>\n\t<meta property=\"og:image:height\" content=\"1334\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/\",\"name\":\"WWF Biopolis - Third Wunder\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thirdwunder.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/Biopolis-Header-1.jpg\",\"datePublished\":\"2016-09-30T13:00:00+00:00\",\"dateModified\":\"2024-11-17T07:43:48+00:00\",\"description\":\"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/Biopolis-Header-1.jpg\",\"contentUrl\":\"https:\\\/\\\/thirdwunder.com\\\/wp-content\\\/uploads\\\/2020\\\/02\\\/Biopolis-Header-1.jpg\",\"width\":2048,\"height\":1334},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/work\\\/wwf-biopolis\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WWF Biopolis\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/\",\"name\":\"Third Wunder\",\"description\":\"Digital Marketing for Scaling Businesses\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/\\\/#organization\"}},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/\\\/#organization\",\"name\":\"Third Wunder\",\"description\":\"Digital Marketing for Scaling Businesses\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/fr\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/wp-content\\\/themes\\\/wundertheme2025\\\/assets\\\/img\\\/logo.png\"},\"location\":[{\"@type\":\"ProfessionalService\",\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/#location_0\",\"name\":\"Third Wunder\",\"parentOrganization\":{\"@id\":\"https:\\\/\\\/thirdwunder.com\\\/#organization\"},\"address\":{\"@type\":\"PostalAddress\",\"streetAddress\":\"4471 rue de Lanaudiere\",\"addressLocality\":\"Montreal\",\"addressRegion\":\"QC\",\"postalCode\":\"H2J3P3\",\"addressCountry\":\"CA\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/thirdwunder.com\\\/wp-content\\\/themes\\\/wundertheme2024\\\/assets\\\/img\\\/logo.png\"},\"openingHoursSpecification\":[{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Monday\",\"Tuesday\",\"Wednesday\",\"Thursday\"],\"opens\":\"09:00\",\"closes\":\"17:00\"},{\"@type\":\"OpeningHoursSpecification\",\"dayOfWeek\":[\"Friday\"],\"opens\":\"10:00\",\"closes\":\"16:00\"}]}],\"contactPoint\":{\"@type\":\"ContactPoint\",\"contactType\":\"Sales\",\"email\":\"info@thirdwunder.com\",\"telephone\":\"+15144371652\"},\"sameAs\":[\"https:\\\/\\\/facebook.com\\\/ThirdWunder\",\"https:\\\/\\\/instagram.com\\\/thirdwunder\",\"https:\\\/\\\/twitter.com\\\/thirdwunder\",\"https:\\\/\\\/linkedin.com\\\/company\\\/ThirdWunder\",\"https:\\\/\\\/www.youtube.com\\\/@thirdwunder\",\"https:\\\/\\\/github.com\\\/thirdwunder\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WWF Biopolis - Third Wunder","description":"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.","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:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/","og_locale":"fr_FR","og_type":"article","og_title":"WWF Biopolis - Third Wunder","og_description":"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.","og_url":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/","og_site_name":"Third Wunder","article_modified_time":"2024-11-17T07:43:48+00:00","og_image":[{"width":2048,"height":1334,"url":"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/","url":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/","name":"WWF Biopolis - Third Wunder","isPartOf":{"@id":"https:\/\/thirdwunder.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/#primaryimage"},"image":{"@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/#primaryimage"},"thumbnailUrl":"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg","datePublished":"2016-09-30T13:00:00+00:00","dateModified":"2024-11-17T07:43:48+00:00","description":"D\u00e9couvrez comment nous avons con\u00e7u une base de donn\u00e9es en ligne sur le d\u00e9veloppement durable et mis en place des fonctionnalit\u00e9s uniques.","breadcrumb":{"@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/#primaryimage","url":"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg","contentUrl":"https:\/\/thirdwunder.com\/wp-content\/uploads\/2020\/02\/Biopolis-Header-1.jpg","width":2048,"height":1334},{"@type":"BreadcrumbList","@id":"https:\/\/thirdwunder.com\/fr\/work\/wwf-biopolis\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thirdwunder.com\/fr\/"},{"@type":"ListItem","position":2,"name":"WWF Biopolis"}]},{"@type":"WebSite","@id":"https:\/\/thirdwunder.com\/fr\/#website","url":"https:\/\/thirdwunder.com\/fr\/","name":"Third Wunder","description":"Digital Marketing for Scaling Businesses","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thirdwunder.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR","publisher":{"@id":"https:\/\/thirdwunder.com\/fr\/\/#organization"}},{"@type":"Organization","@id":"https:\/\/thirdwunder.com\/fr\/\/#organization","name":"Third Wunder","description":"Digital Marketing for Scaling Businesses","url":"https:\/\/thirdwunder.com\/fr\/","logo":{"@type":"ImageObject","url":"https:\/\/thirdwunder.com\/wp-content\/themes\/wundertheme2025\/assets\/img\/logo.png"},"location":[{"@type":"ProfessionalService","@id":"https:\/\/thirdwunder.com\/#location_0","name":"Third Wunder","parentOrganization":{"@id":"https:\/\/thirdwunder.com\/#organization"},"address":{"@type":"PostalAddress","streetAddress":"4471 rue de Lanaudiere","addressLocality":"Montreal","addressRegion":"QC","postalCode":"H2J3P3","addressCountry":"CA"},"image":{"@type":"ImageObject","url":"https:\/\/thirdwunder.com\/wp-content\/themes\/wundertheme2024\/assets\/img\/logo.png"},"openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday"],"opens":"09:00","closes":"17:00"},{"@type":"OpeningHoursSpecification","dayOfWeek":["Friday"],"opens":"10:00","closes":"16:00"}]}],"contactPoint":{"@type":"ContactPoint","contactType":"Sales","email":"info@thirdwunder.com","telephone":"+15144371652"},"sameAs":["https:\/\/facebook.com\/ThirdWunder","https:\/\/instagram.com\/thirdwunder","https:\/\/twitter.com\/thirdwunder","https:\/\/linkedin.com\/company\/ThirdWunder","https:\/\/www.youtube.com\/@thirdwunder","https:\/\/github.com\/thirdwunder"]}]}},"_links":{"self":[{"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/work\/9302","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/work"}],"about":[{"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/types\/tw_project"}],"replies":[{"embeddable":true,"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/comments?post=9302"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/media\/6986"}],"wp:attachment":[{"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/media?parent=9302"}],"wp:term":[{"taxonomy":"tw_project_category","embeddable":true,"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/tw_project_category?post=9302"},{"taxonomy":"tw_project_tag","embeddable":true,"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/tw_project_tag?post=9302"},{"taxonomy":"tw_service_category","embeddable":true,"href":"https:\/\/thirdwunder.com\/fr\/wp-json\/wp\/v2\/tw_service_category?post=9302"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}