{"id":19399,"date":"2026-01-07T17:23:37","date_gmt":"2026-01-07T17:23:37","guid":{"rendered":"https:\/\/smart-impact.ch\/?page_id=19399"},"modified":"2026-01-07T17:54:26","modified_gmt":"2026-01-07T17:54:26","slug":"agence-web-delemont","status":"publish","type":"page","link":"https:\/\/2025.smart-impact.ch\/en\/agence-web-delemont\/","title":{"rendered":"Web agency Del\u00e9mont"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19399\" class=\"elementor elementor-19399\" 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-delemont-flex * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .agence-delemont-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-delemont-flex .container {\n            max-width: 1400px;\n            margin: 0 auto;\n            padding: 0 80px;\n        }\n\n        .agence-delemont-flex .flex-row {\n            display: flex;\n            gap: 80px;\n            align-items: flex-start;\n        }\n\n        .agence-delemont-flex .flex-sidebar {\n            flex: 0 0 400px;\n        }\n\n        .agence-delemont-flex .flex-content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .agence-delemont-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-delemont-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-delemont-flex .h2 {\n            font-size: 40px;\n            font-weight: 700;\n            line-height: 1.3;\n        }\n\n        .agence-delemont-flex .h3 {\n            font-size: 28px;\n            font-weight: 600;\n            line-height: 1.3;\n        }\n\n        .agence-delemont-flex .h4 {\n            font-size: 22px;\n            font-weight: 600;\n            line-height: 1.4;\n        }\n\n        .agence-delemont-flex .body-large {\n            font-size: 20px;\n            font-weight: 400;\n            line-height: 1.7;\n        }\n\n        .agence-delemont-flex .body {\n            font-size: 17px;\n            font-weight: 400;\n            line-height: 1.7;\n        }\n\n        .agence-delemont-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-delemont-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-delemont-flex .hero .flex-row {\n            width: 100%;\n        }\n\n        .agence-delemont-flex .hero-content {\n            flex: 1;\n        }\n\n        .agence-delemont-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-delemont-flex .hero-title {\n            margin-bottom: 40px;\n        }\n\n        .agence-delemont-flex .hero-description {\n            color: var(--gray-700);\n            margin-bottom: 32px;\n        }\n\n        .agence-delemont-flex .hero-visual {\n            flex: 0 0 450px;\n            position: relative;\n            height: 500px;\n        }\n\n        .agence-delemont-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-delemont-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-delemont-flex .hero-shape {\n            position: absolute;\n            z-index: 1;\n        }\n\n        .agence-delemont-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-delemont-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-delemont-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-delemont-flex .stats {\n            padding: 80px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n\n        .agence-delemont-flex .stats-grid {\n            display: flex;\n            justify-content: space-between;\n            gap: 40px;\n        }\n\n        .agence-delemont-flex .stat-item {\n            text-align: center;\n            flex: 1;\n            padding: 40px 0;\n        }\n\n        .agence-delemont-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-delemont-flex .stat-label {\n            color: var(--gray-700);\n        }\n\n        \/* Section *\/\n        .agence-delemont-flex .section {\n            padding: 120px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n\n        .agence-delemont-flex .section-number {\n            color: var(--primary);\n            margin-bottom: 16px;\n            display: block;\n        }\n\n        .agence-delemont-flex .section-title {\n            margin-bottom: 24px;\n        }\n\n        .agence-delemont-flex .section-description {\n            color: var(--gray-700);\n        }\n\n        \/* Service Cards *\/\n        .agence-delemont-flex .service-card {\n            padding: 48px 0;\n            border-bottom: 1px solid var(--gray-200);\n        }\n\n        .agence-delemont-flex .service-card:last-child {\n            border-bottom: none;\n        }\n\n        .agence-delemont-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-delemont-flex .service-title {\n            margin-bottom: 20px;\n        }\n\n        .agence-delemont-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-delemont-flex .service-subsection {\n            margin-bottom: 32px;\n            padding-left: 24px;\n            border-left: 2px solid var(--gray-200);\n        }\n\n        .agence-delemont-flex .service-subsection:last-child {\n            margin-bottom: 0;\n        }\n\n        .agence-delemont-flex .service-subsection-title {\n            font-size: 20px;\n            font-weight: 600;\n            color: var(--dark);\n            margin-bottom: 12px;\n        }\n\n        .agence-delemont-flex .service-subsection-text {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n\n        \/* Feature Grid *\/\n        .agence-delemont-flex .feature-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 48px;\n        }\n\n        .agence-delemont-flex .feature-item {\n            padding: 40px;\n            border: 1px solid var(--gray-300);\n            transition: border-color 0.2s ease;\n        }\n\n        .agence-delemont-flex .feature-item:hover {\n            border-color: var(--primary);\n        }\n\n        .agence-delemont-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-delemont-flex .feature-title {\n            margin-bottom: 16px;\n        }\n\n        .agence-delemont-flex .feature-description {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n\n        \/* Process *\/\n        .agence-delemont-flex .process-list {\n            display: flex;\n            flex-direction: column;\n            gap: 32px;\n        }\n\n        .agence-delemont-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-delemont-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-delemont-flex .process-content {\n            flex: 1;\n        }\n\n        .agence-delemont-flex .process-title {\n            margin-bottom: 8px;\n            font-size: 22px;\n            font-weight: 600;\n        }\n\n        .agence-delemont-flex .process-description {\n            color: var(--gray-700);\n        }\n\n        \/* CTA *\/\n        .agence-delemont-flex .cta-section {\n            padding: 120px 0;\n            background: var(--dark);\n            color: white;\n        }\n\n        .agence-delemont-flex .cta-section .cta-label {\n            color: var(--primary);\n            font-weight: 700;\n            margin-bottom: 24px;\n        }\n\n        .agence-delemont-flex .cta-section .cta-title {\n            color: white;\n            margin-bottom: 32px;\n        }\n\n        .agence-delemont-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-delemont-flex .cta-section .cta-description:last-of-type {\n            margin-bottom: 48px;\n        }\n\n        .agence-delemont-flex .cta-buttons {\n            display: flex;\n            gap: 16px;\n            flex-wrap: wrap;\n        }\n\n        .agence-delemont-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-delemont-flex .btn-primary {\n            background: var(--primary);\n            color: white;\n            border-color: var(--primary);\n        }\n\n        .agence-delemont-flex .btn-primary:hover {\n            background: transparent;\n            color: var(--primary);\n        }\n\n        .agence-delemont-flex .btn-outline {\n            background: transparent;\n            color: var(--dark);\n            border-color: var(--dark);\n        }\n\n        .agence-delemont-flex .btn-outline:hover {\n            background: var(--dark);\n            color: white;\n        }\n\n        .agence-delemont-flex .btn-secondary {\n            background: transparent;\n            color: white;\n            border-color: white;\n        }\n\n        .agence-delemont-flex .btn-secondary:hover {\n            background: white;\n            color: var(--dark);\n        }\n\n        .agence-delemont-flex .section-alt {\n            background: var(--gray-100);\n        }\n\n        \/* FAQ *\/\n        .agence-delemont-flex .faq-item {\n            padding: 32px 0;\n            border-bottom: 1px solid var(--gray-300);\n        }\n\n        .agence-delemont-flex .faq-item:last-child {\n            border-bottom: none;\n        }\n\n        .agence-delemont-flex .faq-question {\n            font-size: 20px;\n            font-weight: 600;\n            margin-bottom: 16px;\n            color: var(--dark);\n        }\n\n        .agence-delemont-flex .faq-answer {\n            color: var(--gray-700);\n            line-height: 1.7;\n        }\n\n        .agence-delemont-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-delemont-flex .container { padding: 0 40px !important; }\n            .agence-delemont-flex .display-1 { font-size: 42px !important; }\n            .agence-delemont-flex .display-2 { font-size: 36px !important; }\n            .agence-delemont-flex .h2 { font-size: 32px !important; }\n\n            \/* Passage en colonne pour la structure principale *\/\n            .agence-delemont-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-delemont-flex .flex-sidebar,\n            .agence-delemont-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-delemont-flex .hero-visual {\n                flex: 0 0 100% !important;\n                height: 300px !important;\n                margin-top: 40px !important;\n            }\n            .agence-delemont-flex .feature-grid { grid-template-columns: 1fr !important; gap: 32px !important; }\n            .agence-delemont-flex .stats-grid { flex-wrap: wrap !important; }\n            .agence-delemont-flex .stat-item { flex: 0 0 50% !important; border-bottom: 1px solid var(--gray-200); }\n            .agence-delemont-flex .stat-item:nth-last-child(-n+2) { border-bottom: none; }\n        }\n\n        \/* Zones d'intervention *\/\n        .agence-delemont-flex .zones-section { background: var(--gray-100); border-top: 1px solid var(--gray-300); }\n        .agence-delemont-flex .zones-header { text-align: center; margin-bottom: 48px; }\n        .agence-delemont-flex .zones-header .caption { color: var(--primary); margin-bottom: 16px; display: block; }\n        .agence-delemont-flex .zones-header h2 { margin-bottom: 16px; }\n        .agence-delemont-flex .zones-intro { color: var(--gray-700); max-width: 600px; margin: 0 auto; }\n        .agence-delemont-flex .zones-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }\n        .agence-delemont-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-delemont-flex .zone-link:hover { border-color: var(--primary); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n        .agence-delemont-flex .zone-city { font-weight: 600; font-size: 16px; }\n        .agence-delemont-flex .zone-arrow { color: var(--primary); font-size: 18px; transition: transform 0.2s ease; }\n        .agence-delemont-flex .zone-link:hover .zone-arrow { transform: translateX(4px); }\n        @media (max-width: 1024px) { .agence-delemont-flex .zones-grid { grid-template-columns: repeat(3, 1fr) !important; } }\n\n        @media (max-width: 768px) {\n            .agence-delemont-flex .zones-grid { grid-template-columns: repeat(2, 1fr) !important; }\n            .agence-delemont-flex .zones-header { margin-bottom: 32px !important; }\n            .agence-delemont-flex .container { padding: 0 20px !important; }\n\n            \/* Image hero visible sur mobile *\/\n            .agence-delemont-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-delemont-flex .hero-content {\n                order: 1 !important;\n            }\n\n            \/* Masquer les carr\u00e9s de couleurs sur mobile *\/\n            .agence-delemont-flex .hero-shape {\n                display: none !important;\n            }\n\n            \/* Ajustement des tailles de police *\/\n            .agence-delemont-flex .display-1 { font-size: 32px !important; letter-spacing: -0.01em !important; }\n            .agence-delemont-flex .display-2 { font-size: 28px !important; }\n            .agence-delemont-flex .h2 { font-size: 26px !important; }\n            .agence-delemont-flex .h3 { font-size: 22px !important; }\n            .agence-delemont-flex .h4 { font-size: 20px !important; }\n            .agence-delemont-flex .body-large { font-size: 18px !important; }\n            .agence-delemont-flex .body { font-size: 16px !important; }\n\n            \/* Espacements r\u00e9duits pour mobile + compensation menu fixe *\/\n            .agence-delemont-flex .section { padding: 60px 0 !important; }\n            .agence-delemont-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-delemont-flex .stat-number { font-size: 48px !important; }\n            .agence-delemont-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-delemont-flex .stat-item:last-child { border-bottom: none; }\n\n            \/* Boutons et Processus *\/\n            .agence-delemont-flex .cta-buttons {\n                flex-direction: column !important;\n                width: 100% !important;\n                gap: 12px !important;\n            }\n            .agence-delemont-flex .btn {\n                width: 100% !important;\n                text-align: center !important;\n                display: block !important;\n                margin-bottom: 0 !important;\n            }\n\n            .agence-delemont-flex .process-item {\n                flex-direction: column !important;\n                gap: 16px !important;\n                padding: 24px !important;\n            }\n\n            .agence-delemont-flex .process-number {\n                font-size: 36px !important;\n            }\n\n            \/* Services *\/\n            .agence-delemont-flex .service-card { padding: 32px 0 !important; }\n            .agence-delemont-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-delemont-flex .service-intro { font-size: 16px !important; }\n\n            .agence-delemont-flex .cta-section { padding: 60px 0 !important; }\n            .agence-delemont-flex .section-description { margin-bottom: 32px !important; }\n\n            \/* Feature items *\/\n            .agence-delemont-flex .feature-item { padding: 24px !important; }\n            .agence-delemont-flex .feature-icon { width: 40px !important; height: 40px !important; font-size: 20px !important; }\n        }\n\n        @media (max-width: 480px) {\n            .agence-delemont-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\": \"Combien co\u00fbte la cr\u00e9ation d'un site internet professionnel \u00e0 Del\u00e9mont ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Le budget d\u00e9pend de la complexit\u00e9 du projet (nombre de pages, fonctionnalit\u00e9s sp\u00e9cifiques, e-commerce). Nous proposons des solutions modulables pour s'adapter aussi bien aux besoins des ind\u00e9pendants qu'\u00e0 ceux des PME industrielles.\"\n                }\n            },\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Combien de temps faut-il pour voir les r\u00e9sultats du SEO dans le Jura ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Le SEO est une strat\u00e9gie de fond. Si les premiers r\u00e9sultats apparaissent g\u00e9n\u00e9ralement apr\u00e8s 3 mois, une autorit\u00e9 solide se construit sur 6 \u00e0 12 mois de travail r\u00e9gulier.\"\n                }\n            },\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Pouvez-vous reprendre la maintenance d'un site existant ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Oui, nous intervenons fr\u00e9quemment sur des sites existants pour am\u00e9liorer la s\u00e9curit\u00e9, la vitesse ou mettre \u00e0 jour le design sans n\u00e9cessairement repartir de z\u00e9ro.\"\n                }\n            },\n            {\n                \"@type\": \"Question\",\n                \"name\": \"Travaillez-vous avec des entreprises dans tout le canton du Jura ?\",\n                \"acceptedAnswer\": {\n                    \"@type\": \"Answer\",\n                    \"text\": \"Absolument. Nous accompagnons les entreprises de Del\u00e9mont, Porrentruy, Bassecourt et de l'ensemble du canton. Notre situation nous permet d'\u00eatre rapidement sur place pour des r\u00e9unions ou des formations.\"\n                }\n            }\n        ]\n    }\n    <\/script>\n\n    <div class=\"agence-delemont-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 Del\u00e9mont<\/h1>\n                        <p class=\"display-1 hero-title\">Donnez de l'\u00e9lan \u00e0 votre pr\u00e9sence digitale dans le Jura<\/p>\n                        <p class=\"body-large hero-description\">\n                            Capitale du plus jeune canton de Suisse, Del\u00e9mont est une ville qui bat au rythme de l'innovation et de l'industrie de pr\u00e9cision. Entre les entreprises de la zone industrielle, les commerces du centre-ville et les start-ups en pleine croissance comme celles qui gravitent autour du campus Strate J, le tissu \u00e9conomique jurassien est d'une richesse remarquable.\n                        <\/p>\n                        <p class=\"body hero-description\">\n                            En tant qu'agence web \u00e0 Del\u00e9mont, nous accompagnons les entrepreneurs jurassiens dans leur transition num\u00e9rique. Nous comprenons vos enjeux : vous avez besoin de solutions concr\u00e8tes, performantes et d'une relation bas\u00e9e sur la confiance et la proximit\u00e9 g\u00e9ographique.\n                        <\/p>\n                        <div class=\"cta-buttons\">\n                            <a href=\"\/contact\/\" class=\"btn btn-primary\">Demander mon audit SEO 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-1563307057-0107aaaef253?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80\" alt=\"Vue de Del\u00e9mont et du Jura suisse\" 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 digitales pour les entreprises jurassiennes<\/h2>\n                        <p class=\"body section-description\">\n                            Cr\u00e9ation de sites web, r\u00e9f\u00e9rencement SEO, publicit\u00e9 digitale et e-commerce : d\u00e9couvrez comment nous accompagnons les entreprises de Del\u00e9mont et du canton du Jura vers le succ\u00e8s en ligne.\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 pr\u00e9cision jurassienne appliqu\u00e9e au web<\/h3>\n                            <p class=\"service-intro\">\n                                Dans une r\u00e9gion o\u00f9 la pr\u00e9cision et la rigueur sont une seconde nature, votre site internet se doit d'\u00eatre irr\u00e9prochable. Il est le reflet de votre professionnalisme et de la qualit\u00e9 de vos services.\n                            <\/p>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Un web design moderne et une exp\u00e9rience utilisateur (UX) optimis\u00e9e<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous cr\u00e9ons des interfaces qui captent l'attention d\u00e8s les premi\u00e8res secondes. En nous appuyant sur les principes de l'UX design, nous structurons votre site pour que la navigation soit fluide et intuitive. Chaque \u00e9l\u00e9ment visuel est con\u00e7u pour renforcer votre identit\u00e9 de marque et inspirer confiance \u00e0 vos futurs clients, qu'ils soient locaux ou internationaux.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Performance technique et approche mobile-first<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    La vitesse de chargement est un crit\u00e8re de qualit\u00e9 essentiel, tant pour vos utilisateurs que pour les algorithmes de recherche. Nos d\u00e9veloppeurs optimisent chaque aspect technique pour garantir une rapidit\u00e9 exemplaire. \u00c0 Del\u00e9mont comme ailleurs, l'usage du smartphone est devenu pr\u00e9dominant. C'est pourquoi tous nos sites sont d\u00e9velopp\u00e9s avec une approche mobile-first.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">S\u00e9curit\u00e9 et h\u00e9bergement suisse (LPD)<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Le respect de la vie priv\u00e9e et la s\u00e9curit\u00e9 des donn\u00e9es sont des priorit\u00e9s absolues en Suisse. Nous proposons des solutions d'h\u00e9bergement s\u00e9curis\u00e9es sur le territoire helv\u00e9tique, en totale conformit\u00e9 avec la loi f\u00e9d\u00e9rale sur la protection des donn\u00e9es (LPD). Nous installons des certificats de s\u00e9curit\u00e9 avanc\u00e9s et mettons en oeuvre des protocoles de sauvegarde rigoureux.\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\">SEO & Local SEO : dominer les recherches de Del\u00e9mont au Jura bernois<\/h3>\n                            <p class=\"service-intro\">\n                                Le r\u00e9f\u00e9rencement naturel (SEO) est l'investissement digital le plus durable. \u00c0 Del\u00e9mont, \u00eatre visible sur Google au moment pr\u00e9cis o\u00f9 un prospect cherche vos services est la cl\u00e9 pour devancer vos concurrents.\n                            <\/p>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Le SEO local : capter la client\u00e8le jurassienne<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Si votre activit\u00e9 est ancr\u00e9e dans la r\u00e9gion, le SEO local est votre meilleur alli\u00e9. Nous optimisons votre pr\u00e9sence pour des requ\u00eates telles que \"fiduciaire Del\u00e9mont\", \"garage Bassecourt\" ou \"entreprise de construction Jura\". En g\u00e9rant activement votre fiche Google Business Profile, nous vous assurons d'appara\u00eetre en t\u00eate des r\u00e9sultats g\u00e9olocalis\u00e9s.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Strat\u00e9gie de contenu et autorit\u00e9 s\u00e9mantique<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Google privil\u00e9gie les sites qui font autorit\u00e9 dans leur domaine. Nous vous aidons \u00e0 b\u00e2tir cette cr\u00e9dibilit\u00e9 en produisant des contenus de haute qualit\u00e9 : articles de blog experts, \u00e9tudes de cas industrielles ou guides pratiques. En r\u00e9pondant aux questions de vos prospects, vous am\u00e9liorez votre classement et vous vous positionnez comme un expert incontournable.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Netlinking et popularit\u00e9 num\u00e9rique<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    L'autorit\u00e9 d'un site web d\u00e9pend aussi de sa r\u00e9putation globale sur le web. Nous travaillons sur l'acquisition de liens entrants de qualit\u00e9 provenant de sites suisses influents et de plateformes r\u00e9gionales. Ce signal de confiance envoy\u00e9 aux moteurs de recherche permet de consolider vos positions de mani\u00e8re durable.\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\">SEA & publicit\u00e9 digitale : des r\u00e9sultats imm\u00e9diats pour vos offres<\/h3>\n                            <p class=\"service-intro\">\n                                Parfois, la croissance ne peut pas attendre que le r\u00e9f\u00e9rencement naturel produise tous ses effets. Le SEA (Search Engine Advertising) permet d'obtenir une visibilit\u00e9 instantan\u00e9e sur des mots-cl\u00e9s hautement strat\u00e9giques.\n                            <\/p>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Google Ads : une visibilit\u00e9 cibl\u00e9e et rentable<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous cr\u00e9ons et g\u00e9rons vos campagnes Google Ads pour que vous apparaissiez en t\u00eate de liste exactement au moment o\u00f9 un utilisateur exprime un besoin. Gr\u00e2ce \u00e0 un ciblage g\u00e9ographique pr\u00e9cis sur le canton du Jura et les r\u00e9gions limitrophes, nous optimisons votre budget pour maximiser le nombre de contacts qualifi\u00e9s.\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                                    Les r\u00e9seaux sociaux comme Facebook, Instagram ou LinkedIn permettent de toucher votre audience dans son quotidien. Que vous souhaitiez promouvoir un \u00e9v\u00e9nement \u00e0 Del\u00e9mont, lancer un nouveau produit industriel ou recruter des talents locaux, nous param\u00e9trons vos campagnes pour atteindre les bons profils avec une pr\u00e9cision chirurgicale.\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 : d\u00e9veloppez votre boutique en ligne depuis le Jura<\/h3>\n                            <p class=\"service-intro\">\n                                La vente en ligne est une opportunit\u00e9 formidable pour les artisans, les commer\u00e7ants et les industriels jurassiens de s'affranchir des fronti\u00e8res g\u00e9ographiques.\n                            <\/p>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Des plateformes de vente performantes et s\u00e9curis\u00e9es<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Nous d\u00e9veloppons des sites e-commerce sur mesure avec des outils comme Shopify ou WooCommerce. L'accent est mis sur la fluidit\u00e9 du tunnel d'achat : de la fiche produit claire au paiement s\u00e9curis\u00e9. Votre boutique en ligne doit \u00eatre aussi accueillante et efficace qu'un magasin physique au centre de Del\u00e9mont.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Int\u00e9gration des solutions de paiement suisses et logistique<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Le succ\u00e8s d'un e-commerce en Suisse repose sur la confiance. L'int\u00e9gration de m\u00e9thodes de paiement populaires comme TWINT est indispensable. Nous vous accompagnons \u00e9galement dans la configuration de vos flux logistiques via la Poste Suisse pour offrir une exp\u00e9rience de livraison irr\u00e9prochable \u00e0 vos clients nationaux.\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 strat\u00e9gique pour votre croissance<\/h3>\n                            <p class=\"service-intro\">\n                                Avant d'investir massivement, il est crucial de savoir o\u00f9 vous en \u00eates. C'est le r\u00f4le de notre p\u00f4le conseil.\n                            <\/p>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">L'audit digital : identifier vos opportunit\u00e9s de progression<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    Vous avez d\u00e9j\u00e0 un site mais il ne produit pas les r\u00e9sultats escompt\u00e9s ? Notre audit complet analyse les performances techniques, le SEO et l'ergonomie de votre plateforme actuelle. Nous vous fournissons un rapport d\u00e9taill\u00e9 avec des actions concr\u00e8tes pour corriger les erreurs et exploiter les opportunit\u00e9s de croissance manqu\u00e9es.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"service-subsection\">\n                                <h4 class=\"service-subsection-title\">Un accompagnement personnalis\u00e9 pour les dirigeants de PME<\/h4>\n                                <p class=\"service-subsection-text\">\n                                    En tant que dirigeant \u00e0 Del\u00e9mont, vous n'avez pas toujours le temps de suivre les \u00e9volutions constantes du web. Nous agissons comme votre partenaire strat\u00e9gique. Nous traduisons le jargon technique en indicateurs de performance (KPIs) compr\u00e9hensibles : nombre de prospects g\u00e9n\u00e9r\u00e9s, co\u00fbt par acquisition, taux de conversion.\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 Del\u00e9mont ?<\/h2>\n                        <p class=\"body section-description\">\n                            La proximit\u00e9 n'est pas qu'une question de distance, c'est une question de compr\u00e9hension et de valeurs partag\u00e9es au sein du canton du Jura.\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 connaissance du terrain et de l'identit\u00e9 jurassienne<\/h4>\n                                <p class=\"body feature-description\">\n                                    Nous comprenons les enjeux des entreprises locales car nous partageons le m\u00eame environnement. Nous connaissons la dynamique \u00e9conomique jurassienne et comment positionner une entreprise de la r\u00e9gion face \u00e0 la concurrence des grands centres urbains suisses.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">02<\/div>\n                                <h4 class=\"h4 feature-title\">R\u00e9activit\u00e9, flexibilit\u00e9 et \u00e9changes humains<\/h4>\n                                <p class=\"body feature-description\">\n                                    Travailler avec une agence locale, c'est pouvoir organiser une r\u00e9union de travail rapidement, se rencontrer pour discuter d'un projet de vive voix ou b\u00e9n\u00e9ficier d'une intervention rapide. Cette relation de confiance est au coeur de notre philosophie.\n                                <\/p>\n                            <\/div>\n\n                            <div class=\"feature-item\">\n                                <div class=\"feature-icon\">03<\/div>\n                                <h4 class=\"h4 feature-title\">Expertise industrielle et pr\u00e9cision<\/h4>\n                                <p class=\"body feature-description\">\n                                    Le Jura est reconnu pour son savoir-faire industriel et horloger. Nous appliquons cette m\u00eame rigueur et pr\u00e9cision \u00e0 nos projets digitaux, garantissant des livrables de haute qualit\u00e9 adapt\u00e9s aux exigences du march\u00e9 suisse.\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 et ROI optimis\u00e9<\/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\">Une collaboration transparente \u00e9tape par \u00e9tape<\/h2>\n                        <p class=\"body section-description\">\n                            Chaque projet web suit une m\u00e9thodologie rigoureuse pour garantir la qualit\u00e9 et le respect des d\u00e9lais.\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\">Immersion & analyse<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous d\u00e9finissons ensemble vos objectifs commerciaux et votre public cible. Cette phase d'immersion nous permet de comprendre votre march\u00e9 et vos ambitions dans le Jura.\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 & design<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous cr\u00e9ons la structure et l'identit\u00e9 visuelle de votre futur site. 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\">D\u00e9veloppement<\/h4>\n                                    <p class=\"process-description\">\n                                        Nos techniciens donnent vie \u00e0 votre plateforme avec les meilleures technologies. Tests qualit\u00e9 rigoureux sur tous les appareils avant la mise en ligne.\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\">Optimisation & lancement<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous testons chaque fonctionnalit\u00e9 avant la mise en ligne officielle et activons vos leviers d'acquisition.\n                                    <\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"process-item\">\n                                <div class=\"process-number\">05<\/div>\n                                <div class=\"process-content\">\n                                    <h4 class=\"process-title\">Suivi & croissance<\/h4>\n                                    <p class=\"process-description\">\n                                        Nous restons \u00e0 vos c\u00f4t\u00e9s pour faire \u00e9voluer votre site selon vos futurs besoins. 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 transformer votre pr\u00e9sence en ligne ?<\/span>\n                <h2 class=\"display-2 cta-title\">Propulsez votre entreprise jurassienne dans l'\u00e8re num\u00e9rique<\/h2>\n                <p class=\"body-large cta-description\">\n                    Le potentiel digital de la ville de Del\u00e9mont et du canton du Jura est immense. Que vous soyez une PME \u00e9tablie souhaitant moderniser son image ou une jeune entreprise pr\u00eate \u00e0 conqu\u00e9rir le march\u00e9 suisse, le web est votre meilleur alli\u00e9. Une strat\u00e9gie digitale coh\u00e9rente, alliant un site performant \u00e0 un r\u00e9f\u00e9rencement efficace, est l'investissement le plus s\u00fbr pour l'avenir de votre activit\u00e9.\n                <\/p>\n                <p class=\"body cta-description\">\n                    Ne laissez pas vos concurrents occuper le terrain sur Google. Prenez les devants et construisez d\u00e8s aujourd'hui une pr\u00e9sence en ligne qui inspire confiance et g\u00e9n\u00e8re de la croissance.\n                <\/p>\n                <p class=\"body cta-description\">\n                    Votre site actuel ne performe plus ? Pour les entreprises jurassiennes, il est peut-\u00eatre temps de passer \u00e0 une <a href=\"https:\/\/smart-impact.ch\/creation-de-site-web-suisse\/\" style=\"color: var(--primary);\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">refonte web int\u00e9grale et personnalis\u00e9e<\/a> pour reprendre l'avantage sur vos concurrents.\n                <\/p>\n                <div class=\"cta-buttons\">\n                    <a href=\"\/contact\/\" class=\"btn btn-primary\">Demander mon audit SEO gratuit<\/a>\n                    <a href=\"\/contact\/\" class=\"btn btn-secondary\">Contacter un expert web \u00e0 Del\u00e9mont<\/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 Del\u00e9mont<\/h2>\n                        <p class=\"body section-description\">\n                            Tout ce que vous devez savoir avant de lancer votre projet digital dans le Jura.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"flex-content\">\n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Combien co\u00fbte la cr\u00e9ation d'un site internet professionnel \u00e0 Del\u00e9mont ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Le budget d\u00e9pend de la complexit\u00e9 du projet (nombre de pages, fonctionnalit\u00e9s sp\u00e9cifiques, e-commerce). Nous proposons des solutions modulables pour s'adapter aussi bien aux besoins des ind\u00e9pendants qu'\u00e0 ceux des PME industrielles.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Combien de temps faut-il pour voir les r\u00e9sultats du SEO dans le Jura ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Le SEO est une strat\u00e9gie de fond. Si les premiers r\u00e9sultats apparaissent g\u00e9n\u00e9ralement apr\u00e8s 3 mois, une autorit\u00e9 solide se construit sur 6 \u00e0 12 mois de travail r\u00e9gulier.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Pouvez-vous reprendre la maintenance d'un site existant ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Oui, nous intervenons fr\u00e9quemment sur des sites existants pour am\u00e9liorer la s\u00e9curit\u00e9, la vitesse ou mettre \u00e0 jour le design sans n\u00e9cessairement repartir de z\u00e9ro.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"faq-item\">\n                            <h3 class=\"faq-question\">Travaillez-vous avec des entreprises dans tout le canton du Jura ?<\/h3>\n                            <p class=\"faq-answer\">\n                                Absolument. Nous accompagnons les entreprises de Del\u00e9mont, Porrentruy, Bassecourt et de l'ensemble du canton. Notre situation nous permet d'\u00eatre rapidement sur place pour des r\u00e9unions ou des formations.\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-geneve\/\" class=\"zone-link\">\n                        <span class=\"zone-city\">Gen\u00e8ve<\/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                <\/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-delemont-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":5,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-19399","page","type-page","status-publish","hentry"],"acf":[],"_yoast_wpseo_title":"Agence web \u00e0 Vevey | Cr\u00e9ation de sites & SEO | Smart Impact","_yoast_wpseo_metadesc":"Agence web \u00e0 Vevey, 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 vevey","_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\/19399","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=19399"}],"version-history":[{"count":7,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19399\/revisions"}],"predecessor-version":[{"id":19407,"href":"https:\/\/2025.smart-impact.ch\/en\/wp-json\/wp\/v2\/pages\/19399\/revisions\/19407"}],"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=19399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}