Développement de site web pour entreprise de conseil

Objet : Devis — Site institutionnel bilingue pour cabinet de conseil B2B

Bonjour,

Nous préparons la création du site institutionnel de notre cabinet de conseil et souhaitons recevoir un devis détaillé pour la conception, le développement et la mise en ligne du projet décrit ci-dessous.

Merci de nous adresser une proposition chiffrée incluant : design, développement, intégration des contenus que nous fournirons, mise en production, et option de maintenance évolutive sur 12 mois.

---

1. PRÉSENTATION DU PROJET

Nous sommes un cabinet de conseil B2B accompagnant des PME et des startups en croissance. Notre site doit servir trois objectifs : présenter clairement notre offre commerciale, démontrer notre crédibilité (équipe, références, contenus éditoriaux), et convertir un visiteur qualifié soit vers un rendez-vous en visio, soit vers un formulaire de contact qualifié.

Le site sera bilingue français / anglais dès la mise en ligne, les deux versions étant strictement miroir. Aucun espace client ni back-office n'est prévu : il s'agit d'un site vitrine éditorial public.

Audiences principales :
- Prospects B2B (dirigeants de PME, fondateurs de startups) qui découvrent notre offre.
- Lecteurs arrivant via Google sur nos contenus éditoriaux (blog).
- Tiers professionnels (banques, investisseurs, partenaires) consultant nos mentions légales et notre périmètre d'activité.

---

2. PAGES ET FONCTIONNALITÉS ATTENDUES

2.1 Navigation et chrome
- En-tête : logo, menu de navigation principal, indicateur visuel animé de l'onglet courant, sélecteur de langue FR/EN renvoyant vers la page équivalente.
- Pied de page : liens secondaires (mentions, CGV, périmètre réglementaire, plan du site), bloc de mentions réglementaires.
- Page 404 personnalisée bilingue.

2.2 Page d'accueil
Vitrine éditoriale composée de plusieurs sections : accroche principale, bandeau de chiffres-clés, piliers d'expertise, étapes de notre méthode, présentation rapide des associés, blocs d'appel à l'action vers la prise de rendez-vous et le catalogue.

2.3 Page « Nos prestations » (catalogue commercial)
- Catalogue structuré en 4 grandes catégories + une prestation transverse de cadrage initial.
- Une vingtaine de produits commerciaux présentés en cartes : nom, durée, tarif HT, description, badges éventuels (recommandé, NDA, etc.).
- FAQ intégrée en bas de page.
- Ancres internes stables permettant de pointer un lien externe directement sur une catégorie.

2.4 Page « Équipe »
Présentation de 3 portraits : photo, fonction, biographie courte et longue, lien LinkedIn. Données structurées équivalentes pour le SEO.

2.5 Page « Références » (cas clients)
- Liste éditoriale d'une demi-douzaine de cas clients, présentés en cartes alternées (zigzag) avec secteur, profil, contexte / méthode / résultat en 1 phrase chacun.
- Chaque cas dispose d'une fiche détaillée dédiée (page autonome générée à partir d'un contenu structuré) avec récit long, méthodologie mobilisée et exclusions de périmètre.

2.6 Blog éditorial
- Page liste : extrait, date, auteur, catégorie, filtre par thème.
- Page article : contenu long, métadonnées auteur, temps de lecture, bouton de partage LinkedIn.

2.7 Page « Prendre rendez-vous »
Intégration d'un outil de réservation externe (type Cal.com) en iframe. Le visiteur choisit la personne à rencontrer (parmi 2 associés) puis le format de rendez-vous. Affichage conditionnel du bon calendrier selon les choix.

2.8 Page « Contact »
Formulaire qualifié (nom, email, téléphone, type de demande, message). À la soumission :
- Validation côté client et côté serveur, protections anti-spam (honeypot, longueur, captcha optionnel).
- Notification email à notre équipe via service transactionnel.
- Envoi automatique vers notre CRM par webhook signé (HMAC), avec transmission des paramètres UTM, referrer et page d'atterrissage.
- Limitation de débit par IP.
- Accusé de réception affiché à l'utilisateur.

