1) Présentation générale du projet
1.1 Contexte
Expliquez pourquoi ce projet est lancé maintenant.
- Création ex nihilo, refonte d’un site devenu obsolète, extension d’un service existant,
- Contraintes ou opportunités : RGPD, accessibilité, nouvelle offre, automatisation de processus, etc.
1.2 Objectifs
Formulez des objectifs clairs et mesurables (idéalement SMART).
- Business/Marketing : générer des leads qualifiés, augmenter le panier moyen, améliorer la rétention, accroître la notoriété.
- Produit/UX : simplifier un parcours, réduire le temps de tâche, améliorer la satisfaction (NPS).
- Technique : moderniser la stack, réduire les coûts d’hébergement, améliorer la sécurité.
1.3 Publics cibles
Décrivez vos audiences (B2B/B2C), segments (PME, grands comptes), zones géographiques, niveaux de maturité digitale, contraintes (mobile-only, accessibilité renforcée, multi-langue).
1.4 Périmètre
Cadrez ce qui est inclus maintenant (MVP) et ce qui sera hors scope ou en phase ultérieure.
- Inclus : site vitrine avec blog et formulaire de contact.
- Hors scope : espace client connecté (phase 2), marketplace (phase 3).
1.5 Indicateurs clés (KPI)
- Trafic, conversion, activation, churn, performance (LCP/CLS), taux d’erreur, disponibilité,
- SEO (impressions, positions), engagement, CA, coût d’acquisition.
2) Description graphique & ergonomique
2.1 Identité visuelle & charte
Précisez les éléments existants (logo, palette, typographies, iconographie) ou les besoins de création. Mentionnez des références/moodboards et les contraintes de marque.
2.2 Expérience utilisateur (UX)
- Principes d’ergonomie : lisibilité, hiérarchie, contrastes, feedbacks.
- Responsive (mobile-first recommandé) & accessibilité (objectif WCAG 2.1 AA).
- Parcours clés : découverte → preuve → conversion → réassurance.
2.3 Prototypage & maquettes
Indiquez si vous fournissez des wireframes/maquettes (Figma, Adobe XD…) ou si vous attendez cette prestation du partenaire.
- Livrables : user flows, maquettes desktop/mobile, composants UI, design system (si pertinent).
3) Description fonctionnelle & technique
3.1 Arborescence
Fournissez un schéma des pages/écrans et la hiérarchie des contenus.
3.2 Fonctionnalités attendues (format User Stories)
Pour chaque fonctionnalité, utilisez une structure simple et non ambiguë :
En tant que [acteur/utilisateur], je souhaite [action] afin de [bénéfice/objectif].
Exemples
- Formulaires
- En tant que visiteur, je souhaite remplir un formulaire de contact afin de poser mes questions sans appeler.
- En tant qu’administrateur, je souhaite recevoir les données dans mon tableau de bord afin de ne perdre aucune demande.
- Espace membre
- En tant qu’utilisateur inscrit, je souhaite mettre à jour mes informations personnelles afin de tenir mon profil à jour.
- En tant que membre premium, je souhaite accéder à un espace réservé afin de bénéficier de contenus exclusifs.
- Paiement
- En tant que client, je souhaite payer par carte ou portefeuille électronique afin de finaliser mon achat facilement.
- En tant qu’abonné, je souhaite configurer un paiement récurrent afin d’éviter la ressaisie mensuelle.
- Géolocalisation
- En tant qu’utilisateur mobile, je souhaite partager ma position afin de trouver les points de vente les plus proches.
- En tant que livreur, je souhaite voir l’adresse exacte du client sur une carte afin d’optimiser mon trajet.
- Notifications push
- En tant qu’utilisateur, je souhaite recevoir une notification lors d’une nouvelle publication afin de ne rien rater.
- En tant que client, je souhaite être alerté quand ma commande est expédiée afin de suivre son avancement.
3.3 Données & contenus
- Sources (contenus fournis vs à produire), formats (texte, image, vidéo), règles de validation.
- Modèles de données, métadonnées, versions/traductions (i18n).
- SEO : balises, sitemap, robots, Open Graph, micro-données si besoin.
3.4 Intégrations & API
- Services tiers : CRM/ERP, PSP (paiement), analytics, marketing automation.
- Flux/API, sécurité (auth, scopes, rate limiting), webhooks, résilience.
3.5 Exigences non fonctionnelles
- Performance (Core Web Vitals), sécurité (OWASP), qualité (tests, CI/CD).
- Accessibilité, observabilité (logs, traces, métriques), compatibilité navigateurs, disponibilité (SLA).
4) Prestations attendues & organisation
- Périmètre : design, développement, intégration, SEO, hébergement, formation.
- Planning : jalons (maquettes, prototype, tests, mise en production).
- Méthodologie : agile/itérative, rituels, livrables intermédiaires.
- Livrables : maquettes, code source, documentation, guides d’utilisation.
5) Modalités de sélection & budget
- À fournir par le prestataire : références, devis détaillé, planning, équipe projet, méthodologie.
- Critères d’évaluation : expérience, qualité, délais, coûts, compréhension des enjeux.
- Budget : fourchette (MVP vs scope complet), TMA éventuelle.
6) Annexes
- Arborescence détaillée, user flows, maquettes supplémentaires,
- Exemples de sites/apps inspirants, documents et statistiques de l’existant, glossaire.
Bon à savoir : un cahier des charges clair, précis et exhaustif sert à la fois d’outil de communication, de cadre contractuel et de référence tout au long du projet.