Guide expert Marché canadien Design · Branding · Web

Votre agence de design au Canada.

Honadi, votre Agence design au Canada, accompagne les entreprises de Montréal à Vancouver. Nous créons des identités visuelles fortes et des sites web optimisés pour transformer vos ambitions en avantages compétitifs.

Demander un devis Prendre un rendez-vous

<!-- ===================================================== VISUEL Les trois images proviennent du portfolio Honadi. Elles peuvent être remplacées dans les balises . ====================================================== -->

Conçu pour le Canada De Montréal à Vancouver et Toronto.

Studio de design Portfolio

75 % jugent la crédibilité d’un site à travers son design.

Équipe interne Développeurs, designers, rédacteurs SEO et intégrateurs.

Double expertise Connaissance locale et standards techniques internationaux.

Suivi continu Maintenance, performance et évolution après la livraison.

(function () { function initHonadiCountryHeroV2() { var toc = document.querySelector("[data-hn-country-toc]"); if (!toc || toc.__hnCountryTocReady) return;/* Propriété JS non sérialisée : évite le problème data-ready="true" lors d'un export/import Elementor. */ toc.__hnCountryTocReady = true; toc.removeAttribute("data-ready");var slot = toc.closest(".hn-country-v2-toc-slot"); var hero = document.getElementById("hero-benin"); var endSection = document.getElementById("faq-creation-site-benin") || document.getElementById("contact-pays");function getAnchorId(link) { var rawHref = link.getAttribute("href") || "";if (rawHref.charAt(0) === "#") { return rawHref.slice(1); }/* Sécurité pour les modèles déjà importés avec une URL absolue : on récupère uniquement le hash et on le normalise en ancre locale. */ try { var parsed = new URL(rawHref, window.location.href); return parsed.hash ? parsed.hash.slice(1) : ""; } catch (error) { return ""; } }var links = Array.from(toc.querySelectorAll("a[href]"));/* Le modèle devient réutilisable sur n'importe quelle URL de page. */ links.forEach(function (link) { var id = getAnchorId(link); if (id) link.setAttribute("href", "#" + id); });var targets = links .map(function (link) { var id = getAnchorId(link); return id ? document.getElementById(id) : null; }) .filter(Boolean);function restoreTocToSlot() { toc.classList.remove("is-floating", "is-hidden"); toc.style.removeProperty("--hn-toc-floating-left");if (slot && toc.parentNode !== slot) { slot.appendChild(toc); } }function moveTocToBody() { /* On mémorise la position réelle de la colonne Elementor avant de sortir le sommaire du Hero. Ainsi le menu reste parfaitement aligné même si la largeur du template change. */ if (slot) { var slotRect = slot.getBoundingClientRect(); var floatingLeft = Math.max(20, Math.round(slotRect.left)); toc.style.setProperty("--hn-toc-floating-left", floatingLeft + "px"); }if (toc.parentNode !== document.body) { document.body.appendChild(toc); }toc.classList.add("is-floating"); }function updateFloatingState() { if (window.innerWidth <= 1280 || !hero) { restoreTocToSlot(); return; }var heroRect = hero.getBoundingClientRect(); var shouldFloat = heroRect.top < 92;if (shouldFloat) { moveTocToBody(); } else { restoreTocToSlot(); }if (endSection && shouldFloat) { var endRect = endSection.getBoundingClientRect(); toc.classList.toggle("is-hidden", endRect.top < 500); } else { toc.classList.remove("is-hidden"); } }function setActiveLink(id) { links.forEach(function (link) { link.classList.toggle("is-active", getAnchorId(link) === id); }); }if ("IntersectionObserver" in window) { var observer = new IntersectionObserver( function (entries) { var visible = entries .filter(function (entry) { return entry.isIntersecting; }) .sort(function (a, b) { return b.intersectionRatio - a.intersectionRatio; });if (visible[0]) setActiveLink(visible[0].target.id); }, { rootMargin: "-25% 0px -62% 0px", threshold: [0.01, 0.2, 0.5] } );targets.forEach(function (target) { observer.observe(target); }); }links.forEach(function (link) { link.addEventListener("click", function () { var id = getAnchorId(link); if (id) setActiveLink(id); }); });updateFloatingState(); window.addEventListener("scroll", updateFloatingState, { passive: true }); window.addEventListener("resize", updateFloatingState); }if (document.readyState === "loading") { document.addEventListener("DOMContentLoaded", initHonadiCountryHeroV2, { once: true }); } else { initHonadiCountryHeroV2(); } })();