2.9 Page FAQ
Une vingtaine de questions organisées en 4 blocs thématiques, format accordéon dépliable, ancres profondes vers chaque question, données structurées FAQPage pour Google.

2.10 Pages légales et réglementaires
Mentions légales, CGV, politique de confidentialité, politique cookies, page « périmètre d'activité » détaillée, bandeau cookies avec consentement (accepter / refuser / personnaliser).

2.11 SEO et indexation
- Balises meta titre / description par page, Open Graph, Twitter Card.
- Sitemap XML multi-locale avec annotations hreflang FR↔EN pour chaque page.
- robots.txt, gestion des redirections 301.
- Données structurées JSON-LD : ProfessionalService, Person, FAQPage, BreadcrumbList, Article, BlogPosting.
- Page « plan du site » HTML lisible par un humain.

2.12 Bilinguisme FR/EN
Miroir intégral des contenus, URLs distinctes par langue, sélecteur contextuel, balises hreflang cohérentes des deux côtés.

---

3. INTÉGRATIONS EXTERNES ATTENDUES

- Resend (ou équivalent type SendGrid / Postmark) : email transactionnel de notification à chaque demande de contact.
- Cal.com (ou équivalent) : réservation en ligne sur la page « Prendre rendez-vous ».
- Webhook CRM : POST signé HMAC vers notre CRM à chaque soumission du formulaire.
- Captcha invisible (Cloudflare Turnstile ou équivalent) : anti-bot sur le formulaire de contact.
- Bouton de partage LinkedIn sur chaque article du blog.

Aucune intégration de paiement, d'authentification utilisateur, d'espace client ou de SSO n'est requise.

---

4. VOLUMÉTRIE INDICATIVE

- Pages / écrans distincts : environ 30 routes (une quinzaine de pages × 2 langues), plus 2 gabarits dynamiques (blog + cas clients).
- Composants UI réutilisables à concevoir : environ 25.
- Base de données relationnelle : aucune. Contenu géré en fichiers structurés versionnés.
- Articles de blog au lancement : une dizaine.
- Cas clients détaillés au lancement : une demi-douzaine.
- Produits dans le catalogue commercial : ~20 produits en 4 catégories.
- Formulaires interactifs : 1 (contact).

---

5. STACK TECHNIQUE SOUHAITÉE

Nous sommes ouverts aux propositions, mais nos préférences sont :
- Frontend : framework statique moderne (Astro, Next.js, Nuxt ou équivalent) en TypeScript, CSS utilitaire (Tailwind), micro-animations légères.
- Fonction serverless pour le formulaire de contact (TypeScript).
- Pas de base de données : contenu en fichiers Markdown + fichiers de configuration versionnés Git.
- Hébergement : Cloudflare Pages (de préférence) ou Vercel, avec gestion des secrets côté plateforme.
- Optimisation des médias : génération automatique de variantes WebP responsives au build.

---

6. CE QUE NOUS ATTENDONS DANS VOTRE DEVIS

1. Découpage par lots des coûts (design, développement, intégration de contenus, SEO, mise en production).
2. Délai indicatif de livraison entre kick-off et mise en ligne.
3. Équipe projet mobilisée et profil(s) (designer, dev front, dev fonction serverless, PM, QA).
4. Périmètre de la TMA post-livraison sur 12 mois et son coût mensuel.
5. Options chiffrées séparément :
- Rédaction des contenus éditoriaux (nous pouvons les fournir si moins coûteux pour vous).
- Création des visuels et photos d'équipe.
- Tests utilisateurs et audit d'accessibilité RGAA niveau AA.
6. Conditions de propriété intellectuelle sur le code livré (nous attendons une cession complète).

---

7. CE QUE NOUS FOURNISSONS

- Contenus éditoriaux finalisés (textes des pages, articles, cas clients, FAQ) en français et anglais.
- Logo et charte graphique de référence.
- Photos d'équipe.
- Accès aux comptes Cloudflare, Resend, Cal.com et CRM pour la mise en production.

---

Merci d'adresser votre proposition à ••••@•••• en précisant en objet « Devis — Site institutionnel bilingue ».

Nous restons à votre disposition pour tout complément d'information ou