01
/* ===== Refonte Création de site web — Tactik Media =====
Tout est scopé sous .tk-redesign pour ne pas affecter le thème. */
.tk-redesign{
--tk-cream:#faf9f4;--tk-cream-2:#fcfbf5;--tk-ink:#151515;--tk-green:#119a75;
--tk-green-dark:#0d6d53;--tk-muted:#626262;--tk-white:#ffffff;
--tk-border:rgba(21,21,21,.08);--tk-radius:14px;--tk-radius-lg:20px;
--tk-shadow:0 1px 2px rgba(21,21,21,.04),0 8px 24px rgba(21,21,21,.06);
--tk-shadow-lg:0 4px 12px rgba(21,21,21,.06),0 24px 48px rgba(21,21,21,.10);
font-family:Manrope,system-ui,-apple-system,sans-serif;
color:var(--tk-ink);background:var(--tk-cream);line-height:1.55;
-webkit-font-smoothing:antialiased;
}
.tk-redesign,
.tk-redesign *,
.tk-redesign *::before,
.tk-redesign *::after{box-sizing:border-box}
.tk-redesign img{max-width:100%;height:auto;display:block}
.tk-redesign a{color:inherit;text-decoration:none}
Le plus populaire
Tout est scopé sous .tk-redesign pour ne pas affecter le thème. */
.tk-redesign{
--tk-cream:#faf9f4;--tk-cream-2:#fcfbf5;--tk-ink:#151515;--tk-green:#119a75;
--tk-green-dark:#0d6d53;--tk-muted:#626262;--tk-white:#ffffff;
--tk-border:rgba(21,21,21,.08);--tk-radius:14px;--tk-radius-lg:20px;
--tk-shadow:0 1px 2px rgba(21,21,21,.04),0 8px 24px rgba(21,21,21,.06);
--tk-shadow-lg:0 4px 12px rgba(21,21,21,.06),0 24px 48px rgba(21,21,21,.10);
font-family:Manrope,system-ui,-apple-system,sans-serif;
color:var(--tk-ink);background:var(--tk-cream);line-height:1.55;
-webkit-font-smoothing:antialiased;
}
.tk-redesign,
.tk-redesign *,
.tk-redesign *::before,
.tk-redesign *::after{box-sizing:border-box}
.tk-redesign img{max-width:100%;height:auto;display:block}
.tk-redesign a{color:inherit;text-decoration:none}
.tk-redesign .tk-container{max-width:1180px;margin:0 auto;padding:0 24px}
/* Typographie */
.tk-redesign .tk-eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--tk-green);margin-bottom:18px;padding:6px 12px;background:rgba(17,154,117,.08);border-radius:999px}
.tk-redesign .tk-eyebrow-light{color:#bff0df;background:rgba(255,255,255,.08)}
.tk-redesign .tk-h1{font-size:clamp(2.1rem,4.6vw,3.7rem);line-height:1.05;letter-spacing:-.02em;font-weight:800;margin:0 0 22px;color:var(--tk-ink)}
.tk-redesign .tk-h1 em{color:var(--tk-green);font-style:normal;position:relative}
.tk-redesign .tk-h1 em::after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.32em;background:rgba(17,154,117,.18);z-index:-1;border-radius:4px}
.tk-redesign .tk-h2{font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.1;letter-spacing:-.02em;font-weight:800;margin:0 0 14px;color:var(--tk-ink)}
.tk-redesign .tk-h2-light{color:#fff}
.tk-redesign h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;color:var(--tk-ink)}
.tk-redesign .tk-lede{font-size:clamp(1.05rem,1.4vw,1.18rem);color:var(--tk-muted);max-width:560px;margin:0 0 32px}
.tk-redesign .tk-muted{color:var(--tk-muted)}
.tk-redesign .tk-muted a{color:var(--tk-green);text-decoration:underline;text-underline-offset:3px}
.tk-redesign .tk-section-head{margin-bottom:48px;max-width:780px}
.tk-redesign .tk-section-head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;max-width:none}
.tk-redesign .tk-section-head-center{text-align:center;margin-left:auto;margin-right:auto}
.tk-redesign .tk-link-arrow{color:var(--tk-green);font-weight:700;border-bottom:2px solid transparent;padding-bottom:2px;transition:border-color .2s;white-space:nowrap}
.tk-redesign .tk-link-arrow:hover{border-color:var(--tk-green)}
/* Boutons */
.tk-redesign .tk-cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.tk-redesign .tk-cta-row-center{justify-content:center}
.tk-redesign .tk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 26px;border-radius:999px;font-weight:700;font-size:.98rem;letter-spacing:-.005em;transition:all .2s ease;border:2px solid transparent;cursor:pointer;line-height:1;text-align:center}
.tk-redesign .tk-btn-primary{background:var(--tk-ink);color:#fff;border-color:var(--tk-ink)}
.tk-redesign .tk-btn-primary:hover{background:var(--tk-green);border-color:var(--tk-green);transform:translateY(-1px)}
.tk-redesign .tk-btn-ghost{background:transparent;color:var(--tk-ink);border-color:rgba(21,21,21,.18)}
.tk-redesign .tk-btn-ghost:hover{border-color:var(--tk-ink);background:rgba(21,21,21,.04)}
.tk-redesign .tk-btn-light{background:#fff;color:var(--tk-ink);border-color:#fff}
.tk-redesign .tk-btn-light:hover{background:var(--tk-green);color:#fff;border-color:var(--tk-green)}
.tk-redesign .tk-btn-block{display:flex;width:100%}
/* HERO */
.tk-redesign .tk-hero{padding:64px 0 80px;background:linear-gradient(180deg,var(--tk-cream) 0%,var(--tk-cream-2) 100%)}
.tk-redesign .tk-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
.tk-redesign .tk-trust-row{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;border-top:1px solid var(--tk-border);padding-top:24px}
.tk-redesign .tk-trust-row li{display:flex;flex-direction:column}
.tk-redesign .tk-trust-row strong{font-size:1.35rem;font-weight:800;color:var(--tk-ink);letter-spacing:-.02em;line-height:1.1}
.tk-redesign .tk-trust-row span{font-size:.82rem;color:var(--tk-muted);margin-top:4px}
.tk-redesign .tk-hero-visual{position:relative}
.tk-redesign .tk-hero-mock{border-radius:var(--tk-radius-lg);overflow:hidden;box-shadow:var(--tk-shadow-lg);background:#fff;transform:rotate(.5deg)}
.tk-redesign .tk-hero-mock img{aspect-ratio:4/3;object-fit:cover;width:100%}
/* TRUST BAND */
.tk-redesign .tk-trust-band{background:var(--tk-ink);color:#e9e9e9;padding:24px 0}
.tk-redesign .tk-trust-band p{margin:0;text-align:center;font-size:1rem;color:#e9e9e9}
.tk-redesign .tk-trust-band strong{color:#fff}
/* WHY */
.tk-redesign .tk-why{padding:96px 0;background:var(--tk-cream)}
.tk-redesign .tk-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.tk-redesign .tk-why-card{background:#fff;border:1px solid var(--tk-border);border-radius:var(--tk-radius-lg);padding:36px 32px;transition:transform .2s,box-shadow .2s}
.tk-redesign .tk-why-card:hover{transform:translateY(-2px);box-shadow:var(--tk-shadow)}
.tk-redesign .tk-why-num{font-size:.85rem;font-weight:800;color:var(--tk-green);letter-spacing:.08em;margin-bottom:18px}
.tk-redesign .tk-why-card h3{font-size:1.25rem;margin-bottom:10px}
.tk-redesign .tk-why-card p{color:var(--tk-muted);margin:0;font-size:.98rem}
/* WORK */
.tk-redesign .tk-work{padding:96px 0;background:var(--tk-cream-2);border-top:1px solid var(--tk-border);border-bottom:1px solid var(--tk-border)}
.tk-redesign .tk-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.tk-redesign .tk-work-card{display:block;background:#fff;border-radius:var(--tk-radius-lg);overflow:hidden;border:1px solid var(--tk-border);transition:transform .25s,box-shadow .25s}
.tk-redesign .tk-work-card:hover{transform:translateY(-4px);box-shadow:var(--tk-shadow-lg)}
.tk-redesign .tk-work-img{aspect-ratio:16/10;overflow:hidden;background:var(--tk-cream)}
.tk-redesign .tk-work-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.tk-redesign .tk-work-card:hover .tk-work-img img{transform:scale(1.03)}
.tk-redesign .tk-work-meta{padding:24px 28px 28px}
.tk-redesign .tk-work-tag{display:inline-block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tk-green);font-weight:700;margin-bottom:8px}
.tk-redesign .tk-work-card h3{font-size:1.35rem;margin-bottom:6px}
.tk-redesign .tk-work-card p{color:var(--tk-muted);margin:0;font-size:.95rem}
/* PROCESS */
.tk-redesign .tk-process{padding:96px 0;background:var(--tk-ink);color:#fff}
.tk-redesign .tk-process .tk-eyebrow{background:rgba(255,255,255,.08);color:#bff0df}
.tk-redesign .tk-process .tk-h2{color:#fff}
.tk-redesign .tk-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.tk-redesign .tk-step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);border-radius:var(--tk-radius-lg);padding:36px 30px}
.tk-redesign .tk-step-num{font-size:.85rem;font-weight:800;color:var(--tk-green);letter-spacing:.08em;margin-bottom:18px;display:inline-block;padding:6px 12px;border-radius:999px;background:rgba(17,154,117,.15)}
.tk-redesign .tk-step h3{color:#fff;font-size:1.25rem;margin-bottom:10px}
.tk-redesign .tk-step p{color:#c5c5c5;margin:0;font-size:.98rem}
.tk-redesign .tk-step-mid{background:rgba(17,154,117,.10);border-color:rgba(17,154,117,.30)}
/* OFFERS */
.tk-redesign .tk-offers{padding:96px 0;background:var(--tk-cream)}
.tk-redesign .tk-offers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.tk-redesign .tk-offer-card{background:#fff;border:1px solid var(--tk-border);border-radius:var(--tk-radius-lg);padding:36px 30px;display:flex;flex-direction:column;position:relative}
.tk-redesign .tk-offer-card-featured{border:2px solid var(--tk-green);box-shadow:var(--tk-shadow-lg);transform:translateY(-6px)}
.tk-redesign .tk-offer-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--tk-green);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:6px 14px;border-radius:999px;white-space:nowrap}
.tk-redesign .tk-offer-card h3{font-size:1.4rem;margin-bottom:8px}
.tk-redesign .tk-offer-price{margin:0 0 14px;color:var(--tk-muted);font-size:.95rem}
.tk-redesign .tk-offer-price strong{font-size:1.5rem;color:var(--tk-ink);font-weight:800}
.tk-redesign .tk-offer-desc{color:var(--tk-muted);margin:0 0 22px;font-size:.98rem}
.tk-redesign .tk-offer-list{list-style:none;padding:0;margin:0 0 28px;flex:1}
.tk-redesign .tk-offer-list li{padding:10px 0 10px 28px;border-bottom:1px solid var(--tk-border);position:relative;color:var(--tk-ink);font-size:.95rem}
.tk-redesign .tk-offer-list li:last-child{border-bottom:none}
.tk-redesign .tk-offer-list li::before{content:"✓";position:absolute;left:4px;top:10px;color:var(--tk-green);font-weight:800;font-size:1rem}
.tk-redesign .tk-offers-note{text-align:center;color:var(--tk-muted);font-size:.95rem;margin:32px auto 0;max-width:680px}
/* FAQ */
.tk-redesign .tk-faq{padding:96px 0;background:var(--tk-cream-2)}
.tk-redesign .tk-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.tk-redesign .tk-faq-head{position:sticky;top:24px}
.tk-redesign .tk-faq-list{display:flex;flex-direction:column;gap:12px}
.tk-redesign .tk-faq-item{background:#fff;border:1px solid var(--tk-border);border-radius:var(--tk-radius);overflow:hidden;transition:border-color .2s}
.tk-redesign .tk-faq-item[open]{border-color:var(--tk-green)}
.tk-redesign .tk-faq-item summary{list-style:none;cursor:pointer;padding:20px 56px 20px 24px;font-weight:700;font-size:1.05rem;position:relative;color:var(--tk-ink)}
.tk-redesign .tk-faq-item summary::-webkit-details-marker{display:none}
.tk-redesign .tk-faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:1.6rem;color:var(--tk-green);font-weight:400;line-height:1}
.tk-redesign .tk-faq-item[open] summary::after{content:"−"}
.tk-redesign .tk-faq-body{padding:0 24px 22px;color:var(--tk-muted);font-size:.98rem}
.tk-redesign .tk-faq-body p{margin:0}
.tk-redesign .tk-faq-body strong{color:var(--tk-ink)}
/* FINAL */
.tk-redesign .tk-final{padding:96px 0;background:var(--tk-cream)}
.tk-redesign .tk-final-card{background:var(--tk-ink);border-radius:var(--tk-radius-lg);padding:80px 48px;text-align:center;background-image:radial-gradient(circle at 20% 20%,rgba(17,154,117,.18),transparent 50%),radial-gradient(circle at 80% 80%,rgba(17,154,117,.12),transparent 50%);position:relative;overflow:hidden}
.tk-redesign .tk-final-lede{color:#c5c5c5;font-size:1.1rem;max-width:560px;margin:8px auto 36px}
.tk-redesign .tk-final-trust{margin:24px 0 0;color:#9a9a9a;font-size:.88rem}
/* Responsive */
@media (max-width:1024px){
.tk-redesign .tk-hero-grid{grid-template-columns:1fr;gap:48px}
.tk-redesign .tk-hero-visual{order:-1;max-width:520px}
.tk-redesign .tk-why-grid,.tk-redesign .tk-work-grid{grid-template-columns:repeat(2,1fr)}
.tk-redesign .tk-process-grid,.tk-redesign .tk-offers-grid{grid-template-columns:1fr;gap:18px}
.tk-redesign .tk-offer-card-featured{transform:none}
.tk-redesign .tk-faq-grid{grid-template-columns:1fr;gap:36px}
.tk-redesign .tk-faq-head{position:static}
}
@media (max-width:680px){
.tk-redesign .tk-hero{padding:40px 0 56px}
.tk-redesign .tk-why,.tk-redesign .tk-work,.tk-redesign .tk-process,.tk-redesign .tk-offers,.tk-redesign .tk-faq,.tk-redesign .tk-final{padding:64px 0}
.tk-redesign .tk-final-card{padding:56px 24px}
.tk-redesign .tk-trust-row{grid-template-columns:repeat(2,1fr);gap:14px}
.tk-redesign .tk-why-grid,.tk-redesign .tk-work-grid{grid-template-columns:1fr}
.tk-redesign .tk-cta-row .tk-btn{width:100%}
.tk-redesign .tk-section-head-row{flex-direction:column;align-items:flex-start}
.tk-redesign .tk-faq-item summary{font-size:1rem;padding:18px 50px 18px 20px}
}
Agence web — Montréal & Québec
Des sites web qui transforment vos visiteurs en clients.
Stratégie, design et développement WordPress sur mesure. Aucun template. Aucune surprise. Juste un site bâti pour générer des leads et faire grandir votre entreprise.
- 100+sites livrés
- 12+années d'expertise
- 6 à 15 sem.délai moyen
- 50%au démarrage
Nous bâtissons des sites web qui ne sont pas seulement beaux — ils sont conçus pour convertir, performants sur mobile, optimisés SEO, et faciles à mettre à jour.
Pourquoi Tactik Media
Le site web est votre meilleur vendeur. Il devrait travailler 24/7.
02
Pensé pour la conversion
Architecture, copy et parcours utilisateur travaillés pour maximiser les soumissions, appels et ventes — pas seulement le trafic.03
SEO intégré dès le départ
Structure technique propre, vitesse de chargement optimale, balisage sémantique. Google adore. Vos clients aussi.04
Vous gardez le contrôle
WordPress avec interface simple. Formation incluse à la livraison. Plus jamais bloqué chez un fournisseur qui ne répond pas.Nos réalisations
Voir tous les projets →
Des projets qui livrent des résultats.
Notre approche
Trois étapes. Zéro flou.
01
Comprendre
On plonge dans votre entreprise, vos objectifs, votre clientèle. Pas de questionnaire générique — une vraie conversation de découverte.02
Stratégie & design
Architecture du site, wireframes, copy de conversion, design UX/UI. Vous validez chaque étape avant qu'on code une seule ligne.03
Développement & lancement
WordPress sur mesure, performances optimisées, SEO en place. On forme votre équipe et on reste là après la mise en ligne.Nos services
Choisissez le format qui fait grandir votre business.
Site vitrine
À partir de 5 000 $
Site web professionnel conçu pour positionner votre marque et générer des leads qualifiés.
- Design sur mesure
- 5 à 10 pages stratégiques
- SEO de base inclus
- Formulaires de conversion
- Formation incluse
Catalogue en ligne
À partir de 12 000 $
Présentez vos produits avec un catalogue interactif qui transforme le navigateur en client.
- Catalogue produits dynamique
- Filtres et recherche avancés
- Fiches produits optimisées SEO
- Demandes de soumission intégrées
- Formation + 30 jours de support
Solution RH
À partir de 15 000 $
Site carrière pour attirer les meilleurs talents et renforcer votre marque employeur.
- Portail de candidatures
- Pages emplois optimisées
- Marque employeur sur mesure
- Intégration ATS au besoin
- Formation incluse
Tous nos projets incluent un site 100% responsive, hébergement compatible, et migration de site existant en moins d'une journée.
FAQ
Les questions qu'on nous pose le plus souvent.
Vous avez une question qui n'est pas ici ? Parlons-en directement.
Combien coûte un site web ?
Nos projets démarrent à 5 000 $ pour un site vitrine et peuvent monter jusqu'à 25 000 $ pour des plateformes plus complexes. On vous donne un prix fixe après une première conversation — pas de coûts cachés.
Combien de temps prend un projet ?
Entre 6 et 15 semaines selon la complexité, à condition d'avoir vos contenus et validations en main. On définit un calendrier ferme dès la signature.
Comment se passe le paiement ?
50% à la signature, 25% à l'approbation des maquettes, 25% à la livraison. Aucun frais surprise.
Mon site sera-t-il optimisé pour mobile ?
Évidemment. 100% responsive, testé sur les principaux appareils. Aucun frais supplémentaire.
Pouvez-vous rédiger le contenu pour moi ?
Oui. On peut écrire, réviser ou améliorer votre contenu existant. C'est aussi une bonne occasion d'optimiser le copy pour la conversion et le SEO.
J'ai déjà un site. Comment se passe la migration ?
On bâtit le nouveau site en parallèle, sans toucher au vôtre. À la mise en ligne, on remplace l'ancien — souvent en moins de 10 minutes, sans interruption.
Prêt à passer à l'action ?
Discutons de votre projet. Soumission gratuite en moins de 24h.
Un appel de 20 minutes pour comprendre vos objectifs, un prix fixe par écrit, et un calendrier clair. Aucun engagement.
Réponse sous 24h ouvrables · Plus de 100 projets livrés au Québec
Liens utiles
Langues
Services
Région de Montréal
Région de Québec
2026 © Tous droits réservés - TactikMedia