{"id":19307,"date":"2026-01-04T16:51:39","date_gmt":"2026-01-04T16:51:39","guid":{"rendered":"https:\/\/smart-impact.ch\/?page_id=19307"},"modified":"2026-01-07T16:51:18","modified_gmt":"2026-01-07T16:51:18","slug":"agence-web-geneve","status":"publish","type":"page","link":"https:\/\/2025.smart-impact.ch\/en\/agence-web-geneve\/","title":{"rendered":"Web agency Geneva"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19307\" class=\"elementor elementor-19307\" data-elementor-post-type=\"page\">\n\t\t\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4df13ff e-con-full e-flex e-con e-parent\" data-id=\"4df13ff\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dac3489 elementor-widget elementor-widget-shortcode\" data-id=\"dac3489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">    \n    <style>\n        \/* Swiss Design Styles *\/\n        .agence-geneve-flex * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        .agence-geneve-flex {\n            --primary: #f39c12;\n            --dark: #2c3e50;\n            --gray-100: #f8f9fa;\n            --gray-200: #e9ecef;\n            --gray-300: #dee2e6;\n            --gray-700: #495057;\n            --gray-900: #212529;\n            font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n            line-height: 1.5;\n            color: var(--dark);\n            background: white;\n            -webkit-font-smoothing: antialiased;\n        }\n        \n        .agence-geneve-flex .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 80px;\n        }\n        \n        .agence-geneve-flex .flex-row {\n            display: flex;\n            gap: 80px;\n            align-items: flex-start;\n        }\n        \n        .agence-geneve-flex .flex-sidebar {\n            flex: 0 0 400px;\n        }\n        \n        .agence-geneve-flex .flex-content {\n            flex: 1;\n            min-width: 0;\n        }\n        \n        .agence-geneve-flex .display-1 {\n            font-size: 56px;\n            font-weight: 900;\n            line-height: 1.15;\n            letter-spacing: -0.02em;\n        }\n        \n        .agence-geneve-flex .display-2 {\n            font-size: 48px;\n            font-weight: 800;\n            line-height: 1.15;\n            letter-spacing: -0.01em;\n        }\n        \n        .agence-geneve-flex .h2 {\n            font-size: 40px;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n        \n        .agence-geneve-flex .h3 {\n            font-size: 28px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n        \n        .agence-geneve-flex .h4 {\n            font-size: 22px;\n            font-weight: 600;\n            line-height: 1.4;\n        }\n        \n        .agence-geneve-flex .body-large {\n            font-size: 20px;\n            font-weight: 400;\n            line-height: 1.7;\n        }\n        \n        .agence-geneve-flex .body {\n            font-size: 17px;\n            font-weight: 400;\n            line-height: 1.7;\n        }\n        \n        .agence-geneve-flex .caption {\n            font-size: 14px;\n            font-weight: 500;\n            line-height: 1.5;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n        }\n        \n        \/* Hero *\/\n        .agence-geneve-flex .hero {\n            min-height: 100vh;\n            display: flex;\n            align-items: center;\n            border-bottom: 1px solid var(--gray-300);\n            padding: 120px 0;\n        }\n        \n        .agence-geneve-flex .hero .flex-row {\n            width: 100%;\n        }\n        \n        .agence-geneve-flex .hero-content {\n            flex: 1;\n        }\n        \n        .agence-geneve-flex h1.hero-label {\n            color: var(--primary);\n            font-weight: 700;\n            font-size: 14px;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            margin-bottom: 24px;\n        }\n        \n        .agence-geneve-flex .hero-title {\n            margin-bottom: 40px;\n        }\n        \n        .agence-geneve-flex .hero-description {\n            color: var(--gray-700);\n            margin-bottom: 32px;\n        }\n        \n        .agence-geneve-flex .hero-visual {\n            flex: 0 0 450px;\n            position: relative;\n            height: 500px;\n        }\n        \n        .agence-geneve-flex .hero-bg-image {\n            position: absolute;\n            width: 85%;\n            height: 75%;\n            object-fit: cover;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            z-index: 2;\n            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);\n        }\n\n        \/* Image hero sur mobile - position relative pour affichage correct *\/\n        @media (max-width: 768px) {\n            .agence-geneve-flex .hero-bg-image {\n                position: relative !important;\n                width: 100% !important;\n                height: 100% !important;\n                top: auto !important;\n                left: auto !important;\n                transform: none !important;\n                object-fit: cover;\n            }\n        }\n\n        .agence-geneve-flex .hero-shape {\n            position: absolute;\n            z-index: 1;\n        }\n        \n        .agence-geneve-flex .hero-shape-1 {\n            width: 280px;\n            height: 280px;\n            top: 0;\n            right: 0;\n            background: linear-gradient(135deg, var(--primary) 0%, #e67e22 100%);\n            opacity: 0.25;\n        }\n        \n        .agence-geneve-flex .hero-shape-2 {\n            width: 200px;\n            height: 200px;\n            bottom: 0;\n            left: 0;\n            background: linear-gradient(135deg, var(--dark) 0%, #1a252f 100%);\n            opacity: 0.2;\n        }\n        \n        .agence-geneve-flex .hero-shape-3 {\n            width: 80px;\n            height: 80px;\n            bottom: 60px;\n            right: 40px;\n            background: var(--primary);\n            opacity: 0.9;\n            z-index: 3;\n        }\n        \n        \/* Stats *\/\n        .agence-geneve-flex .stats {\n            padding: 80px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n        \n        .agence-geneve-flex .stats-grid {\n            display: flex;\n            justify-content: space-between;\n            gap: 40px;\n        }\n        \n        .agence-geneve-flex .stat-item {\n            text-align: center;\n            flex: 1;\n            padding: 40px 0;\n        }\n        \n        .agence-geneve-flex .stat-number {\n            font-size: 72px;\n            font-weight: 900;\n            color: var(--primary);\n            line-height: 1;\n            margin-bottom: 16px;\n        }\n        \n        .agence-geneve-flex .stat-label {\n            color: var(--gray-700);\n        }\n        \n        \/* Section *\/\n        .agence-geneve-flex .section {\n            padding: 120px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n        \n        .agence-geneve-flex .section-number {\n            color: var(--primary);\n            margin-bottom: 16px;\n            display: block;\n        }\n        \n        .agence-geneve-flex .section-title {\n            margin-bottom: 24px;\n        }\n        \n        .agence-geneve-flex .section-description {\n            color: var(--gray-700);\n        }\n        \n        \/* Service Cards *\/\n        .agence-geneve-flex .service-card {\n            padding: 48px 0;\n            border-bottom: 1px solid var(--gray-200);\n        }\n        \n        .agence-geneve-flex .service-card:last-child {\n            border-bottom: none;\n        }\n        \n        .agence-geneve-flex .service-number {\n            color: var(--primary);\n            font-size: 14px;\n            font-weight: 700;\n            letter-spacing: 0.1em;\n            margin-bottom: 16px;\n        }\n        \n        .agence-geneve-flex .service-title {\n            margin-bottom: 20px;\n        }\n        \n        .agence-geneve-flex .service-intro {\n            color: var(--gray-700);\n            margin-bottom: 32px;\n            font-size: 18px;\n            line-height: 1.7;\n        }\n        \n        .agence-geneve-flex .service-subsection {\n            margin-bottom: 32px;\n            padding-left: 24px;\n            border-left: 2px solid var(--gray-200);\n        }\n        \n        .agence-geneve-flex .service-subsection:last-child {\n            margin-bottom: 0;\n        }\n        \n        .agence-geneve-flex .service-subsection-title {\n            font-size: 20px;\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 12px;\n        }\n        \n        .agence-geneve-flex .service-subsection-text {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n        \n        \/* Feature Grid *\/\n        .agence-geneve-flex .feature-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 48px;\n        }\n        \n        .agence-geneve-flex .feature-item {\n            padding: 40px;\n            border: 1px solid var(--gray-300);\n            transition: border-color 0.2s ease;\n        }\n        \n        .agence-geneve-flex .feature-item:hover {\n            border-color: var(--primary);\n        }\n        \n        .agence-geneve-flex .feature-icon {\n            width: 48px;\n            height: 48px;\n            background: var(--primary);\n            color: white;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            font-weight: 700;\n            margin-bottom: 24px;\n        }\n        \n        .agence-geneve-flex .feature-title {\n            margin-bottom: 16px;\n        }\n        \n        .agence-geneve-flex .feature-description {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n        \n        \/* Process *\/\n        .agence-geneve-flex .process-list {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }\n        \n        .agence-geneve-flex .process-item {\n            display: flex;\n            gap: 32px;\n            padding: 32px;\n            background: var(--gray-100);\n            border-left: 4px solid var(--primary);\n        }\n        \n        .agence-geneve-flex .process-number {\n            font-size: 48px;\n            font-weight: 900;\n            color: var(--primary);\n            line-height: 1;\n            flex: 0 0 60px;\n        }\n        \n        .agence-geneve-flex .process-content {\n            flex: 1;\n        }\n        \n        .agence-geneve-flex .process-title {\n            margin-bottom: 8px;\n            font-size: 22px;\n            font-weight: 600;\n        }\n        \n        .agence-geneve-flex .process-description {\n            color: var(--gray-700);\n        }\n        \n        \/* CTA *\/\n        .agence-geneve-flex .cta-section {\n            padding: 120px 0;\n            background: var(--dark);\n            color: white;\n        }\n        \n        .agence-geneve-flex .cta-section .cta-label {\n            color: var(--primary);\n            font-weight: 700;\n            margin-bottom: 24px;\n        }\n        \n        .agence-geneve-flex .cta-section .cta-title {\n            color: white;\n            margin-bottom: 32px;\n        }\n        \n        .agence-geneve-flex .cta-section .cta-description {\n            color: rgba(255, 255, 255, 0.85);\n            margin-bottom: 32px;\n            max-width: 800px;\n            font-size: 18px;\n            line-height: 1.7;\n        }\n        \n        .agence-geneve-flex .cta-section .cta-description:last-of-type {\n            margin-bottom: 48px;\n        }\n        \n        .agence-geneve-flex .cta-buttons {\n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n        \n        .agence-geneve-flex .btn {\n            padding: 16px 32px;\n            font-size: 14px;\n            font-weight: 600;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            text-decoration: none;\n            display: inline-block;\n            transition: all 0.2s ease;\n            border: 2px solid;\n        }\n        \n        .agence-geneve-flex .btn-primary {\n            background: var(--primary);\n            color: white;\n            border-color: var(--primary);\n        }\n        \n        .agence-geneve-flex .btn-primary:hover {\n            background: transparent;\n            color: var(--primary);\n        }\n        \n        .agence-geneve-flex .btn-outline {\n            background: transparent;\n            color: var(--dark);\n            border-color: var(--dark);\n        }\n        \n        .agence-geneve-flex .btn-outline:hover {\n            background: var(--dark);\n            color: white;\n        }\n        \n        .agence-geneve-flex .btn-secondary {\n            background: transparent;\n            color: white;\n            border-color: white;\n        }\n        \n        .agence-geneve-flex .btn-secondary:hover {\n            background: white;\n            color: var(--dark);\n        }\n        \n        .agence-geneve-flex .section-alt {\n            background: var(--gray-100);\n        }\n        \n        \/* FAQ *\/\n        .agence-geneve-flex .faq-item {\n            padding: 32px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n        \n        .agence-geneve-flex .faq-item:last-child {\n            border-bottom: none;\n        }\n        \n        .agence-geneve-flex .faq-question {\n            font-size: 20px;\n            font-weight: 600;\n            margin-bottom: 16px;\n            color: var(--dark);\n        }\n        \n        .agence-geneve-flex .faq-answer {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n        \n        .agence-geneve-flex .pin-spacer {\n            flex: 0 0 400px !important;\n            width: 400px !important;\n        }\n        \n        \/* Responsive & Mobile Fixes - Renforc\u00e9 avec !important *\/\n        @media (max-width: 1024px) {\n            .agence-geneve-flex .container { padding: 0 40px !important; }\n            .agence-geneve-flex .display-1 { font-size: 42px !important; }\n            .agence-geneve-flex .display-2 { font-size: 36px !important; }\n            .agence-geneve-flex .h2 { font-size: 32px !important; }\n\n            \/* Passage en colonne pour la structure principale *\/\n            .agence-geneve-flex .flex-row {\n                flex-direction: column !important;\n                gap: 40px !important;\n            }\n\n            \/* R\u00e9initialisation COMPL\u00c8TE de la sidebar et du spacer *\/\n            .agence-geneve-flex .flex-sidebar,\n            .agence-geneve-flex .pin-spacer {\n                flex: 1 1 auto !important;\n                width: 100% !important;\n                max-width: 100% !important;\n                min-width: 100% !important;\n                height: auto !important;\n                position: relative !important;\n                top: auto !important;\n                left: auto !important;\n                transform: none !important;\n                padding-bottom: 0 !important;\n                margin-bottom: 0 !important;\n            }\n\n            \/* Image hero visible sur tablette mais adapt\u00e9e *\/\n            .agence-geneve-flex .hero-visual {\n                flex: 0 0 100% !important;\n                height: 300px !important;\n                margin-top: 40px !important;\n            }\n            .agence-geneve-flex .feature-grid { grid-template-columns: 1fr !important; gap: 32px !important; }\n            .agence-geneve-flex .stats-grid { flex-wrap: wrap !important; }\n            .agence-geneve-flex .stat-item { flex: 0 0 50% !important; border-bottom: 1px solid var(--gray-200); }\n            .agence-geneve-flex .stat-item:nth-last-child(-n+2) { border-bottom: none; }\n        }\n\n        \/* Zones d'intervention *\/\n        .agence-geneve-flex .zones-section { background: var(--gray-100); border-top: 1px solid var(--gray-300); }\n        .agence-geneve-flex .zones-header { text-align: center; margin-bottom: 48px; }\n        .agence-geneve-flex .zones-header .caption { color: var(--primary); margin-bottom: 16px; display: block; }\n        .agence-geneve-flex .zones-header h2 { margin-bottom: 16px; }\n        .agence-geneve-flex .zones-intro { color: var(--gray-700); max-width: 600px; margin: 0 auto; }\n        .agence-geneve-flex .zones-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n        .agence-geneve-flex .zone-link { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px; background: white; border: 1px solid var(--gray-300); text-decoration: none; color: var(--dark); transition: all 0.2s ease; }\n        .agence-geneve-flex .zone-link:hover { border-color: var(--primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n        .agence-geneve-flex .zone-city { font-weight: 600; font-size: 16px; }\n        .agence-geneve-flex .zone-arrow { color: var(--primary); font-size: 18px; transition: transform 0.2s ease; }\n        .agence-geneve-flex .zone-link:hover .zone-arrow { transform: translateX(4px); }\n        @media (max-width: 1024px) { .agence-geneve-flex .zones-grid { grid-template-columns: repeat(3, 1fr) !important; } }\n\n        @media (max-width: 768px) {\n            .agence-geneve-flex .zones-grid { grid-template-columns: repeat(2, 1fr) !important; }\n            .agence-geneve-flex .zones-header { margin-bottom: 32px !important; }\n            .agence-geneve-flex .container { padding: 0 20px !important; }\n\n            \/* Image hero visible sur mobile *\/\n            .agence-geneve-flex .hero-visual {\n                display: block !important;\n                flex: 0 0 100% !important;\n                width: 100% !important;\n                height: 250px !important;\n                margin-top: 32px !important;\n                order: 2 !important;\n                position: relative !important;\n            }\n\n            .agence-geneve-flex .hero-content {\n                order: 1 !important;\n            }\n\n            \/* Masquer les carr\u00e9s de couleurs sur mobile *\/\n            .agence-geneve-flex .hero-shape {\n                display: none !important;\n            }\n\n            \/* Ajustement des tailles de police *\/\n            .agence-geneve-flex .display-1 { font-size: 32px !important; letter-spacing: -0.01em !important; }\n            .agence-geneve-flex .display-2 { font-size: 28px !important; }\n            .agence-geneve-flex .h2 { font-size: 26px !important; }\n            .agence-geneve-flex .h3 { font-size: 22px !important; }\n            .agence-geneve-flex .h4 { font-size: 20px !important; }\n            .agence-geneve-flex .body-large { font-size: 18px !important; }\n            .agence-geneve-flex .body { font-size: 16px !important; }\n\n            \/* Espacements r\u00e9duits pour mobile + compensation menu fixe *\/\n            .agence-geneve-flex .section { padding: 60px 0 !important; }\n            .agence-geneve-flex .hero {\n                min-height: auto !important;\n                padding: 160px 0 60px 0 !important; \/* 160px = 100px menu + 60px espace *\/\n            }\n\n            \/* Stats empil\u00e9es *\/\n            .agence-geneve-flex .stat-number { font-size: 48px !important; }\n            .agence-geneve-flex .stat-item {\n                flex: 0 0 100% !important;\n                padding: 20px 0 !important;\n                border-bottom: 1px solid var(--gray-200);\n            }\n            .agence-geneve-flex .stat-item:last-child { border-bottom: none; }\n\n            \/* Boutons et Processus *\/\n            .agence-geneve-flex .cta-buttons {\n                flex-direction: column !important;\n                width: 100% !important;\n                gap: 12px !important;\n            }\n            .agence-geneve-flex .btn {\n                width: 100% !important;\n                text-align: center !important;\n                display: block !important;\n                margin-bottom: 0 !important;\n            }\n\n            .agence-geneve-flex .process-item {\n                flex-direction: column !important;\n                gap: 16px !important;\n                padding: 24px !important;\n            }\n\n            .agence-geneve-flex .process-number {\n                font-size: 36px !important;\n            }\n\n            \/* Services *\/\n            .agence-geneve-flex .service-card { padding: 32px 0 !important; }\n            .agence-geneve-flex .service-subsection {\n                padding-left: 0 !important;\n                border-left: none !important;\n                border-top: 2px solid var(--gray-200);\n                padding-top: 16px !important;\n                margin-bottom: 24px !important;\n            }\n\n            .agence-geneve-flex .service-intro { font-size: 16px !important; }\n\n            .agence-geneve-flex .cta-section { padding: 60px 0 !important; }\n            .agence-geneve-flex .section-description { margin-bottom: 32px !important; }\n\n            \/* Feature items *\/\n            .agence-geneve-flex .feature-item { padding: 24px !important; }\n            .agence-geneve-flex .feature-icon { width: 40px !important; height: 40px !important; font-size: 20px !important; }\n        }\n\n        @media (max-width: 480px) {\n            .agence-geneve-flex .zones-grid { grid-template-columns: 1fr !important; gap: 12px !important; }\n        }\n    <\/style>\n\n    <script type=\"application\/ld+json\">\n    {\n        \"@context\": \"https:\/\/schema.org\",\n        \"@type\": \"FAQPage\",\n        \"mainEntity\": [\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Pourquoi travailler avec une agence \u00e0 Gen\u00e8ve plut\u00f4t qu'\u00e0 l'\u00e9tranger ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"La connaissance du march\u00e9 suisse, la conformit\u00e9 l\u00e9gale (LPD) et la possibilit\u00e9 de se rencontrer physiquement garantissent un projet de meilleure qualit\u00e9 et un meilleur retour sur investissement.\"\n                }\n            },\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Quel est le d\u00e9lai moyen pour la cr\u00e9ation d'un site web ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Un site vitrine performant peut \u00eatre lanc\u00e9 en 4 \u00e0 8 semaines, tandis qu'une plateforme e-commerce complexe peut n\u00e9cessiter 3 mois de d\u00e9veloppement pour garantir une qualit\u00e9 optimale.\"\n                }\n            },\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Proposez-vous des formations pour nos \u00e9quipes internes ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Oui, nous accompagnons les directeurs marketing et leurs \u00e9quipes pour qu'ils ma\u00eetrisent les outils que nous mettons en place (CMS, outils d'analyse, gestion de campagnes).\"\n                }\n            }\n        ]\n    }\n    <\/script>\n\n    <div class=\"agence-geneve-flex\">\n        \n        <!-- Hero -->\n        <section class=\"hero\">\n            <div class=\"container\">\n                <div class=\"flex-row\">\n                    <div class=\"hero-content\">\n                        <h1 class=\"caption hero-label\">Agence web \u2014 Gen\u00e8ve<\/h1>\n                        <p class=\"display-1 hero-title\">L'excellence num\u00e9rique au service de votre ambition commerciale<\/p>\n                        <p class=\"body-large hero-description\">\n                            Dans une ville aussi internationale et dynamique que Gen\u00e8ve, la concurrence ne se joue plus seulement dans les rues des P\u00e2quis ou de la rue du Rh\u00f4ne, mais principalement sur les \u00e9crans. Pour une entreprise genevoise, qu'il s'agisse d'une multinationale, d'une banque priv\u00e9e ou d'une PME locale, l'image num\u00e9rique doit \u00eatre \u00e0 la hauteur de la r\u00e9putation suisse : pr\u00e9cise, fiable et haut de gamme.\n                        <\/p>\n                        <p class=\"body hero-description\">\n                            En tant qu'agence web \u00e0 Gen\u00e8ve, nous comprenons que votre site internet n'est pas qu'une simple carte de visite. C'est un moteur de croissance, un outil de vente et le premier point de contact avec vos futurs clients. Notre mission est de transformer cette pr\u00e9sence en un avantage comp\u00e9titif majeur gr\u00e2ce \u00e0 une approche 360\u00b0 du marketing digital.\n                        <\/p>\n                        <div class=\"cta-buttons\">\n                            <a href=\"\/contact\/\" class=\"btn btn-primary\">Obtenir un audit gratuit<\/a>\n                            <a href=\"\/services\/\" class=\"btn btn-outline\">D\u00e9couvrir nos services<\/a>\n                        <\/div>\n                    <\/div>\n                    <div class=\"hero-visual\">\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1660810534344-28d90fd0e199?q=80&w=800&auto=format&fit=crop\" alt=\"agence web Vue de Gen\u00e8ve et du jet d'eau\" class=\"hero-bg-image\">\n                        <div class=\"hero-shape hero-shape-1\"><\/div>\n                        <div class=\"hero-shape hero-shape-2\"><\/div>\n                        <div class=\"hero-shape hero-shape-3\"><\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Stats -->\n        <section class=\"stats\">\n            <div class=\"container\">\n                <div class=\"stats-grid\">\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">50+<\/div>\n                        <div class=\"caption stat-label\">Projets r\u00e9alis\u00e9s<\/div>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">98%<\/div>\n                        <div class=\"caption stat-label\">Clients satisfaits<\/div>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">5+<\/div>\n                        <div class=\"caption stat-label\">Ann\u00e9es d'expertise<\/div>\n                    <\/div>\n                    <div class=\"stat-item\">\n                        <div class=\"stat-number\">360\u00b0<\/div>\n                        <div class=\"caption stat-label\">Approche compl\u00e8te<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Services -->\n        <section class=\"section section-with-sticky\" id=\"services\">\n            <div class=\"container\">\n                <div class=\"flex-row\">\n                    <div class=\"flex-sidebar\" data-sticky-sidebar>\n                        <span class=\"caption section-number\">Nos services<\/span>\n                        <h2 class=\"h2 section-title\">Des solutions compl\u00e8tes pour votre succ\u00e8s digital \u00e0 Gen\u00e8ve<\/h2>\n                        <p class=\"body section-description\">\n                            De la cr\u00e9ation de sites haut de gamme \u00e0 l'acquisition de trafic qualifi\u00e9, nous couvrons l'ensemble de vos besoins num\u00e9riques sur le march\u00e9 genevois.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"flex-content\">\n                        \n                        <!-- Service 1 -->\n                        <div class=\"service-card\">\n                            <div class=\"service-number\">01<\/div>\n                            <h3 class=\"h3 service-title\">Cr\u00e9ation de sites internet : la vitrine de votre savoir-faire \u00e0 Gen\u00e8ve<\/h3>\n                            <p class=\"service-intro\">\n                                La cr\u00e9ation d'un site internet est le point de d\u00e9part de toute strat\u00e9gie digitale r\u00e9ussie. \u00c0 Gen\u00e8ve, l'exigence esth\u00e9tique est indissociable de la performance technique.\n                            <\/p>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Un design haut de gamme et une ergonomie intuitive (UX\/UI)<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Votre site doit refl\u00e9ter le prestige de votre marque. Nos experts en design cr\u00e9ent des interfaces \u00e9pur\u00e9es qui respectent les codes visuels de votre secteur tout en offrant une exp\u00e9rience utilisateur fluide. L'objectif est de r\u00e9duire au maximum la friction pour transformer chaque visiteur en prospect qualifi\u00e9.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">D\u00e9veloppement technique et performance maximale<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Un beau site est inutile s'il est lent ou instable. Nous utilisons les technologies les plus r\u00e9centes pour garantir des temps de chargement records. La vitesse de votre site est un facteur cl\u00e9 non seulement pour l'exp\u00e9rience utilisateur, mais aussi pour votre classement sur Google. Chaque projet que nous livrons est enti\u00e8rement responsive, s'adaptant parfaitement aux smartphones, tablettes et ordinateurs.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">S\u00e9curit\u00e9 des donn\u00e9es et conformit\u00e9 suisse<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Avec l'entr\u00e9e en vigueur de la nouvelle loi sur la protection des donn\u00e9es (LPD) en Suisse, la s\u00e9curit\u00e9 n'est plus une option. Nous int\u00e9grons des protocoles de s\u00e9curit\u00e9 avanc\u00e9s et veillons \u00e0 ce que votre site soit en totale conformit\u00e9 avec les r\u00e9glementations locales et internationales (RGPD), un aspect crucial pour les entreprises bas\u00e9es \u00e0 Gen\u00e8ve travaillant avec une client\u00e8le globale.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Service 2 -->\n                        <div class=\"service-card\">\n                            <div class=\"service-number\">02<\/div>\n                            <h3 class=\"h3 service-title\">R\u00e9f\u00e9rencement naturel (SEO) : dominez le march\u00e9 local et international<\/h3>\n                            <p class=\"service-intro\">\n                                Le SEO est le pilier de votre visibilit\u00e9 \u00e0 long terme. \u00catre pr\u00e9sent en premi\u00e8re page de Google sur des requ\u00eates strat\u00e9giques \u00e0 Gen\u00e8ve est le moyen le plus efficace de g\u00e9n\u00e9rer un flux constant de leads sans d\u00e9pendre uniquement de la publicit\u00e9 payante.\n                            <\/p>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">SEO local : capter la client\u00e8le genevoise<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Pour les entreprises dont l'activit\u00e9 est ancr\u00e9e dans la r\u00e9gion (Carouge, Plainpalais, Ch\u00eane-Bougeries), le SEO local est indispensable. Nous optimisons votre pr\u00e9sence sur Google Maps et travaillons sur des mots-cl\u00e9s g\u00e9olocalis\u00e9s pour que vous soyez la solution \u00e9vidente lorsqu'un utilisateur cherche vos services \u00e0 Gen\u00e8ve.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">SEO technique et s\u00e9mantique<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Notre agence proc\u00e8de \u00e0 une analyse approfondie des intentions de recherche de votre cible. Nous structurons votre contenu pour r\u00e9pondre pr\u00e9cis\u00e9ment aux questions de vos clients. En travaillant sur la structure technique (balisage, maillage interne, optimisation des images), nous facilitons le travail des robots de Google pour vous propulser vers les premi\u00e8res positions.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Strat\u00e9gie de netlinking de confiance<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    L'autorit\u00e9 d'un site se b\u00e2tit aussi par les liens qui pointent vers lui. Nous activons notre r\u00e9seau pour obtenir des backlinks de qualit\u00e9 provenant de sites suisses et internationaux influents, renfor\u00e7ant ainsi la cr\u00e9dibilit\u00e9 de votre domaine aux yeux des moteurs de recherche.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Service 3 -->\n                        <div class=\"service-card\">\n                            <div class=\"service-number\">03<\/div>\n                            <h3 class=\"h3 service-title\">Publicit\u00e9 payante (SEA) : des r\u00e9sultats imm\u00e9diats sur Google et les r\u00e9seaux sociaux<\/h3>\n                            <p class=\"service-intro\">\n                                Pour lancer un nouveau produit ou capturer des parts de march\u00e9 rapidement \u00e0 Gen\u00e8ve, le SEA est l'outil id\u00e9al. Il permet une visibilit\u00e9 instantan\u00e9e aupr\u00e8s d'une audience ultra-cibl\u00e9e.\n                            <\/p>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Google Ads : une gestion de budget rigoureuse<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    La publicit\u00e9 sur Google peut vite devenir co\u00fbteuse dans un march\u00e9 comp\u00e9titif comme Gen\u00e8ve. Nos experts certifi\u00e9s g\u00e8rent vos campagnes avec une obsession : le ROI (retour sur investissement). Nous s\u00e9lectionnons les mots-cl\u00e9s les plus rentables et optimisons vos annonces pour obtenir un co\u00fbt par clic (CPC) minimal pour une qualit\u00e9 de lead maximale.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Publicit\u00e9 sur les r\u00e9seaux sociaux (Social Ads)<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Que votre cible soit professionnelle (LinkedIn) ou grand public (Instagram, Facebook), nous concevons des campagnes publicitaires visuelles et percutantes. \u00c0 Gen\u00e8ve, la segmentation pr\u00e9cise par centres d'int\u00e9r\u00eat, profession ou zone g\u00e9ographique nous permet de toucher les d\u00e9cideurs les plus influents de la place.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Service 4 -->\n                        <div class=\"service-card\">\n                            <div class=\"service-number\">04<\/div>\n                            <h3 class=\"h3 service-title\">E-commerce : transformez votre boutique en un leader du march\u00e9 suisse<\/h3>\n                            <p class=\"service-intro\">\n                                La vente en ligne en Suisse conna\u00eet une croissance constante. Les consommateurs genevois sont exigeants : ils recherchent la simplicit\u00e9, la rapidit\u00e9 de livraison et des modes de paiement locaux s\u00e9curis\u00e9s.\n                            <\/p>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Plateformes e-commerce performantes<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous d\u00e9veloppons des boutiques en ligne sur mesure avec des solutions comme Shopify ou WooCommerce. Nos plateformes sont con\u00e7ues pour supporter des catalogues complexes tout en restant faciles \u00e0 administrer pour vos \u00e9quipes. Nous int\u00e9grons nativement les solutions de paiement pr\u00e9f\u00e9r\u00e9es des Suisses, telles que TWINT, ainsi que les syst\u00e8mes de gestion logistique pour une automatisation totale de vos ventes.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Optimisation de la conversion (CRO)<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Attirer des visiteurs sur une boutique en ligne est la moiti\u00e9 du travail. L'autre moiti\u00e9 consiste \u00e0 les faire acheter. Nous analysons les donn\u00e9es de navigation pour identifier les points de blocage dans votre tunnel de commande. En optimisant les fiches produits, les boutons d'appel \u00e0 l'action et le processus de paiement, nous augmentons significativement votre chiffre d'affaires \u00e0 trafic \u00e9gal.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        \n                        <!-- Service 5 -->\n                        <div class=\"service-card\">\n                            <div class=\"service-number\">05<\/div>\n                            <h3 class=\"h3 service-title\">Conseil marketing et audit : une vision claire pour vos investissements digitaux<\/h3>\n                            <p class=\"service-intro\">\n                                Beaucoup d'entreprises \u00e0 Gen\u00e8ve investissent dans le digital sans strat\u00e9gie globale. Notre r\u00f4le est d'apporter de la clart\u00e9 et une direction pr\u00e9cise \u00e0 vos efforts marketing.\n                            <\/p>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Audit complet de votre pr\u00e9sence num\u00e9rique<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous commen\u00e7ons chaque collaboration par un diagnostic sans concession. Analyse de votre site actuel, \u00e9tude de la concurrence \u00e0 Gen\u00e8ve, test de vos performances techniques... Cet audit nous permet de dresser une feuille de route r\u00e9aliste et ambitieuse pour votre transformation digitale.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Accompagnement strat\u00e9gique et KPIs<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous ne sommes pas seulement des ex\u00e9cutants, mais des partenaires de votre croissance. Nous d\u00e9finissons ensemble les indicateurs cl\u00e9s de performance (KPIs) qui comptent pour votre business : co\u00fbt d'acquisition client, taux de conversion, croissance du trafic organique. Chaque mois, nous analysons les r\u00e9sultats et ajustons la strat\u00e9gie pour garantir l'atteinte de vos objectifs.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                        \n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Pourquoi nous -->\n        <section class=\"section section-alt section-with-sticky\">\n            <div class=\"container\">\n                <div class=\"flex-row\">\n                    <div class=\"flex-sidebar\" data-sticky-sidebar>\n                        <span class=\"caption section-number\">Pourquoi nous<\/span>\n                        <h2 class=\"h2 section-title\">Pourquoi choisir une agence web situ\u00e9e \u00e0 Gen\u00e8ve ?<\/h2>\n                        <p class=\"body section-description\">\n                            La proximit\u00e9 g\u00e9ographique est un facteur de succ\u00e8s souvent sous-estim\u00e9 dans les projets web.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"flex-content\">\n                        <div class=\"feature-grid\">\n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">01<\/div>\n                                <h4 class=\"h4 feature-title\">Une immersion dans votre r\u00e9alit\u00e9 locale<\/h4>\n                                <p class=\"body feature-description\">\n                                    Gen\u00e8ve poss\u00e8de une culture d'entreprise unique, m\u00ealant tradition et innovation internationale. En \u00e9tant bas\u00e9s ici, nous comprenons les d\u00e9fis sp\u00e9cifiques auxquels vous faites face. Nous connaissons votre audience, vos concurrents et les opportunit\u00e9s propres au march\u00e9 romand.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">02<\/div>\n                                <h4 class=\"h4 feature-title\">Une relation de confiance et de r\u00e9activit\u00e9<\/h4>\n                                <p class=\"body feature-description\">\n                                    Le digital va vite. Pouvoir rencontrer son agence pour un caf\u00e9 \u00e0 la Place de la Fusterie ou une r\u00e9union de strat\u00e9gie dans vos bureaux est un atout pr\u00e9cieux. Cette proximit\u00e9 favorise une communication fluide, une meilleure compr\u00e9hension de vos besoins et une r\u00e9activit\u00e9 imm\u00e9diate en cas d'urgence.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">03<\/div>\n                                <h4 class=\"h4 feature-title\">Conformit\u00e9 l\u00e9gale suisse (LPD)<\/h4>\n                                <p class=\"body feature-description\">\n                                    La connaissance du march\u00e9 suisse, la conformit\u00e9 l\u00e9gale (LPD) et la possibilit\u00e9 de se rencontrer physiquement garantissent un projet de meilleure qualit\u00e9 et un meilleur retour sur investissement pour votre entreprise genevoise.\n                                <\/p>\n                            <\/div>\n                            \n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">04<\/div>\n                                <h4 class=\"h4 feature-title\">R\u00e9sultats mesurables<\/h4>\n                                <p class=\"body feature-description\">\n                                    Notre objectif n'est pas de cr\u00e9er de beaux sites, mais de g\u00e9n\u00e9rer de la croissance. Chaque action est mesur\u00e9e, analys\u00e9e et optimis\u00e9e pour maximiser votre retour sur investissement et d\u00e9velopper votre chiffre d'affaires.\n                                <\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- Processus -->\n        <section class=\"section section-with-sticky\">\n            <div class=\"container\">\n                <div class=\"flex-row\">\n                    <div class=\"flex-sidebar\" data-sticky-sidebar>\n                        <span class=\"caption section-number\">Notre m\u00e9thodologie<\/span>\n                        <h2 class=\"h2 section-title\">Un processus structur\u00e9 pour des r\u00e9sultats garantis<\/h2>\n                        <p class=\"body section-description\">\n                            Pour assurer l'excellence de nos livrables, nous suivons une m\u00e9thode \u00e9prouv\u00e9e en quatre phases.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"flex-content\">\n                        <div class=\"process-list\">\n                            <div class=\"process-item\">\n                                <div class=\"process-number\">01<\/div>\n                                <div class=\"process-content\">\n                                    <h4 class=\"process-title\">Phase de d\u00e9couverte<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous analysons votre m\u00e9tier, vos valeurs et vos objectifs commerciaux. Cette immersion nous permet de comprendre votre march\u00e9 et vos ambitions \u00e0 Gen\u00e8ve.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"process-item\">\n                                <div class=\"process-number\">02<\/div>\n                                <div class=\"process-content\">\n                                    <h4 class=\"process-title\">Strat\u00e9gie et conception<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous cr\u00e9ons l'architecture de votre projet et la strat\u00e9gie d'acquisition de trafic. Chaque d\u00e9cision est align\u00e9e avec vos objectifs de croissance.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"process-item\">\n                                <div class=\"process-number\">03<\/div>\n                                <div class=\"process-content\">\n                                    <h4 class=\"process-title\">Production et d\u00e9veloppement<\/h4>\n                                    <p class=\"process-description\">\n                                        Nos experts cr\u00e9ent votre site et vos campagnes avec une attention m\u00e9ticuleuse aux d\u00e9tails. Tests qualit\u00e9 rigoureux sur tous les appareils.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                            \n                            <div class=\"process-item\">\n                                <div class=\"process-number\">04<\/div>\n                                <div class=\"process-content\">\n                                    <h4 class=\"process-title\">Lancement et suivi<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous propulsons votre projet et assurons un suivi continu pour optimiser les performances sur le long terme. Rapports mensuels et ajustements strat\u00e9giques.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- CTA -->\n        <section class=\"cta-section\" id=\"contact\">\n            <div class=\"container\">\n                <span class=\"caption cta-label\">Pr\u00eat \u00e0 lancer votre projet ?<\/span>\n                <h2 class=\"display-2 cta-title\">Donnez \u00e0 votre entreprise l'envergure digitale qu'elle m\u00e9rite<\/h2>\n                <p class=\"body-large cta-description\">\n                    \u00c0 Gen\u00e8ve, l'excellence est la norme. Votre pr\u00e9sence sur le web ne doit pas faire exception. Que vous souhaitiez lancer un nouveau site internet, dominer les r\u00e9sultats de recherche sur Google ou acc\u00e9l\u00e9rer vos ventes en ligne, notre agence web \u00e0 Gen\u00e8ve poss\u00e8de l'expertise et la passion pour vous accompagner.\n                <\/p>\n                <p class=\"body cta-description\">\n                    Le monde digital \u00e9volue rapidement. Ne laissez pas votre entreprise \u00eatre distanc\u00e9e par des concurrents plus agiles. Prenez d\u00e8s aujourd'hui les d\u00e9cisions qui assureront votre succ\u00e8s de demain. Votre transformation digitale commence par une simple discussion.\n                <\/p>\n                <p class=\"body cta-description\">\n                    En tant qu'acteur du digital romand, nous appliquons une rigueur helv\u00e9tique \u00e0 chaque projet. Consultez notre vision de la <a href=\"https:\/\/smart-impact.ch\/creation-de-site-web-suisse\/\" style=\"color: var(--primary);\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">r\u00e9alisation de sites internet haut de gamme<\/a> pour vos ambitions genevoises et internationales.\n                <\/p>\n                <div class=\"cta-buttons\">\n                    <a href=\"\/contact\/\" class=\"btn btn-primary\">Obtenir un audit gratuit de mon site<\/a>\n                    <a href=\"\/contact\/\" class=\"btn btn-secondary\">Discuter de ma strat\u00e9gie digitale<\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n        \n        <!-- FAQ -->\n        <section class=\"section section-with-sticky\">\n            <div class=\"container\">\n                <div class=\"flex-row\">\n                    <div class=\"flex-sidebar\" data-sticky-sidebar>\n                        <span class=\"caption section-number\">FAQ<\/span>\n                        <h2 class=\"h2 section-title\">Vos questions sur notre agence web \u00e0 Gen\u00e8ve<\/h2>\n                        <p class=\"body section-description\">\n                            Tout ce que vous devez savoir avant de lancer votre projet digital.\n                        <\/p>\n                    <\/div>\n                    \n                    <div class=\"flex-content\">\n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Pourquoi travailler avec une agence \u00e0 Gen\u00e8ve plut\u00f4t qu'\u00e0 l'\u00e9tranger ?<\/h3>\n                            <p class=\"faq-answer\">\n                                La connaissance du march\u00e9 suisse, la conformit\u00e9 l\u00e9gale (LPD) et la possibilit\u00e9 de se rencontrer physiquement garantissent un projet de meilleure qualit\u00e9 et un meilleur retour sur investissement.\n                            <\/p>\n                        <\/div>\n                        \n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Quel est le d\u00e9lai moyen pour la cr\u00e9ation d'un site web ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Un site vitrine performant peut \u00eatre lanc\u00e9 en 4 \u00e0 8 semaines, tandis qu'une plateforme e-commerce complexe peut n\u00e9cessiter 3 mois de d\u00e9veloppement pour garantir une qualit\u00e9 optimale.\n                            <\/p>\n                        <\/div>\n                        \n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Proposez-vous des formations pour nos \u00e9quipes internes ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Oui, nous accompagnons les directeurs marketing et leurs \u00e9quipes pour qu'ils ma\u00eetrisent les outils que nous mettons en place (CMS, outils d'analyse, gestion de campagnes).\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Zones d'intervention -->\n        <section class=\"section zones-section\">\n            <div class=\"container\">\n                <div class=\"zones-header\">\n                    <span class=\"caption\">Nos zones d'intervention<\/span>\n                    <h2 class=\"h2\">Agence web en Suisse Romande<\/h2>\n                    <p class=\"body zones-intro\">D\u00e9couvrez nos services de cr\u00e9ation de site internet sur mesure dans toute la Suisse Romande.<\/p>\n                <\/div>\n                <div class=\"zones-grid\">\n                    <a href=\"\/agence-web-lausanne\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Lausanne<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-fribourg\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Fribourg<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-neuchatel\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Neuch\u00e2tel<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-sion\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Sion<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-montreux\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Montreux<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-vevey\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Vevey<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-nyon\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Nyon<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-morges\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Morges<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-yverdon\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Yverdon<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-martigny\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Martigny<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                    <a href=\"\/agence-web-delemont\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Del\u00e9mont<\/span>\n                        <span class=\"zone-arrow\">\u2192<\/span>\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <!-- GSAP ScrollTrigger Pin -->\n    <script>\n    (function() {\n        var scrollTriggerInstances = [];\n\n        function destroyScrollTriggers() {\n            \/\/ D\u00e9truit toutes les instances ScrollTrigger existantes\n            scrollTriggerInstances.forEach(function(instance) {\n                if (instance && instance.kill) instance.kill();\n            });\n            scrollTriggerInstances = [];\n\n            \/\/ R\u00e9initialise les styles inline des sidebars\n            document.querySelectorAll('[data-sticky-sidebar]').forEach(function(sidebar) {\n                sidebar.style.position = '';\n                sidebar.style.top = '';\n                sidebar.style.transform = '';\n                sidebar.style.width = '';\n            });\n        }\n\n        function initStickySidebars() {\n            \/\/ D\u00e9truit d'abord toutes les instances existantes\n            destroyScrollTriggers();\n\n            \/\/ Ne pas activer sur mobile\/tablette\n            if (window.innerWidth <= 1024) {\n                return;\n            }\n\n            \/\/ V\u00e9rifie que GSAP et ScrollTrigger sont charg\u00e9s\n            if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') {\n                return;\n            }\n\n            document.querySelectorAll('.agence-geneve-flex .section-with-sticky').forEach(function(section) {\n                var sidebar = section.querySelector('[data-sticky-sidebar]');\n                var content = section.querySelector('.flex-content');\n\n                if (!sidebar || !content) return;\n\n                var contentHeight = content.offsetHeight;\n                var sidebarHeight = sidebar.offsetHeight;\n                var scrollDistance = contentHeight - sidebarHeight;\n\n                if (scrollDistance <= 0) return;\n\n                var instance = ScrollTrigger.create({\n                    trigger: section,\n                    start: \"top 120px\",\n                    end: function() { return \"+=\" + scrollDistance; },\n                    pin: sidebar,\n                    pinSpacing: false,\n                    anticipatePin: 1,\n                });\n\n                scrollTriggerInstances.push(instance);\n            });\n\n            if (typeof ScrollTrigger !== 'undefined') {\n                ScrollTrigger.refresh();\n            }\n        }\n\n        if (document.readyState === 'complete') {\n            setTimeout(initStickySidebars, 500);\n        } else {\n            window.addEventListener('load', function() {\n                setTimeout(initStickySidebars, 500);\n            });\n        }\n\n        var resizeTimer;\n        window.addEventListener('resize', function() {\n            clearTimeout(resizeTimer);\n            resizeTimer = setTimeout(function() {\n                initStickySidebars(); \/\/ R\u00e9initialise compl\u00e8tement au lieu de juste refresh\n            }, 250);\n        });\n    })();\n    <\/script>\n    \n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":19203,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19307","page","type-page","status-publish","hentry"],"acf":[],"_yoast_wpseo_title":"Agence web \u00e0 Gen\u00e8ve | Cr\u00e9ation de sites & SEO | Smart Impact","_yoast_wpseo_metadesc":"Agence web \u00e0 Gen\u00e8ve, cr\u00e9ation de sites, SEO local, publicit\u00e9 digitale et e-commerce. Transformez votre pr\u00e9sence en ligne en levier de croissance.","_yoast_wpseo_focuskw":"agence web gen\u00e8ve","_yoast_wpseo_canonical":"","_yoast_wpseo_opengraph-title":"","_yoast_wpseo_opengraph-description":"","_yoast_wpseo_twitter-title":"","_yoast_wpseo_twitter-description":"","_yoast_wpseo_meta-robots-noindex":"","_yoast_wpseo_meta-robots-nofollow":"","_yoast_wpseo_meta-robots-adv":"","_yoast_wpseo_bctitle":"","_yoast_wpseo_metakeywords":"","_links":{"self":[{"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/comments?post=19307"}],"version-history":[{"count":7,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19307\/revisions"}],"predecessor-version":[{"id":19315,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19307\/revisions\/19315"}],"up":[{"embeddable":true,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19203"}],"wp:attachment":[{"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/media?parent=19307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}