CINXE.COM
Evolving Web | Design and Web Development Agency in Montreal
<!DOCTYPE html> <html lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ og: http://ogp.me/ns# rdfs: http://www.w3.org/2000/01/rdf-schema# schema: http://schema.org/ sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema# " class="page-landing-page"> <head> <meta charset="utf-8" /> <meta name="description" content="Evolving Web is a Montreal-based team of Drupal experts. We provide consulting, development, and training services to guide our clients to success." /> <link rel="canonical" href="https://evolvingweb.com/" /> <link rel="shortlink" href="https://evolvingweb.com/" /> <link rel="image_src" href="/themes/custom/ewsite9/images/social-image.png" /> <meta name="google" content="OxtxcwJdOKbXsbylf0ThGyzomKKeNxKszO9GVXNPXeI" /> <meta property="og:site_name" content="Evolving Web" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://evolvingweb.com/home" /> <meta property="og:title" content="Design and Web Development Agency in Montreal" /> <meta property="og:description" content="Evolving Web is a Montreal-based team of Drupal experts. We provide consulting, development, and training services to guide our clients to success." /> <meta property="og:image" content="https://evolvingweb.com/themes/custom/ewsite9/images/social-image.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="630" /> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@evolvingweb" /> <meta name="twitter:description" content="Evolving Web is a Montreal-based team of Drupal experts. We provide consulting, development, and training services to guide our clients to success." /> <meta name="twitter:title" content="Design and Web Development Agency in Montreal" /> <meta name="twitter:creator" content="@evolvingweb" /> <meta name="twitter:image" content="https://evolvingweb.com/themes/custom/ewsite9/images/social-image--twitter.jpg" /> <meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> <meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta itemprop="acquia_lift:content_title" content="Home" /> <meta itemprop="acquia_lift:content_type" content="landing_page" /> <meta itemprop="acquia_lift:page_type" content="node page" /> <meta itemprop="acquia_lift:context_language" content="en" /> <meta itemprop="acquia_lift:content_section" content="" /> <meta itemprop="acquia_lift:content_keywords" content="" /> <meta itemprop="acquia_lift:post_id" content="1160" /> <meta itemprop="acquia_lift:content_uuid" content="6ae6c6f6-bf37-4c80-9067-6a048ac6cb27" /> <meta itemprop="acquia_lift:published_date" content="1665572358" /> <meta itemprop="acquia_lift:persona" content="" /> <meta itemprop="acquia_lift:engagement_score" content="1" /> <meta itemprop="acquia_lift:account_id" content="EVOLVINGWEB" /> <meta itemprop="acquia_lift:site_id" content="evolvingwebsite" /> <meta itemprop="acquia_lift:liftAssetsURL" content="https://builder.lift.acquia.com" /> <meta itemprop="acquia_lift:liftDecisionAPIURL" content="https://us-east-1-decisionapi.lift.acquia.com" /> <meta itemprop="acquia_lift:bootstrapMode" content="auto" /> <meta itemprop="acquia_lift:contentReplacementMode" content="trusted" /> <meta itemprop="acquia_lift:cdfVersion" content="1" /> <script src="https://builder.lift.acquia.com/lift.js" async></script> <link rel="icon" href="/themes/custom/ewsite9/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="alternate" hreflang="en" href="https://evolvingweb.com/" /> <link rel="alternate" hreflang="fr" href="https://evolvingweb.com/fr" /> <title>Evolving Web | Design and Web Development Agency in Montreal</title> <link rel="apple-touch-icon" sizes="57x57" href="/themes/custom/ewsite9/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/themes/custom/ewsite9/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/themes/custom/ewsite9/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/themes/custom/ewsite9/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/themes/custom/ewsite9/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/themes/custom/ewsite9/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/themes/custom/ewsite9/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/themes/custom/ewsite9/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="/themes/custom/ewsite9/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="/themes/custom/ewsite9/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="/themes/custom/ewsite9/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="/themes/custom/ewsite9/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="/themes/custom/ewsite9/favicons/favicon-16x16.png"> <link rel="manifest" href="/themes/custom/ewsite9/favicons/manifest.json"> <meta name="msapplication-TileColor" content="#050505"> <meta name="msapplication-TileImage" content="/themes/custom/ewsite9/favicons/ms-icon-144x144.png"> <meta name="theme-color" content="#FFFFFF"> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_n51vOsGVI35UFcgfAwTMNgylBW0wd9HSiGZI9kfi2rg.css?delta=0&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM" /> <link rel="stylesheet" media="all" href="//customer.cludo.com/css/templates/v1.1/essentials/cludo-search.min.css" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_fSGOm-ChalFep4mIhFHM8na87e_i-cbamJg0JpugVfA.css?delta=2&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_TnBSE21uwA6pBikvKATRj5FEFuOWcLF9oOcdBqNYzNQ.css?delta=3&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" /> <link rel="stylesheet" media="all" href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_MiVLfR7tmrl4H5ggt0tfEnLwR-n5Q3Uj5M32_jrkM78.css?delta=6&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM" /> <!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-THD3RB8');</script> <!-- End Google Tag Manager --> </head> <body class="path-frontpage path-alias--home page-node-type-landing-page has-glyphicons"> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <section class="dark"> <section class="hidden xl:block pt-[14px] pb-[13px] bg-neutral-400 dark:bg-dark"> <div class="container flex justify-end"> <div class="region region-navigation-top-bar navigation-top-bar flex items-center gap-8"> <section class="cludo-search-block-form block-topbar-cludosearchblock block clearfix" data-drupal-selector="cludo-search-block-form" id="block-topbar-cludosearchblock" aria-label="Cludo Search block"> <div id="csearch-form-wrapper" class="form-wrapper top"><form action="/" method="post" id="cludo-search-block-form" accept-charset="UTF-8"> <div class="cludo-search-form" role="search"> <div class="form-item js-form-item form-type-textfield js-form-type-textfield form-item-search-keys js-form-item-search-keys form-group"> <label for="edit-search-keys" class="control-label">Enter the terms you wish to search for.</label> <input title="Enter the terms you wish to search for." autocomplete="off" placeholder="Search..." data-drupal-selector="edit-search-keys" class="form-text form-control" type="text" id="edit-search-keys" name="search_keys" value="" size="60" maxlength="128" /> </div> <button data-drupal-selector="edit-submit" class="button js-form-submit form-submit btn-primary btn icon-before" type="submit" id="edit-submit" name="op" value="Search"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span> Search</button><input autocomplete="off" data-drupal-selector="form-q6a5hm0kaw8q7o-qvc31jbymcqe0aedicusxdl-dsds" type="hidden" name="form_build_id" value="form-Q6A5hm0Kaw8q7o-qVC31JBYMCQE0aEdICUSxdl_DSDs" /><input data-drupal-selector="edit-cludo-search-block-form" type="hidden" name="form_id" value="cludo_search_block_form" /> </div> </form> </div><a href="#" class="csearch-trigger action-open" aria-label="Show search field"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></a><a href="#" class="csearch-trigger action-close hide" aria-label="Hide search field"><span class="icon icon-close" aria-hidden="true"></span></a> </section> <section class="language-switcher-language-url block-topbar-languageswitcher block clearfix" id="block-topbar-languageswitcher" role="navigation" aria-label="Language switcher"> <ul class="links"><li data-drupal-link-system-path="<front>" class="fr is-active"><a href="/fr" class="language-link" hreflang="fr" data-drupal-link-system-path="<front>">fr</a></li></ul> </section> </div> </div> </section> <header class="navbar header--main navbar-default xl:dark:bg-dark" id="navbar"> <div class="container"> <a href="#main-content" class="visually-hidden focusable skip-link">Skip to main content</a> <div class="navbar-header-wrapper"> <div class="navbar-header relative"> <div class="region region-navigation"> <a class="logo" href="/" title="Home" rel="home"> <img src="/themes/custom/ewsite9/logo.svg" alt="Evolving Web" height="240" class="block dark:block xl:dark:hidden" /> <img src="/themes/custom/ewsite9/logo--white.svg" alt="Evolving Web" height="240" class="hidden max-xl:dark:hidden dark:block" /> </a> </div> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar top-bar"></span> <span class="icon-bar middle-bar"></span> <span class="icon-bar bottom-bar"></span> </button> </div> <div class="navbar-collapse collapse"> <div class="region region-navigation-collapsible container"> <nav id="block-ewsite9-main-menu" class="main-menu" aria-label="Main menu"> <div id="block-ewsite9-main-menu-heading" class="sr-only">Main menu</div> <ul class="menu nav navbar-nav"> <li class="expanded dropdown"> <a href="/about" class="dropdown-toggle disabled depth--0 depth--0-1" data-target="#" data-toggle="dropdown"> <span class="title leading-none">About</span> <span class="flex items-center pl-2 relative xl:hidden before:content-[''] before:block before:w-[0.1rem] before:h-[1.375rem] before:bg-white/30 before:absolute before:left-0"> <button class="p-0 m-0 border-0 w-[1.6875rem] h-[1.6875rem] text-white bg-transparent rounded-full flex justify-center items-center text-2xl relative z-10" type="button" data-toggle="custom-collapse" data-target="container--1-1" > <i class="icon icon-chevron-down top-[0.2rem] transition-transform origin-center"></i> <span class="sr-only">Toggle submenu</span> </button> </span> </a> <ul id="container--1-1" class="menu submenu list-unstyled custom-collapse"> <li> <a href="/about" class="depth--1 depth--1-1" aria-label="A link in header to Meet Evolving Web page" data-drupal-link-system-path="node/821">Meet Evolving Web</a> </li> <li> <a href="https://careers.evolvingweb.com/en" class="btn_main_nav depth--1 depth--1-2" target="_blank" aria-label="A link in header to Careers page">Careers</a> </li> <li> <a href="/why-drupal" class="btn_main_nav depth--1 depth--1-3" aria-label="A link in header to Why Drupal? page" data-drupal-link-system-path="node/893">Why Drupal?</a> </li> <li> <a href="/wordpress-web-development" class="btn_main_nav depth--1 depth--1-4" aria-label="A link in header to WordPress Web Development page" data-drupal-link-system-path="node/1131">WordPress Web Development</a> </li> <li> <a href="/our-partners" class="btn_main_nav depth--1 depth--1-5" aria-label="A link in header to Our Partners page" data-drupal-link-system-path="node/1091">Our Partners</a> </li> </ul> </li> <li> <a href="/projects" class="btn_main_nav depth--0 depth--0-2" aria-label="A link in header to Projects page" data-drupal-link-system-path="node/1056">Projects</a> </li> <li class="expanded dropdown"> <a href="/services" class="dropdown-toggle disabled depth--0 depth--0-3" data-target="#" data-toggle="dropdown"> <span class="title leading-none">Services</span> <span class="flex items-center pl-2 relative xl:hidden before:content-[''] before:block before:w-[0.1rem] before:h-[1.375rem] before:bg-white/30 before:absolute before:left-0"> <button class="p-0 m-0 border-0 w-[1.6875rem] h-[1.6875rem] text-white bg-transparent rounded-full flex justify-center items-center text-2xl relative z-10" type="button" data-toggle="custom-collapse" data-target="container--1-3" > <i class="icon icon-chevron-down top-[0.2rem] transition-transform origin-center"></i> <span class="sr-only">Toggle submenu</span> </button> </span> </a> <ul id="container--1-3" class="menu submenu list-unstyled custom-collapse"> <li> <a href="/services" class="depth--1 depth--1-1" aria-label="A link in header to Our Services page" data-drupal-link-system-path="node/823">Our Services</a> </li> <li> <a href="/audit-services" class="btn_main_nav depth--1 depth--1-2" aria-label="A link in header to Audit Services page" data-drupal-link-system-path="node/1205">Audit Services</a> </li> <li> <a href="/digital-strategy-services" class="btn_main_nav depth--1 depth--1-3" aria-label="A link in header to Strategy page" data-drupal-link-system-path="node/916">Strategy</a> </li> <li> <a href="/web-design-services" class="btn_main_nav depth--1 depth--1-4" aria-label="A link in header to Design page" data-drupal-link-system-path="node/914">Design</a> </li> <li> <a href="/development-technology" class="btn_main_nav depth--1 depth--1-5" aria-label="A link in header to Development & Technology page" data-drupal-link-system-path="node/932">Development & Technology</a> </li> <li> <a href="/marketing" class="btn_main_nav depth--1 depth--1-6" aria-label="A link in header to Marketing page" data-drupal-link-system-path="node/1196">Marketing</a> </li> <li> <a href="/maintenance-support-services" class="btn_main_nav depth--1 depth--1-7" aria-label="A link in header to Maintenance & Support page" data-drupal-link-system-path="node/917">Maintenance & Support</a> </li> <li> <a href="/drupal-upgrades-and-migration-services" class="btn_main_nav depth--1 depth--1-8" aria-label="A link in header to Drupal Upgrades and Migration Services page" data-drupal-link-system-path="node/1054">Drupal Upgrades and Migration Services</a> </li> <li> <a href="/content-strategy-seo" class="btn_main_nav depth--1 depth--1-9" aria-label="A link in header to Content Strategy & SEO page" data-drupal-link-system-path="node/1213">Content Strategy & SEO</a> </li> </ul> </li> <li class="expanded dropdown"> <a href="/industries" class="dropdown-toggle disabled depth--0 depth--0-4" data-target="#" data-toggle="dropdown"> <span class="title leading-none">Industries</span> <span class="flex items-center pl-2 relative xl:hidden before:content-[''] before:block before:w-[0.1rem] before:h-[1.375rem] before:bg-white/30 before:absolute before:left-0"> <button class="p-0 m-0 border-0 w-[1.6875rem] h-[1.6875rem] text-white bg-transparent rounded-full flex justify-center items-center text-2xl relative z-10" type="button" data-toggle="custom-collapse" data-target="container--1-4" > <i class="icon icon-chevron-down top-[0.2rem] transition-transform origin-center"></i> <span class="sr-only">Toggle submenu</span> </button> </span> </a> <ul id="container--1-4" class="menu submenu list-unstyled custom-collapse"> <li> <a href="/industries" class="depth--1 depth--1-1" aria-label="A link in header to All Industries page" data-drupal-link-system-path="node/1085">All Industries</a> </li> <li> <a href="/website-development-government-agencies" class="btn_main_nav depth--1 depth--1-2" aria-label="A link in header to Government & Municipalities page" data-drupal-link-system-path="node/902">Government & Municipalities</a> </li> <li> <a href="/higher-education-website-design-development-and-training" class="btn_main_nav depth--1 depth--1-3" aria-label="A link in header to Higher Education page" data-drupal-link-system-path="node/887">Higher Education</a> </li> <li> <a href="/website-development-non-governmental-organizations-or-ngos" class="btn_main_nav depth--1 depth--1-4" aria-label="A link in header to Non-profits page" data-drupal-link-system-path="node/906">Non-profits</a> </li> <li> <a href="/web-design-development-hospitals-and-healthcare-websites" class="btn_main_nav depth--1 depth--1-5" aria-label="A link in header to Healthcare page" data-drupal-link-system-path="node/901">Healthcare</a> </li> <li> <a href="/enterprise" class="btn_main_nav depth--1 depth--1-6" aria-label="A link in header to Enterprise page" data-drupal-link-system-path="node/1212">Enterprise</a> </li> </ul> </li> <li class="expanded dropdown"> <a href="/training" class="dropdown-toggle disabled depth--0 depth--0-5" data-target="#" data-toggle="dropdown"> <span class="title leading-none">Training</span> <span class="flex items-center pl-2 relative xl:hidden before:content-[''] before:block before:w-[0.1rem] before:h-[1.375rem] before:bg-white/30 before:absolute before:left-0"> <button class="p-0 m-0 border-0 w-[1.6875rem] h-[1.6875rem] text-white bg-transparent rounded-full flex justify-center items-center text-2xl relative z-10" type="button" data-toggle="custom-collapse" data-target="container--1-5" > <i class="icon icon-chevron-down top-[0.2rem] transition-transform origin-center"></i> <span class="sr-only">Toggle submenu</span> </button> </span> </a> <ul id="container--1-5" class="menu submenu list-unstyled custom-collapse"> <li> <a href="/training" class="depth--1 depth--1-1" aria-label="A link in header to Training Catalogue page" data-drupal-link-system-path="node/824">Training Catalogue</a> </li> <li> <a href="/multi-course-drupal-training-pathways" class="btn_main_nav depth--1 depth--1-2" aria-label="A link in header to Training Packages page" data-drupal-link-system-path="node/935">Training Packages</a> </li> <li> <a href="/drupal-training-designed-your-team" class="btn_main_nav depth--1 depth--1-3" aria-label="A link in header to Custom Training page" data-drupal-link-system-path="node/1129">Custom Training</a> </li> </ul> </li> <li class="expanded dropdown"> <a href="/drupal-and-web-development-resources" class="dropdown-toggle disabled depth--0 depth--0-6" data-target="#" data-toggle="dropdown"> <span class="title leading-none">Resources</span> <span class="flex items-center pl-2 relative xl:hidden before:content-[''] before:block before:w-[0.1rem] before:h-[1.375rem] before:bg-white/30 before:absolute before:left-0"> <button class="p-0 m-0 border-0 w-[1.6875rem] h-[1.6875rem] text-white bg-transparent rounded-full flex justify-center items-center text-2xl relative z-10" type="button" data-toggle="custom-collapse" data-target="container--1-6" > <i class="icon icon-chevron-down top-[0.2rem] transition-transform origin-center"></i> <span class="sr-only">Toggle submenu</span> </button> </span> </a> <ul id="container--1-6" class="menu submenu list-unstyled custom-collapse"> <li> <a href="/blog" class="btn_main_nav depth--1 depth--1-1" aria-label="A link in header to Blog page" data-drupal-link-system-path="node/151">Blog</a> </li> <li> <a href="/drupal-and-web-development-resources" class="btn_main_nav depth--1 depth--1-2" title="Resources" aria-label="A link in header to Resource Library page" data-drupal-link-system-path="node/867">Resource Library</a> </li> </ul> </li> </ul> </nav> <section class="language-switcher-language-url block-collapsable-languageswitcher block clearfix" id="block-collapsable-languageswitcher" role="navigation" aria-label="Language switcher"> <ul class="links"><li data-drupal-link-system-path="<front>" class="fr is-active"><a href="/fr" class="language-link" hreflang="fr" data-drupal-link-system-path="<front>">fr</a></li></ul> </section> <section class="cludo-search-block-form block-collapsable-cludosearchblock block clearfix" data-drupal-selector="cludo-search-block-form-2" id="block-collapsable-cludosearchblock" aria-label="Cludo Search block"> <div id="csearch-form-wrapper" class="form-wrapper top"><form action="/" method="post" id="cludo-search-block-form--2" accept-charset="UTF-8"> <div class="cludo-search-form" role="search"> <div class="form-item js-form-item form-type-textfield js-form-type-textfield form-item-search-keys js-form-item-search-keys form-group"> <label for="edit-search-keys--2" class="control-label">Enter the terms you wish to search for.</label> <input title="Enter the terms you wish to search for." autocomplete="off" placeholder="Search..." data-drupal-selector="edit-search-keys" class="form-text form-control" type="text" id="edit-search-keys--2" name="search_keys" value="" size="60" maxlength="128" /> </div> <button data-drupal-selector="edit-submit" class="button js-form-submit form-submit btn-primary btn icon-before" type="submit" id="edit-submit--2" name="op" value="Search"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span> Search</button><input autocomplete="off" data-drupal-selector="form-8sxar7yav4s4kbozpresf8xhgv2yzzozea18h-op6ik" type="hidden" name="form_build_id" value="form-8SxAr7YAv4s4kBOZPrESF8XHGV2yzZOZEa18h-oP6ik" /><input data-drupal-selector="edit-cludo-search-block-form-2" type="hidden" name="form_id" value="cludo_search_block_form" /> </div> </form> </div><a href="#" class="csearch-trigger action-open" aria-label="Show search field"><span class="icon glyphicon glyphicon-search" aria-hidden="true"></span></a><a href="#" class="csearch-trigger action-close hide" aria-label="Hide search field"><span class="icon icon-close" aria-hidden="true"></span></a> </section> </div> </div> </div> </div> </header> </section> <a id="main-content" class="main-content-anchor"></a> <div class="main-wide main-wide--no-padding"> <div role="main" class="main-container container-fluid js-quickedit-main-content"> <div class="region region-info-messages"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="row"> </div> <div class="row"> <div class="col-sm-12 components-container"> <div class="region region-content"> <article about="/home" class="landing-page full clearfix"> <div class="content"> <div class="field field--name-field-contents field--type-entity-reference-revisions field--label-hidden field--items"> <div class="field--item"> <section class="show-reel__wrapper bg-dark"> <article class="show-reel"> <div class="multy-carousel container" data-synchronize-carousels="_"> <div class="row"> <div class="multy-carousel__left col col-lg-4 flex items-center pt-12 pb-8 lg:pb-12"> <section class="ew-carousel swiper" data-swiper-config="null" data-swiper-config-name="fade" > <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">Beneva</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Building accessible, high-impact digital experiences to drive business</h2> </div> <div class="show-reel__button"> <a href="/projects/beneva" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">Georgia Tech Library</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Transforming the library experience with innovative search features</h2> </div> <div class="show-reel__button"> <a href="/projects/georgia-tech-library" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">Planned Parenthood Direct</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Boldly bridging healthcare gaps with decoupled solutions</h2> </div> <div class="show-reel__button"> <a href="/projects/planned-parenthood-direct" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">OCAD</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Tackling complex goals with artistic vision</h2> </div> <div class="show-reel__button"> <a href="/projects/ocad-university" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">Princeton International</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Sparking award-winning ideas for high-profile partners</h2> </div> <div class="show-reel__button"> <a href="/projects/princeton-international" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">Bonjour Quebec</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Launching Québec's ultimate traveller resource hub</h2> </div> <div class="show-reel__button"> <a href="/projects/tourisme-quebec" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">BanQ</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Elevating user experience for seamless content discovery</h2> </div> <div class="show-reel__button"> <a href="/projects/bibliotheque-et-archives-nationales-du-quebec-banq" class="btn btn--inverted">View Case Study</a> </div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--left paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__subtitle"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">INSPQ</div> </div> <div class="show-reel__title"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">A new Drupal home for public health information in Québec</h2> </div> <div class="show-reel__button"> <a href="/projects/institut-national-de-sante-publique-du-quebec-inspq" class="btn btn--inverted">View Case Study</a> </div> </div> </div> </div> <div class="swiper-controls"> <div class="swiper-controls__inner"> <div class="swiper-pagination"></div> <button class="swiper-button-prev"></button> <button class="swiper-button-next"></button> </div> </div> <button class="swiper-play-pause-btn"> <svg class="pause" width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" style="pointer-events: none;"><rect width="3" height="11" rx="1.5" /><rect x="7" width="3" height="11" rx="1.5" /></svg> <svg class="play" height="10px" width="10px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17.804 17.804" xml:space="preserve" style="pointer-events: none;"><g><g id="c98_play"><path d="M2.067,0.043C2.21-0.028,2.372-0.008,2.493,0.085l13.312,8.503c0.094,0.078,0.154,0.191,0.154,0.313c0,0.12-0.061,0.237-0.154,0.314L2.492,17.717c-0.07,0.057-0.162,0.087-0.25,0.087l-0.176-0.04c-0.136-0.065-0.222-0.207-0.222-0.361V0.402C1.844,0.25,1.93,0.107,2.067,0.043z"/></g></g></svg> </button> </section> </div> <div class="multy-carousel__right col col-lg-8 flex px-0 pb-12 lg:pb-0"> <section class="ew-carousel swiper" data-swiper-config="null" data-swiper-config-name="showReel" > <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20Beneva.png?h=f0574bed&itok=0tJmR-Uy 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Beneva.png?h=f0574bed&itok=fxbfSCbz 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Beneva.png?h=f0574bed&itok=h9HBUuV_ 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Beneva.png?h=f0574bed&itok=fxbfSCbz 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Beneva.png?h=f0574bed&itok=h9HBUuV_" width="496" height="415" alt="a screenshot of the Beneva website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #7310DB;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20GT.png?h=f0574bed&itok=X4XAFjn1 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20GT.png?h=f0574bed&itok=SQ1G_yNY 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20GT.png?h=f0574bed&itok=ZtkcCq-u 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20GT.png?h=f0574bed&itok=SQ1G_yNY 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20GT.png?h=f0574bed&itok=ZtkcCq-u" width="496" height="415" alt="A screenshot of the Georgia Tech Library website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #005192;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20PPD.png?h=f0574bed&itok=uLzjqDpG 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20PPD.png?h=f0574bed&itok=M8N3eMBA 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20PPD.png?h=f0574bed&itok=Lr-PENRR 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20PPD.png?h=f0574bed&itok=M8N3eMBA 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20PPD.png?h=f0574bed&itok=Lr-PENRR" width="496" height="415" alt="A screenshot of the Planned Parenthood Direct website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #E6C5F5;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20OCAD.png?h=f0574bed&itok=Q81mOhHV 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20OCAD.png?h=f0574bed&itok=nihH1D1L 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20OCAD.png?h=f0574bed&itok=YfaetjJk 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20OCAD.png?h=f0574bed&itok=nihH1D1L 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20OCAD.png?h=f0574bed&itok=YfaetjJk" width="496" height="415" alt="A screenshot of the OCAD website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #A5A5A5;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20Princeton.png?h=f0574bed&itok=JJ5oKIVK 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Princeton.png?h=f0574bed&itok=6QuiBKe5 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Princeton.png?h=f0574bed&itok=y9NZKId2 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Princeton.png?h=f0574bed&itok=6QuiBKe5 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Princeton.png?h=f0574bed&itok=y9NZKId2" width="496" height="415" alt="A screenshot of the Princeton website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #E97500;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20Bonjour%20Quebec.png?h=f0574bed&itok=5hwieVnz 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Bonjour%20Quebec.png?h=f0574bed&itok=9mU2bB0V 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Bonjour%20Quebec.png?h=f0574bed&itok=ikzgHDzR 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20Bonjour%20Quebec.png?h=f0574bed&itok=9mU2bB0V 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20Bonjour%20Quebec.png?h=f0574bed&itok=ikzgHDzR" width="496" height="415" alt="A screenshot of the Bonjour Quebec website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #13297D;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20BaNQ.png?h=f0574bed&itok=eeSdykJz 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20BaNQ.png?h=f0574bed&itok=q6N8A2kB 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20BaNQ.png?h=f0574bed&itok=5LaDg4bf 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20BaNQ.png?h=f0574bed&itok=q6N8A2kB 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20BaNQ.png?h=f0574bed&itok=5LaDg4bf" width="496" height="415" alt="A screenshot of the BaNQ website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #13297D;"></div> </div> </div> <div class="swiper-slide"> <div class="show-reel__element show-reel__element--right paragraph paragraph--type--show-reel-element paragraph--view-mode--default"> <div class="show-reel__image"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/showreel_desktop_1x/public/2024-04/EW%20branding%20assets%20INSPQ.png?h=f0574bed&itok=GWsRmBFc 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20INSPQ.png?h=f0574bed&itok=E78jIHHi 2x" media="all and (min-width: 1200px)" type="image/png" width="620" height="691"/> <source srcset="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20INSPQ.png?h=f0574bed&itok=M-zowY5e 1x, /sites/default/files/styles/showreel_desktop_2x/public/2024-04/EW%20branding%20assets%20INSPQ.png?h=f0574bed&itok=E78jIHHi 2x" type="image/png" width="496" height="415"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/showreel_mobile_1x/public/2024-04/EW%20branding%20assets%20INSPQ.png?h=f0574bed&itok=M-zowY5e" width="496" height="415" alt="A screenshot of the INSPQ website" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> <div class="show-reel__bg-circle" style="background-color: #384188;"></div> </div> </div> </div> <div class="swiper-controls"> <div class="swiper-controls__inner"> <div class="swiper-pagination"></div> <button class="swiper-button-prev"></button> <button class="swiper-button-next"></button> </div> </div> <button class="swiper-play-pause-btn"> <svg class="pause" width="10" height="11" viewBox="0 0 10 11" xmlns="http://www.w3.org/2000/svg" style="pointer-events: none;"><rect width="3" height="11" rx="1.5" /><rect x="7" width="3" height="11" rx="1.5" /></svg> <svg class="play" height="10px" width="10px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 17.804 17.804" xml:space="preserve" style="pointer-events: none;"><g><g id="c98_play"><path d="M2.067,0.043C2.21-0.028,2.372-0.008,2.493,0.085l13.312,8.503c0.094,0.078,0.154,0.191,0.154,0.313c0,0.12-0.061,0.237-0.154,0.314L2.492,17.717c-0.07,0.057-0.162,0.087-0.25,0.087l-0.176-0.04c-0.136-0.065-0.222-0.207-0.222-0.361V0.402C1.844,0.25,1.93,0.107,2.067,0.043z"/></g></g></svg> </button> </section> </div> </div> </div> </article> </section> </div> <div class="field--item"> <section class="two-column-text two-column-text--default two-column-text--60-40 block-section bg-white"> <div class="container"> <div class="row"> <div class="two-column-text__left html col-md-12 col-lg-7 "> <p><span class="extra-xl-dark">Own Your</span></p> <p class="justify-items"><span class="extra-xl-dark">Digital Presence</span></p> </div> <div class="two-column-text__right html mt-md-0 flex flex-column col-md-12 col-lg-5 mt-15 mb-15 justify-content-md-end"> <p><span class="body-xl-dark">Grow, adapt and thrive</span><br><span class="body-xl-dark">in the ever-changing digital</span><br><span class="body-xl-dark">landscape</span></p> </div> </div> </div> </section> </div> <div class="field--item"> <div class="container component-text block-section xxs"> <div class="field field--name-field-full-width-text field--type-text-long field--label-hidden field--item"><div class="container"> <div class="row"> <div class="col-sm-4"> <p><img src="/sites/default/files/inline-images/Homepage-Icon-Your%20story.png" data-entity-uuid="fc9f0188-7a43-4511-82ad-a516b2755ed0" data-entity-type="file" alt="a green chat bubble" width="124" height="124" loading="lazy"></p> <h2 class="title">STRATEGIC</h2> <h2>Your Story</h2> <p>Defining your unique brand voice so your message makes an impact.</p> </div> <div class="col-sm-4"> <p><img src="/sites/default/files/inline-images/Homepage-Icon-Your%20platform.png" data-entity-uuid="e170f6a6-2064-4348-b1c3-f4bb1aecc978" data-entity-type="file" alt="a blue web logo" width="125" height="124" loading="lazy"></p> <h2 class="title">EMPOWERING</h2> <h2>Your Platform</h2> <p>Designing a digital space that scales as you grow.</p> </div> <div class="col-sm-4"> <p><img src="/sites/default/files/inline-images/Homepage-Icon-Your%20future.png" data-entity-uuid="b7365591-270e-4565-b2d4-f3923fe5179a" data-entity-type="file" alt="a flag icon ona teal background" width="125" height="124" loading="lazy"></p> <h2 class="title">ADAPTABLE</h2> <h2>Your Future</h2> <p>Delivering powerful platforms with your long-term vision in mind.</p> </div> </div> </div> </div> </div> </div> <div class="field--item"> <section class="block-section text-menu paragraph--type--text-with-menu paragraph--view-mode--default relative bg-white text-menu-portrait overflow-hidden"> <div class="text-menu__container--moved text-menu__container--theme bg-white"></div> <div class="relative text-menu__main"> <div class="text-menu__container--back"> <div class="container"> <div class="relative h-full"> <div class="text-menu__container--moved"></div> </div> </div> </div> <div class="container text-menu__container--content"> <div class="row text-menu__content"> <div class="col-xs-12 col-lg-6 text-menu__left"> <div class="text-menu__intro-text"><h2>Set your story in motion</h2><p>With our team of developers, designers, marketers and strategists.</p></div> <div> <a class="btn btn-primary btn--masked mt-8 mb-8" title="Our Services" href="/services"> Our Services </a> </div> <ul class="text-menu__menu"> <li> <a href="/digital-strategy-services" > Strategy <i class="icon icon-arrow-right"></i> </a> </li> <li> <a href="/web-design-services" > Design <i class="icon icon-arrow-right"></i> </a> </li> <li> <a href="/development-technology" > Technology <i class="icon icon-arrow-right"></i> </a> </li> <li> <a href="/marketing" > Marketing <i class="icon icon-arrow-right"></i> </a> </li> </ul> </div> <div class="col-xs-12 col-lg-6 text-menu__right"> <div class="text-menu__image-hover"> <div class="hover d-none d-lg-block"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/ew9_text_with_menu_desktop_portrait_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=Dus-t_kq 1x, /sites/default/files/styles/ew9_text_with_menu_desktop_portrait_2x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=OIqpQV2j 2x" media="all and (min-width: 992px)" type="image/jpeg" width="710" height="950"/> <source srcset="/sites/default/files/styles/ew9_text_with_menu_mobile_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=ztoflBaO 1x, /sites/default/files/styles/ew9_text_with_menu_mobile_2x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=gNiNFxIZ 2x" media="all and (min-width: 375px)" type="image/jpeg" width="316" height="267"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/ew9_text_with_menu_desktop_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=XIzrTbsk" width="740" height="624" alt="an atom icon on a green background" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> </div> </div> <div class="col-xs-12 col-lg-6 text-menu__portrait_img d-lg-none text-center"> <div class="field field--name-field-media-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="/sites/default/files/styles/ew9_text_with_menu_desktop_portrait_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=Dus-t_kq 1x, /sites/default/files/styles/ew9_text_with_menu_desktop_portrait_2x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=OIqpQV2j 2x" media="all and (min-width: 992px)" type="image/jpeg" width="710" height="950"/> <source srcset="/sites/default/files/styles/ew9_text_with_menu_mobile_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=ztoflBaO 1x, /sites/default/files/styles/ew9_text_with_menu_mobile_2x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=gNiNFxIZ 2x" media="all and (min-width: 375px)" type="image/jpeg" width="316" height="267"/> <!--[if IE 9]></video><![endif]--> <img loading="eager" src="/sites/default/files/styles/ew9_text_with_menu_desktop_1x/public/2024-04/Homepage%20services%20images.jpg?h=406fdafb&itok=XIzrTbsk" width="740" height="624" alt="an atom icon on a green background" typeof="foaf:Image" class="img-responsive" /> </picture> </div> </div> </div> </div> </div> </div> </div> </div> </section> </div> <div class="field--item"> <div class="paragraph paragraph--type--testimonial-collection paragraph--view-mode--default testimonials-carousel-controls-inline"> <section class="testimonials-carousel__wrapper block-section"> <div class="testimonials-carousel swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <section class="paragraph paragraph--type--testimonial paragraph--view-mode--default bg-white"> <figure class="testimonial container"> <div class="row"> <div class="col-md-4"> <div class="testimonial__organization-logo "> <div class="field field--name-field-logo-image field--type-image field--label-hidden field--item"> <img src="https://evolvingweb.com/sites/default/files/2024-02/Princeton%20University%20Logo%20Black.png" width="800" height="321" alt="PRU logo" loading="lazy" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> <div class="testimonial__body col-md-8"> <blockquote class="testimonial__content"> <div class="field field--name-field-full-width-text field--type-text-long field--label-hidden field--item"><p>"I found in Evolving Web a reliable partner for the design and web development of digital platforms. Our team is very satisfied with the result."</p> </div> </blockquote> <figcaption class="testimonial__author"> <span class="testimonial__author-name"> John Cloys,</span> <span class="testimonial__author-title">Princeton University SPIA</span> <div class="testimonial__organization-name">Princeton University</div> </figcaption> <div class="testimonial__cta"> <a class="btn btn-primary btn--masked" title="See the case study" href="/projects/princeton-university-school-public-and-international-affairs"> See the case study </a> </div> </div> </div> </figure> </section> </div> <div class="swiper-slide"> <section class="paragraph paragraph--type--testimonial paragraph--view-mode--default bg-white"> <figure class="testimonial container"> <div class="row"> <div class="col-md-4"> <div class="testimonial__organization-logo "> <div class="field field--name-field-logo-image field--type-image field--label-hidden field--item"> <img src="https://evolvingweb.com/sites/default/files/2024-02/McGill%20University%20Logo%20Black.png" width="800" height="321" alt="McGill University logo" loading="lazy" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> <div class="testimonial__body col-md-8"> <blockquote class="testimonial__content"> <div class="field field--name-field-full-width-text field--type-text-long field--label-hidden field--item"><p>"I have found Evolving Web to be a reliable partner for design, Drupal development, deployment, and other related services. Evolving Web is very price competitive and efficient with their time."</p> </div> </blockquote> <figcaption class="testimonial__author"> <span class="testimonial__author-name">Matt Corks,</span> <span class="testimonial__author-title">Senior Web Developer Analyst</span> </figcaption> <div class="testimonial__cta"> <a class="btn btn-primary btn--masked" title="Discover the project" href="/projects/mcgill-university"> Discover the project </a> </div> </div> </div> </figure> </section> </div> <div class="swiper-slide"> <section class="paragraph paragraph--type--testimonial paragraph--view-mode--default bg-white"> <figure class="testimonial container"> <div class="row"> <div class="col-md-4"> <div class="testimonial__organization-logo "> <div class="field field--name-field-logo-image field--type-image field--label-hidden field--item"> <img src="https://evolvingweb.com/sites/default/files/2024-02/York%20University%20Logo%20Black.png" width="801" height="321" alt="York U logo" loading="lazy" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> <div class="testimonial__body col-md-8"> <blockquote class="testimonial__content"> <div class="field field--name-field-full-width-text field--type-text-long field--label-hidden field--item"><p>"Evolving Web knowledgeable staff provided insightful advice and feedback while being flexible to adapt to our project, which had many shifting priorities!"</p> </div> </blockquote> <figcaption class="testimonial__author"> <span class="testimonial__author-name">Jason Miller,</span> <span class="testimonial__author-title">Digital Marketing Manager</span> <div class="testimonial__organization-name">York University</div> </figcaption> <div class="testimonial__cta"> <a class="btn btn-primary btn--masked" title="See the case study" href="/projects/york-university-future-students"> See the case study </a> </div> </div> </div> </figure> </section> </div> </div> <div class="swiper-controls container"> <div class="swiper-controls__inner row"> <div class="col-md-8 ml-auto"> <button class="swiper-button-prev"></button> <button class="swiper-button-next"></button> </div> <div class="swiper-pagination"></div> </div> </div> </div> </section> </div> </div> <div class="field--item"> <div class="field field--name-paragraphs field--type-entity-reference-revisions field--label-hidden field--item"> <section class="bg-gray our-clients-exist-to-make-an-impact- image--left cta--bottom"> <div class="container-md metrics bg-gray block-section"> <div class="row metrics__title-container"> <div class="col-sm-12 mb-14"> <h2 class="metrics__subtitle text-base pt-5 mt-0 mb-14 uppercase tracking-[2.5px]"> <div class="field field--name-field-subtitle field--type-string field--label-hidden field--item">SELECT PARTNERS</div> </h2> <div class="md:flex justify-content-between align-items-center"> <h3 class="metrics__title mt-0 mb-6 lg:mb-14"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Our clients exist to make an impact. </h2> </h3> </div> <div class="metrics__excerpt mb-15"> <div class="field field--name-field-excerpt field--type-string-long field--label-hidden field--item">We exist to help them do just that. </div> </div> </div> </div> <div class="row metrics__items metrics__items--3 metrics__items--4"> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Canada%20Government%20Logo%20Black.svg" alt="Canada Government Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Princeton%20University%20Logo%20Black.svg" alt="Princeton University Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/CFI%20Canada%20Foundation%20of%20Innovation%20Logo%20Black.svg" alt="CFI Canada Foundation of Innovation Logo Black." typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Emory%20University%20Logo%20Black.svg" alt="Emory University Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Quebec%20Government%20Logo%20Black.svg" alt="Quebec Government Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Travelocity%20Logo%20Black.svg" alt="Travelocity Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/Bonjour%20Quebec%20Logo%20Black.svg" alt="Bonjour Quebec Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> <div class="col-6 col-lg-3 metrics__items--last"> <article class="metrics__item metrics__item--has-value metrics__item--has-image"> <div class="metrics__item__item-value"> <div class="field field--name-field-metric-image field--type-entity-reference field--label-hidden field--item"><div> <div class="field field--name-field-media-image-1 field--type-image field--label-visually_hidden"> <div class="field--label sr-only">Image</div> <div class="field--item"> <img src="https://evolvingweb.com/sites/default/files/2023-03/McGill%20University%20Logo%20Black.svg" alt="McGill University Logo Black" typeof="foaf:Image" class="img-responsive" /> </div> </div> </div> </div> </div> </article> </div> </div> </div> </section> </div> </div> <div class="field--item"> <section data-effect="text-mask" data-effect-config="{"makeContainer": 1}" class="lets-talk lets-talk--link-arrow bg-white relative"> <div class="container"> <div class="row pb-[3.75rem] pt-[3.375rem] lg:pb-[9.75rem] lg:pt-[9.125rem]" data-mask> <div class="col-12 overflow-hidden" data-mask-activator> <div class="block-section relative !p-0" > <div class="lets-talk__subtitle"> <h2 class="field title field--name-field-title field--type-string field--label-hidden field--item">Ready to talk?</h2> </div> <h1 class="lets-talk__title leading-[1.2] m-0 relative text-[3.125rem] lg:leading-[5.9375rem] lg:text-[5.3125rem]" data-mask-activator> <a href="/contact" class="flex items-center gap-x-7 p-0 hover:no-underline hover:text-current focus:no-underline focus:text-current xl:gap-x-14 group"> <div class="field field--name-field-text-title field--type-text-long field--label-hidden field--item"><p>Let's Chat</p> </div> <i class="icon icon-arrow-right lets-talk__title-arrow text-[2.5rem] md:align-middle md:inline-flex md:text-green xl:text-6xl group-hover:translate-x-[30px]"></i> </a> </h1> </div> </div> </div> </div> <button class="hidden absolute lg:block btn btn-green btn--rounded go-to-next-section"> <i class="icon icon-arrow-right"></i> </button> </section> </div> <div class="field--item"> <div class="featured-content featured-content--blog block-section"> <div class="container featured-content__header"> <h2 class="title text-md-center">FROM THE BLOG</h2> </div> <div class="container featured-content__items featured-content__items--recent center"> <div class="row"> <div class="views-element-container form-group"><div class="view view-recent-content view-id-recent_content view-display-id-block js-view-dom-id-1a17ed3ac5466d09f94a685e51905d67d457c726865af43c6661ede66752d8e4"> <div class="view-content swiper-container"> <div class="swiper-wrapper"> <div class="views-row col-sm-6 col-md-4 col-lg-3 swiper-slide"> <article about="/blog/creating-design-systems-scale-health-institutions" typeof="schema:Article" class="node-blog node-featured clearfix"> <div class="content"> <a href="/blog/creating-design-systems-scale-health-institutions" class="content__image" rel="bookmark"> <div property="schema:image" class="blazy blazy--field blazy--field-image blazy--field-image--featured field field--name-field-image field--type-image field--label-hidden field--item" data-blazy=""> <div data-b-token="b-8e58c3f816a" class="media media--blazy media--image media--responsive is-b-loading"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="about:blank" media="all and (max-width: 480px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=k5MV8E1K 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=AYchH6ja 2x"/> <source srcset="about:blank" media="all and (max-width: 768px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=k5MV8E1K 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=AYchH6ja 2x"/> <source srcset="about:blank" media="all and (max-width: 1280px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=k5MV8E1K 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=AYchH6ja 2x"/> <source srcset="about:blank" media="all and (min-width: 1281px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=k5MV8E1K 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/ew_pattern_innovation_blue_2.png?h=d1cb525d&itok=AYchH6ja 2x"/> <!--[if IE 9]></video><![endif]--> <img property="schemaimage" decoding="async" class="media__element b-lazy b-responsive img-responsive" loading="lazy" data-src="/sites/default/files/2024-11/ew_pattern_innovation_blue_2.png" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="350" height="350" alt="" typeof="foaf:Image" /> </picture> </div> </div> </a> </div> <footer> <div class="author"> <span class="date">Nov 25, 2024</span> <span>By Yue Lu</span> </div> </footer> <h3> <a href="/blog/creating-design-systems-scale-health-institutions" rel="bookmark" class="btn btn-link btn-link--animated"> Creating Design Systems That Scale for Health Institutions <span class="arrow"></span> </a> </h3> <span property="schema:name" content="Creating Design Systems That Scale for Health Institutions" class="hidden"></span> </article> </div> <div class="views-row col-sm-6 col-md-4 col-lg-3 swiper-slide"> <article about="/blog/higher-education-open-source-and-ai-panel-community-resilience-intersections" typeof="schema:Article" class="node-blog node-featured clearfix"> <div class="content"> <a href="/blog/higher-education-open-source-and-ai-panel-community-resilience-intersections" class="content__image" rel="bookmark"> <div property="schema:image" class="blazy blazy--field blazy--field-image blazy--field-image--featured field field--name-field-image field--type-image field--label-hidden field--item" data-blazy=""> <div data-b-token="b-8c5a86a9452" class="media media--blazy media--image media--responsive is-b-loading"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="about:blank" media="all and (max-width: 480px)" type="image/jpeg" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=fEzHuCsm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=LVqeB05D 2x"/> <source srcset="about:blank" media="all and (max-width: 768px)" type="image/jpeg" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=fEzHuCsm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=LVqeB05D 2x"/> <source srcset="about:blank" media="all and (max-width: 1280px)" type="image/jpeg" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=fEzHuCsm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=LVqeB05D 2x"/> <source srcset="about:blank" media="all and (min-width: 1281px)" type="image/jpeg" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=fEzHuCsm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg?h=4dfd8722&itok=LVqeB05D 2x"/> <!--[if IE 9]></video><![endif]--> <img property="schemaimage" decoding="async" class="media__element b-lazy b-responsive img-responsive" loading="lazy" data-src="/sites/default/files/2024-11/Hot%20Takes%20Panel%20ED%20NYC%20September%202024_0.jpg" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="350" height="350" alt="" typeof="foaf:Image" /> </picture> </div> </div> </a> </div> <footer> <div class="author"> <span class="date">Nov 06, 2024</span> <span>By Maria Melititskaya</span> </div> </footer> <h3> <a href="/blog/higher-education-open-source-and-ai-panel-community-resilience-intersections" rel="bookmark" class="btn btn-link btn-link--animated"> Higher Education, Open Source, and AI Panel: Community Resilience at the Intersections <span class="arrow"></span> </a> </h3> <span property="schema:name" content="Higher Education, Open Source, and AI Panel: Community Resilience at the Intersections" class="hidden"></span> </article> </div> <div class="views-row col-sm-6 col-md-4 col-lg-3 swiper-slide"> <article about="/blog/drupal-right-fit-t-shirt-sizing-your-next-website-project" typeof="schema:Article" class="node-blog node-featured clearfix"> <div class="content"> <a href="/blog/drupal-right-fit-t-shirt-sizing-your-next-website-project" class="content__image" rel="bookmark"> <div property="schema:image" class="blazy blazy--field blazy--field-image blazy--field-image--featured field field--name-field-image field--type-image field--label-hidden field--item" data-blazy=""> <div data-b-token="b-980201e41be" class="media media--blazy media--image media--responsive is-b-loading"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="about:blank" media="all and (max-width: 480px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=9RV0fDlG 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=3skcedQ- 2x"/> <source srcset="about:blank" media="all and (max-width: 768px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=9RV0fDlG 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=3skcedQ- 2x"/> <source srcset="about:blank" media="all and (max-width: 1280px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=9RV0fDlG 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=3skcedQ- 2x"/> <source srcset="about:blank" media="all and (min-width: 1281px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=9RV0fDlG 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-10/ew_pattern_drupal_yellow_0.png?h=d1cb525d&itok=3skcedQ- 2x"/> <!--[if IE 9]></video><![endif]--> <img property="schemaimage" decoding="async" class="media__element b-lazy b-responsive img-responsive" loading="lazy" data-src="/sites/default/files/2024-10/ew_pattern_drupal_yellow_0.png" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="350" height="350" alt="" typeof="foaf:Image" /> </picture> </div> </div> </a> </div> <footer> <div class="author"> <span class="date">Oct 30, 2024</span> <span>By Suzanne Dergacheva</span> </div> </footer> <h3> <a href="/blog/drupal-right-fit-t-shirt-sizing-your-next-website-project" rel="bookmark" class="btn btn-link btn-link--animated"> Is Drupal the Right fit? T-Shirt Sizing for Your Next Website Project <span class="arrow"></span> </a> </h3> <span property="schema:name" content="Is Drupal the Right fit? T-Shirt Sizing for Your Next Website Project" class="hidden"></span> </article> </div> <div class="views-row col-sm-6 col-md-4 col-lg-3 swiper-slide"> <article about="/blog/lets-get-digital10-tips-effective-digital-storytelling" typeof="schema:Article" class="node-blog node-featured clearfix"> <div class="content"> <a href="/blog/lets-get-digital10-tips-effective-digital-storytelling" class="content__image" rel="bookmark"> <div property="schema:image" class="blazy blazy--field blazy--field-image blazy--field-image--featured field field--name-field-image field--type-image field--label-hidden field--item" data-blazy=""> <div data-b-token="b-db324d90693" class="media media--blazy media--image media--responsive is-b-loading"> <picture class="responsive-image"> <!--[if IE 9]><video style="display: none;"><![endif]--> <source srcset="about:blank" media="all and (max-width: 480px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=0mYzXjbm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=m0tnp5Tk 2x"/> <source srcset="about:blank" media="all and (max-width: 768px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=0mYzXjbm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=m0tnp5Tk 2x"/> <source srcset="about:blank" media="all and (max-width: 1280px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=0mYzXjbm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=m0tnp5Tk 2x"/> <source srcset="about:blank" media="all and (min-width: 1281px)" type="image/png" width="350" height="350" data-srcset="/sites/default/files/styles/feature_blog_mobile/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=0mYzXjbm 1x, /sites/default/files/styles/feature_content_blog_2x/public/2024-11/Women%20with%20a%20boombox.png?h=0bd4b464&itok=m0tnp5Tk 2x"/> <!--[if IE 9]></video><![endif]--> <img property="schemaimage" decoding="async" class="media__element b-lazy b-responsive img-responsive" loading="lazy" data-src="/sites/default/files/2024-11/Women%20with%20a%20boombox.png" src="data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%201%201'%2F%3E" width="350" height="350" alt="" typeof="foaf:Image" /> </picture> </div> </div> </a> </div> <footer> <div class="author"> <span class="date">Oct 29, 2024</span> <span>By Diana Czuchry</span> </div> </footer> <h3> <a href="/blog/lets-get-digital10-tips-effective-digital-storytelling" rel="bookmark" class="btn btn-link btn-link--animated"> Let’s Get Digital…10 Tips for Effective Digital Storytelling <span class="arrow"></span> </a> </h3> <span property="schema:name" content="Let’s Get Digital…10 Tips for Effective Digital Storytelling" class="hidden"></span> </article> </div> </div> <div class="swiper-pagination"></div> </div> </div> </div> </div> </div> </div> </div> <div class="field--item"> <section class="two-column-text two-column-text--default two-column-text--70-30 block-section bg-white pt-0"> <div class="container"> <div class="row"> <div class="two-column-text__left html col-md-12 col-lg-8 "> <h2 class="title">SUBSCRIBE</h2> <p><span class="body-xl-dark"><strong>Sign up for tutorials, best practices and insights</strong></span></p> </div> <div class="two-column-text__right html mt-md-0 flex flex-column col-md-12 col-lg-4 mt-15 mb-15 justify-content-md-end"> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script><script> hbspt.forms.create({ css: '', cssClass: 'hubspot-form hubspot-form-newsletter', region: "na1", portalId: "2935247", formId: "029014ec-bc4e-47d1-b209-e36de16df41c" }); </script> </div> </div> </div> </section> </div> </div> </div> </article> </div> </div> </div> </div> </div> <footer class="footer footer--alone bg-dark border-0 m-0 p-0 text-white" data-effect="text-mask" data-effect-config="{'makeContainer': 1, 'maskSize': 20}" > <div class="container relative overflow-hidden"> <div class="row footer__container lg:pt-10 pb-11 xl:pt-24 xl:pb-[7.5rem]" data-mask> <div class="col-xl-4 elevate"> <div class="region region-footer-left"> <section id="block-ewsite9-logo" class="logo block clearfix" aria-label="Logo"> <a href="https://evolvingweb.com/" title="Home" rel="Home"> <img src="/themes/custom/ewsite9/logo--white.svg" alt="Home" /> </a> </section> <div id="block-ewsite9-setyourstoryinmotion" class="setyourstoryinmotion block block--contact-us block-block-content block-block-content2c9f8a8b-815e-4f4a-a82c-cca97c377c3f mt-10 pb-10 xl:mt-16 xl:pb-0" aria-label="Set Your Story in Motion"> <div class="field field--name-field-block__body field--type-text-long field--label-hidden field--item"><p>Set Your Story<br>in Motion</p> </div> <div class="field field--name-field-block__cta field--type-link field--label-hidden flex items-center leading-[2.25rem] text-[1.375rem] field--item"> <a href="/contact">Contact Us</a> <i class="icon icon-arrow-right ml-7 text-primary"></i> </div> </div> </div> </div> <div class="col-xl-4 mb-12 xl:mb-0 mt-7 xl:mt-0 xl:pt-5"> <div class="region region-footer-center"> <section id="block-ewsite9-footerblockcontact" class="footerblockcontact block clearfix" aria-label="Contact Information"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><ul> <li><a href="tel:514-844-4930"><img src="/themes/custom/ewsite9/images/icons/sprite/phone.svg" alt="Phone" width="25" height="24" loading="lazy"> <span>514-844-4930</span></a></li> <li><a href="/cdn-cgi/l/email-protection#d2a1b3beb7a192b7a4bdbea4bbbcb5a5b7b0fcb1bdbf"><img src="/themes/custom/ewsite9/images/icons/sprite/envelope.svg" alt="Email" width="25" height="24" loading="lazy"> sales<span>@evolvingweb.com </span></a></li> <li><a href="https://goo.gl/maps/D6ssaDGpxdoEZjnE6" target="_blank"><img src="/themes/custom/ewsite9/images/icons/sprite/marker.svg" alt="Visit us" width="25" height="24" loading="lazy"> <span>Visit us in Old Montreal</span></a></li> <li class="no-icon small"><span>304 Notre-Dame Est Suite 401</span> <span>Montreal, QC H2Y 1C7 Canada</span></li> </ul> </div> </section> </div> </div> <div class="col-xl-4 elevate xl:pt-5"> <div class="region region-footer-right"> <section class="menu"> <nav id="block-ewsite9-footer" class="footer" aria-label="Company menu"> <h2 id="block-ewsite9-footer-heading" class="visually-hidden">Company menu</h2> <ul class="menu menu--footer nav" data-mask-activator> <li class="first"> <a href="/services" class="btn_footer_nav" aria-label="A link in footer to Services page" data-drupal-link-system-path="node/823">Services</a> </li> <li> <a href="/training" class="btn_footer_nav" aria-label="A link in footer to Training page" data-drupal-link-system-path="node/824">Training</a> </li> <li> <a href="/blog" class="btn_footer_nav" aria-label="A link in footer to Blog page" data-drupal-link-system-path="node/151">Blog</a> </li> <li> <a href="https://careers.evolvingweb.com/" class="btn_footer_nav" aria-label="A link in footer to Careers page">Careers</a> </li> <li class="last"> <a href="/contact" class="btn_footer_nav" aria-label="A link in footer to Contact page" data-drupal-link-system-path="node/609">Contact</a> </li> </ul> </nav> </section> </div> </div> </div> </div> <div class="pb-11 xl:bg-dark-100 xl:flex xl:min-h-[4.375rem] xl:items-center xl:pb-0"> <div class="container"> <div class="row footer__after"> <div class="footer__copy col mt-6 xl:mt-0">© Evolving Web 2024</div> <div class="col-xl-4"> <div class="region region-after-footer"> <section id="block-ewsite9-socialmedia" class="socialmedia block social-media" aria-label="Social Links"> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><ul class="footer__social"> <li> <a href="https://www.linkedin.com/company/evolving-web/" target="_blank" class="btn btn--rounded"><br> <span class="sr-only">LinkedIn</span><br> <i class="icon icon-linkedin"></i><br> </a> </li> <li> <a href="https://www.facebook.com/Evolving-Web-321255477898272" target="_blank" class="btn btn--rounded"><br> <span class="sr-only">Facebook</span><br> <i class="icon icon-facebook"></i><br> </a> </li> <li> <a href="https://www.drupal.org/evolving-web" target="_blank" class="btn btn--rounded"><br> <span class="sr-only">Drupal.org</span><br> <i class="icon icon-drupal"></i><br> </a> </li> <li> <a href="https://instagram.com/evolving_web" target="_blank" class="btn btn--rounded"><br> <span class="sr-only">Instagram</span><br> <i class="icon icon-instagram"></i><br> </a> </li> <li> <a href="https://www.youtube.com/channel/UCRn6hlUZ3l8ZkrNoBRCleNQ" target="_blank" class="btn btn--rounded"><br> <span class="sr-only">YouTube</span><br> <i class="icon icon-youtube"></i><br> </a> </li> </ul> </div> </section> </div> </div> </div> </div> </div> </footer> </div> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/1160","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"data":{"extlink":{"extTarget":true,"extTargetNoOverride":false,"extNofollow":true,"extNoreferrer":true,"extFollowNoOverride":false,"extClass":"0","extLabel":"(link is external)","extImgClass":false,"extSubdomains":true,"extExclude":"","extInclude":"","extCssExclude":"","extCssExplicit":"","extAlert":false,"extAlertText":"This link will take you to an external web site. We are not responsible for their content.","mailtoClass":"0","mailtoLabel":"(link sends email)","extUseFontAwesome":false,"extIconPlacement":"append","extFaLinkClasses":"fa fa-external-link","extFaMailtoClasses":"fa fa-envelope-o","whitelistedDomains":[]}},"bootstrap":{"forms_has_error_value_toggle":1,"tooltip_enabled":1,"tooltip_animation":1,"tooltip_container":"body","tooltip_delay":"0","tooltip_html":0,"tooltip_placement":"auto left","tooltip_selector":"","tooltip_trigger":"hover","modal_animation":1,"modal_backdrop":"true","modal_focus_input":1,"modal_keyboard":1,"modal_select_text":1,"modal_show":1,"modal_size":"","popover_enabled":1,"popover_animation":1,"popover_auto_close":1,"popover_container":"body","popover_content":"","popover_delay":"0","popover_html":0,"popover_placement":"right","popover_selector":"","popover_title":"","popover_trigger":"click"},"blazy":{"loadInvisible":false,"offset":100,"saveViewportOffsetDelay":50,"validateDelay":25,"container":"","loader":true,"unblazy":false,"visibleClass":false},"blazyIo":{"disconnect":false,"rootMargin":"0px","threshold":[0,0.25,0.5,0.75,1]},"cludo_search":{"cludo_searchJS":{"customerId":"10000581","engineId":"10002461","searchUrl":"https:\/\/evolvingweb.com\/search","disableAutocomplete":false,"hideResultsCount":false,"hideSearchDidYouMean":false,"hideSearchFilters":false,"language":"en"}},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true},"user":{"uid":0,"permissionsHash":"e0e7fa1bf9e5fcd1b060db70b3dedaf7983fbf1ec3322d918efde64961946851"}}</script> <script src="https://cdnjs.cloudflare.com/polyfill/v3/polyfill.min.js?features=NodeList.prototype.forEach%2CElement.prototype.classList%2CElement.prototype.dataset"></script> <script src="/sites/default/files/js/js_zwxOPmV6PfxHiPhfrRXfOY0uhxLdnJ78S6EtF4vwFEE.js?scope=footer&delta=1&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.0/gsap.min.js"></script> <script src="/sites/default/files/js/js_WYgjjmXuLiDly9EZbV69BLQ4P6lZ__ig0_exYxK_Zc4.js?scope=footer&delta=3&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM"></script> <script src="//api.cludo.com/scripts/xdomain.js" slave="//api.cludo.com/proxy.html"></script> <script src="//customer.cludo.com/scripts/bundles/search-script.min.js"></script> <script src="/sites/default/files/js/js_w-SA2p_l08sPwXBk0BBzWo9mBjYBWqHzKSDw4clJupw.js?scope=footer&delta=6&language=en&theme=ewsite9&include=eJx1UluOgzAMvBAk33saZIKBbJ04ip2y7Ok3RZTSiv2INR4_ZmRFVlEMtgfBBhfxil92Iu6BWtGVfJwOeuSoLSwoHGrvj9bizQ65JCCzp03PrKIZkk2c-I75xCgzqU9NggxTJWZ5Tr8YU2IqPXmZcWiK7xKoYo5ideHOMZUQO61i5iNv7r7atFs0gYdC2PQEv6vd4o6JYdhhYlpHT7SnjkCkyuqznDl4ee7IMO5owT4dBznZHhG05A_PhCqdAt3MgY5ZHEd0KuZhvg0gt6utATV7J--HQFEfOHog6RxkLoJkLtn_5s7dV7Kn8uPGVI16jted1f3idW4DxvKmJzMvXcbq7UBvdVxe7k_4SuWxoN0WOCoDd4KQ3Wy3pHVFtH7IfAz6WAUch8bxgBJ9Sqj2hM3sp5nq02_5A9jzLfM"></script> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THD3RB8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body> </html>