CINXE.COM

<!DOCTYPE html> <html translate="no"> <head class="no-js"> <meta charset="UTF-8"> <meta name="google" content="notranslate"> <meta name="fragment" content="!"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5, minimum-scale=1"> <title>Accueil - Kffein - Agence Web Cr茅ative 脿 Montr茅al"</title> <meta data-vmid="description" name="description" content="Startups, agences, PME et grandes entreprises : nos clients misent sur notre expertise digitale pour propulser leurs communications num茅riques. "> <meta data-vmid="og:title" name="og:title" content="Kffein - Agence Web 脿 Montr茅al - Kffein - Agence Web Cr茅ative 脿 Montr茅al""> <meta data-vmid="og:description" name="og:description" content="Startups, agences, PME et grandes entreprises : nos clients misent sur notre expertise digitale pour propulser leurs communications num茅riques. "> <meta data-vmid="og:image" name="og:image" content="https://kffein.com/upload/commons/_1200x590_crop_center-center_none/Studio-Kffein.png"> <meta data-vmid="og:image:alt" name="og:image:alt" content="Studio Kffein"> <meta data-vmid="og:image:width" name="og:image:width" content="1200"> <meta data-vmid="og:image:height" name="og:image:height" content="590"> <meta data-vmid="og:url" name="og:url" content="https://kffein.com/"> <meta data-vmid="og:locale" name="og:locale" content="fr"> <meta data-vmid="og:type" name="og:type" content="website"> <meta data-vmid="og:site_name" name="og:site_name" content="KFFEIN"> <meta data-vmid="twitter:title" name="twitter:title" content="Kffein - Agence Web 脿 Montr茅al - Kffein - Agence Web Cr茅ative 脿 Montr茅al""> <meta data-vmid="twitter:description" name="twitter:description" content="Startups, agences, PME et grandes entreprises : nos clients misent sur notre expertise digitale pour propulser leurs communications num茅riques. "> <meta data-vmid="twitter:image" name="twitter:image" content="https://kffein.com/upload/commons/_1200x590_crop_center-center_none/Studio-Kffein.png"> <meta data-vmid="twitter:image:alt" name="twitter:image:alt" content="Studio Kffein"> <meta data-vmid="twitter:card" name="twitter:card" content="summary_large_image"> <meta data-vmid="twitter:url" name="twitter:url" content="https://kffein.com/"> <link data-vmid="canonical" rel="canonical" hreflang="fr" href="https://kffein.com/" /> <link data-vmid="x-default" rel="alternate" hreflang="x-default" href="https://kffein.com/" />  <script data-cookieconsent="ignore"> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", functionality_storage: "denied", personalization_storage: "denied", security_storage: "granted", wait_for_update: 500 }); gtag("set", "ads_data_redaction", true); gtag("set", "url_passthrough", true); </script>   <script id="Cookiebot" data-culture="fr-CA" src="https://consent.cookiebot.com/uc.js" data-cbid="91fe5d84-9e93-4b1b-856a-f3ea9ec8457a" data-blockingmode="auto" type="text/javascript" ></script>  <link rel="author" href="/humans.txt" /> <link rel="shortcut icon" href="/assets/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/assets/favicons/favicon-48x48.png"> <link rel="manifest" href="/assets/favicons/manifest.json"> <meta name="mobile-web-app-capable" content="yes"> <meta name="theme-color" content="#fff"> <meta name="application-name" content="kffein-website"> <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicons/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicons/apple-touch-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicons/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicons/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicons/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicons/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicons/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicons/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="/assets/favicons/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicons/apple-touch-icon-180x180.png"> <link rel="apple-touch-icon" sizes="1024x1024" href="/assets/favicons/apple-touch-icon-1024x1024.png"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta name="apple-mobile-web-app-title" content="kffein-website"> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-640x1136.png"> <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-750x1334.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-828x1792.png"> <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1125x2436.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1242x2208.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1242x2688.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1536x2048.png"> <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1668x2224.png"> <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1668x2388.png"> <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-2048x2732.png"> <link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" href="/assets/favicons/apple-touch-startup-image-1620x2160.png"> <link rel="apple-touch-startup-image" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1136x640.png"> <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1334x750.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-1792x828.png"> <link rel="apple-touch-startup-image" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2436x1125.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2208x1242.png"> <link rel="apple-touch-startup-image" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2688x1242.png"> <link rel="apple-touch-startup-image" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2048x1536.png"> <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2224x1668.png"> <link rel="apple-touch-startup-image" media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2388x1668.png"> <link rel="apple-touch-startup-image" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2732x2048.png"> <link rel="apple-touch-startup-image" media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)" href="/assets/favicons/apple-touch-startup-image-2160x1620.png"> <link rel="icon" type="image/png" sizes="228x228" href="/assets/favicons/coast-228x228.png"> <meta name="msapplication-TileColor" content="#fff"> <meta name="msapplication-TileImage" content="/assets/favicons/mstile-144x144.png"> <meta name="msapplication-config" content="/assets/favicons/browserconfig.xml"> <link rel="yandex-tableau-widget" href="/assets/favicons/yandex-browser-manifest.json"> </head> <body> <div id="app"> </div> <script> window.__GLOBALS = {"general":{"email":"contact@kffein.com","address":"<p>7236, rue Waverly<br \/>Bureau 303<br \/>Montr\u00e9al (QC) H2R 0C2<\/p>","phone":"514-897-2991"},"socials":{"linkedin":"https:\/\/fr.linkedin.com\/company\/kffein","twitter":"https:\/\/twitter.com\/kffein","instagram":"https:\/\/www.instagram.com\/kffein\/","facebook":"https:\/\/facebook.com\/kffein","behance":"https:\/\/www.behance.net\/kffein-agency","dribbble":null},"i18n":{"i18n":"i18n FR","LABELS":{"read_more":"En savoir plus","close":"Fermer","dragndrop":"Cliquer et glisser","play":"Lire","home":"Accueil","back":"Retour"},"PAGE_HOME":{"featured_news_title":"KFF","featured_news_introduction":"Nouvelles \u00e0 la une","work_discover":"En savoir plus","dont_push":"Ne pas cliquer","dont_push_hover":"vraiment ?"},"PAGE_NEWS":{"title":"Toutes les nouvelles","related":"Articles associ\u00e9s","more":"En savoir plus"},"PAGE_404":{"cta":"Allez \u00e0 l'accueil","not_found_top":"Cette page est introuvable","not_found_left":"Cette page est incroyable","not_found_right":"This page cannot be credible","not_found_bottom":"This page cannot be found"},"PAGE_ABOUT":{"agencies":"Agences","awards":"Distinctions","award_year":"Ann\u00e9e","award_project":"Projet","award_prize":"prix"},"PAGE_KFF":{"loadmore":"Afficher plus d'article"},"SEO":{"sitename":"Kffein"},"CONTACT":{"bureau":"#303"},"CAREER":{"job_application":"Candidature spontan\u00e9e","apply":"Postuler"},"PROJECTS":{"awardIntro":"Projets r\u00e9compens\u00e9s","detail":{"awards":"R\u00e9compenses","cta_url":"Voir le projet","mission":"Mandat","client":"Client","date":"Ann\u00e9e"}}},"marquee":["Torpinouche - Gen","Je veux du futur - Nico","Les jeunes qui ont de l'argent, ils sont pas sur IE - Paulyne","La derni\u00e8re fois que Jo\u00ebl s\u2019est \u00e9nerv\u00e9, Infopresse en a parl\u00e9 - David","Dans le doute, vide ta cache - Toute l'\u00e9quipe \u00e0 tous les clients","Est-ce que cette journ\u00e9e te donne envie de boire? - J\u00e9r\u00e9my","Ce projet-l\u00e0 fait du bien \u00e0 mon \u00e2me - Mel","On le \"moteurderecherchifiera\" plus tard - David","COVID ou pas, je touche jamais les saucisses des autres avec mes doigts. - Nico","J'ai pas test\u00e9 si \u00e7a fonctionne bien, j'ai faim. - Seb","Quand Ana\u00efs commence une phrase par \"Alors\", \u00e7a se fini par une embrouille."],"preloader":["L'hiver s'en vient","Ca s'sera pas long!"],"looking_for_section":{"title":"ON CHERCHE","text":"<p>Un.e <a href=\"https:\/\/kffein.com\/fr\/carriere\/developpeur-web-backend\">d\u00e9veloppeur.euse back end<\/a> et plein d'autres <a href=\"https:\/\/kffein-website.kffein.work\/fr\/carriere\/\">amis<\/a><br \/><\/p>","sideText":"STUDIO KFFEIN","cta":{"type":"internal","label":"Voir tous les postes","url":"carriere"}},"categories":{"news_categories":[{"id":3262,"title":"Web","slug":"categorie-de-news-1"},{"id":3263,"title":"Devops","slug":"devops"},{"id":3264,"title":"Design","slug":"design"},{"id":3265,"title":"Veille","slug":"veille"},{"id":3266,"title":"D\u00e9veloppement","slug":"developpement"},{"id":31031,"title":"Agence","slug":"agence"},{"id":34384,"title":"WebGL","slug":"webgl"}],"projects_categories":[{"id":3267,"title":"Site web","slug":"site-web"},{"id":3268,"title":"Application","slug":"application"},{"id":3269,"title":"E-commerce","slug":"ecommerce"},{"id":3270,"title":"Installation","slug":"installation"},{"id":3271,"title":"Exp\u00e9rientiel","slug":"experientel"},{"id":3824,"title":"Prototype","slug":"prototype"},{"id":4471,"title":"CraftCMS","slug":"craftcms"}],"types_categories":[{"id":1211,"title":"B2C","slug":"b2c"},{"id":1210,"title":"B2B","slug":"b2b"},{"id":1212,"title":"AGENCES","slug":"agencies"}]},"navigation":[{"label":"Accueil","slug":"accueil","url":"\/fr\/"},{"label":"\u00c0 propos","slug":"a-propos","url":"\/fr\/a-propos"},{"label":"Carri\u00e8re","slug":"carriere","url":"\/fr\/carriere"},{"label":"Projets","slug":"projets","url":"\/fr\/projets"},{"label":"KFF","slug":"kff","url":"\/fr\/kff"},{"label":"Contact","slug":"contact","url":"\/fr\/contact"}]}; </script> <script> window.__ENV = { SITE_URL: "https://kffein.com", API_URL: "https://kffein.com/api/", // apis FB_APP_ID: "597866454288478", GTM_TRACKING_CODE: "GTM-KXGGP9Z", GTM_AUTH: "", GTM_PREVIEW: "", UA_TRACKING_CODE: "UA-XXXXXX-XX", PRERENDER_TOKEN: "WVdFYWBxz6QaRK8Gjtm0", BUGSNAG_IS_ACTIVATE: "", BUGSNAG_API_KEY: "", RECAPTCHA_ENABLED: "", RECAPTCHA_CLIENT_KEY: "", USERBACK_ENABLED: "", USERBACK_TOKEN: "", // mocs API_CACHE: "", KFF_ACTIVE: "", KFF_NEW_LIMIT: "", MOC_API: "", MOC_GLOBALS: "", MOC_HOME: "", MOC_ABOUT: "", MOC_KFF: "", MOC_CONTACT: "", MOC_CAREERS: "", MOC_JOB: "", MOC_PROJECTS: "", MOC_POLICY: "", MOC_CONDITIONS: "", // MOC_COLLECTION: "", // MOC_ARTICLE: "", }; window.prerenderReady = false; window.isPrerender = 0; </script> <script> (function(ss,ex){ window.ldfdr=window.ldfdr||function(){(ldfdr._q=ldfdr._q||[]).push([].slice.call(arguments));}; (function(d,s){ fs=d.getElementsByTagName(s)[0]; function ce(src){ var cs=d.createElement(s); cs.src=src; cs.async=1; fs.parentNode.insertBefore(cs,fs); }; ce('https://sc.lfeeder.com/lftracker_v1_'+ss+(ex?'_'+ex:'')+'.js'); })(document,'script'); })('lYNOR8x109b7WQJZ'); </script> <script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script> <script type="module" src="https://kffein.com/assets/app.586242ca.js" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'src/main.ts'}});document.dispatchEvent(e);"></script> <link href="https://kffein.com/assets/vendor.71b3fed6.js" rel="modulepreload" crossorigin> <link href="https://kffein.com/assets/app.a69c3ebe.css" rel="stylesheet" media="print" onload="this.media='all'"> </body> </html>