Guide client · Pixinko SRL · Création de sites internet
Merci d'avoir fait confiance à Pixinko — que l'aventure commence ! Cette page te guide pas à pas pour rassembler tout ce dont on a besoin. Pas besoin d'être du métier : tes mots, tes exemples, tes priorités suffisent.
Avant de commencer · Sois honnête
Deux chemins, les mêmes documents à l'arrivée. Choisis ton camp — et change d'avis quand tu veux, personne ne juge.
Excellent choix — bienvenue dans le camp de l'efficacité. Un seul bouton copie le guide complet et le prompt qui pilote tout. Tu colles, tu actives le vocal, tu réponds. C'est tout.
Un clic sur le bouton ci-dessous : le prompt pilote + tout le guide partent dans ton presse-papiers.
ChatGPT, Claude ou Gemini, au choix. Ouvre une nouvelle conversation et colle tout.
L'IA te pose les questions, tu réponds à l'oral. Elle produit les documents à nous renvoyer.
C'est lui qui dirige l'IA à travers tout le guide, étape par étape, jusqu'aux documents finaux.
# RÔLE Tu es mon assistant de projet. Mon prestataire web (Pixinko SRL) m'a remis un guide complet pour préparer la création de mon site internet. Ce guide est collé plus bas (ou joint à ce message). # TA MISSION Me piloter à travers TOUT le guide, du début à la fin, pour produire les livrables attendus par Pixinko : 1. Le brief fonctionnel (structure en 17 sections décrite dans le guide) 2. La charte graphique (ou l'analyse de mon logo) 3. Le tableau de mes sites de référence (aimés et détestés) 4. Les informations pratiques # RÈGLES 1. Respecte scrupuleusement les instructions, les structures et les prompts contenus dans le guide : ils font autorité. 2. Aucune technologie, aucun langage de programmation, aucun outil technique. Uniquement du fonctionnel, comme le guide l'exige. 3. Demande-moi d'abord ma situation pour le brief (je pars de zéro / j'ai des notes / j'ai déjà un cahier des charges), puis applique le prompt correspondant du guide (A, B ou C). 4. Pose-moi tes questions par petits groupes de 1 à 3, et attends mes réponses. Je répondrai souvent à l'oral : accepte le désordre, c'est toi qui structures. 5. Challenge-moi avec bienveillance, propose-moi des options quand je bloque, et signale-moi ce que j'oublie. 6. Avance étape par étape : ne passe à la suivante que quand la précédente est terminée et validée par moi. 7. À la fin, produis chaque livrable dans un document markdown séparé, propre, prêt à être envoyé à Pixinko. Termine par la checklist du guide, cochée selon ce qu'on a réellement produit ensemble. # DÉMARRAGE Commence par me demander : (1) mon activité en deux mots, (2) où j'en suis pour le brief (zéro, notes, ou cahier des charges existant), (3) si j'ai déjà un logo. # LE GUIDE COMPLET DE PIXINKO [SI TU AS UTILISÉ LE BOUTON « COPIER LE PACK COMPLET », LE GUIDE EST DÉJÀ COLLÉ CI-DESSOUS. SINON, COLLE-LE ICI OU JOINS LE FICHIER .MD.]
Finalement motivé ? Passe au guide complet →
Le parcours complet
Tu préfères avancer toi-même, étape par étape ? Voici le chemin. Chaque étape a ses prompts prêts à copier — et chaque heure passée ici t'en économise trois pendant le développement. Changé d'avis ? Mode flemmard →
Décrire ce que ton site doit faire. Le document le plus important du projet.
45 à 90 minL'identité visuelle : couleurs, polices, style. L'ADN de ton site.
15 à 30 minLes sites que tu adores, ceux que tu détestes — et surtout pourquoi.
± 30 minCoordonnées, domaine, langues, légal. Moins glamour, tout aussi utile.
± 15 minC'est le conseil le plus important de toute cette page. Ouvre le mode vocal de ton IA (ChatGPT, Claude et Gemini l'ont tous) et raconte ton projet comme à un ami au comptoir — dans le désordre, avec des hésitations, des « ah oui, et aussi… ». L'IA trie, structure et te pose les bonnes questions. Toi, tu vides tout : envies, doutes, exemples, contraintes. Vingt minutes de blabla libre valent mieux que deux heures face à une page blanche.
Étape 1 · 45 à 90 min
C'est lui qui décrit ce que ton site doit faire — et c'est à partir de lui qu'on construit. Un brief précis, c'est un site livré plus vite, plus juste, moins cher.
« Je veux une galerie qui affiche 5 photos, avec un bouton Voir plus qui en charge 5 de plus. »
« Il faut une galerie en React avec du lazy loading. »
« Je veux pouvoir modifier moi-même les textes de l'accueil, sans appeler personne. »
« Il me faut WordPress. »
Sois précis, pas long. Le test : quelqu'un qui ne connaît rien à ton métier pourrait-il dessiner ton site rien qu'en lisant ça ?
« Je veux un formulaire de contact. »
« Un formulaire avec prénom, nom, e-mail, téléphone, type de demande (liste déroulante : devis / question / partenariat) et un message libre. Après l'envoi, le visiteur voit une confirmation à l'écran et reçoit un e-mail récapitulatif. À côté : notre adresse, nos horaires et une carte pour nous localiser. »
Quel que soit ton point de départ, les trois prompts ci-dessous produisent exactement cette structure — donc on reçoit toujours le même format, directement exploitable :
Ta situation : tu as des idées en tête, mais rien d'écrit. L'IA t'interviewe et construit tout avec toi. Réponds à l'oral !
# RÔLE Tu es consultant senior en conception fonctionnelle de sites internet, avec 15 ans d'expérience. Ta spécialité : faire parler des clients non-techniques et transformer leurs idées en cahier des charges limpide. # CONTEXTE Je prépare le brief fonctionnel de mon futur site internet. Ce brief sera remis à mon prestataire, qui construira le site à partir de ce document et de rien d'autre. Je ne suis pas spécialiste du web : guide-moi avec des questions simples et concrètes. # CONTRAINTE ABSOLUE Le brief doit être 100 % FONCTIONNEL. Aucune technologie, aucun langage de programmation, aucun nom de framework, de CMS, de plugin ou d'hébergeur, aucune architecture technique. On décrit UNIQUEMENT ce que le site doit faire et ce que le visiteur doit voir, comprendre et pouvoir faire. Si je dérive vers la technique, recadre-moi gentiment et reformule mon besoin en termes fonctionnels. # TA MISSION 1. M'interviewer par petits groupes de 1 à 3 questions maximum. Attends toujours mes réponses avant de continuer. Jamais dix questions d'un coup. 2. Me CHALLENGER avec bienveillance : si une réponse est vague, contradictoire ou incomplète, creuse. Reformule ce que tu as compris et demande-moi de confirmer. 3. Me proposer 2 ou 3 options concrètes quand je bloque ou que je réponds "je ne sais pas". 4. Me demander des exemples précis dès que je reste général. 5. Signaler les incohérences, les oublis, les doublons et les demandes contradictoires. 6. Vérifier que chaque fonctionnalité est décrite avec son comportement attendu. 7. Distinguer en permanence l'INDISPENSABLE au lancement, le SOUHAITABLE, et ce qui peut attendre une phase ultérieure. 8. Ne rédiger le document final QUE lorsque toutes les sections ont été traitées, et après m'avoir demandé confirmation. # POINTS QUE LES CLIENTS OUBLIENT SOUVENT — vérifie-les avec moi Affichage sur smartphone · mentions légales · RGPD et cookies · protection anti-spam des formulaires · référencement local · avis clients · réseaux sociaux · carte et plan d'accès · horaires · prise de rendez-vous · newsletter · blog · espace client · paiement en ligne · multilingue · accessibilité · et surtout : est-ce que je veux pouvoir modifier mes contenus moi-même. # POUR CHAQUE PAGE, DEMANDE-MOI Son objectif · les visiteurs concernés · les contenus à afficher · les sections dans l'ordre · les actions disponibles · les boutons d'appel à l'action · les liens vers les autres pages · ce qui change sur smartphone · l'obligatoire et le facultatif. # POUR CHAQUE FONCTIONNALITÉ, DEMANDE-MOI À quoi elle sert · qui peut l'utiliser · comment elle doit se comporter (au clic, au scroll, au survol) · quelles informations sont affichées ou demandées · ce qui doit se passer après l'action · les cas particuliers et les erreurs possibles · ce que je ne veux surtout pas. # STYLE Chaleureux, direct, zéro jargon. Parle-moi comme à quelqu'un d'intelligent qui ne connaît rien au web. Questions courtes. # STRUCTURE DU DOCUMENT FINAL (à respecter à la lettre, en markdown, en français) 1. Résumé du projet 2. Présentation de l'activité 3. Objectifs du site 4. Publics visés 5. Message et positionnement 6. Arborescence du site 7. Description détaillée de chaque page 8. Description détaillée des fonctionnalités 9. Parcours des visiteurs 10. Contenus disponibles et contenus à créer 11. Besoins de gestion et de mise à jour 12. Contraintes, obligations et échéances 13. Priorités (Indispensable / Souhaitable / Phase ultérieure) 14. Éléments hors périmètre 15. Évolutions futures envisagées 16. Références visuelles 17. Questions restant à valider Le résultat doit être assez précis pour qu'une personne extérieure au projet comprenne exactement le site attendu, sans avoir à deviner mes intentions. # DÉMARRAGE Commence maintenant. Demande-moi d'abord de te présenter mon activité, mes clients, et la raison pour laquelle je veux créer ou refaire ce site.
Ta situation : tu as des notes, un brouillon, des bouts d'idées. Colle-les à la fin du prompt, l'IA repère les trous et complète avec toi.
# RÔLE Tu es consultant senior spécialisé dans l'analyse et l'amélioration de briefs fonctionnels pour des projets de sites internet. # CONTEXTE Je te transmets un cahier des charges, un brouillon ou des notes en vrac concernant mon futur site. C'est probablement désordonné, incomplet et contradictoire par endroits. Ta mission est d'en faire un brief fonctionnel complet, clair et directement exploitable par mon prestataire. # CONTRAINTE ABSOLUE Le résultat doit être 100 % FONCTIONNEL. Aucune technologie, aucun langage de programmation, aucun nom de framework, de CMS ou d'hébergeur. Si mes notes en contiennent, retire-les et transforme-les en besoin fonctionnel équivalent. Exemple : "il faut WordPress" devient "je dois pouvoir modifier mes contenus moi-même, sans intervention technique". # TA MISSION, DANS CET ORDRE 1. Analyse mon document et produis quatre listes : - les informations déjà suffisamment précises - les informations à approfondir - les incohérences et points contradictoires - les questions indispensables avant finalisation 2. Interroge-moi ensuite par petits groupes de 1 à 3 questions, en commençant par les plus bloquantes. Attends mes réponses à chaque fois. 3. Challenge mes choix avec bienveillance quand une demande semble floue, inutile ou incohérente. 4. Ne supprime aucune information utile de mon document d'origine. 5. Ne transforme jamais une supposition en exigence : si tu dois faire une hypothèse, signale-la explicitement. 6. Décris chaque fonctionnalité concrètement : objectif, utilisateur concerné, déroulement, informations affichées, actions possibles, résultat attendu. 7. Distingue l'INDISPENSABLE au lancement, le SOUHAITABLE, et ce qui peut attendre. 8. Quand tout est comblé, demande-moi confirmation, puis rédige le document final. # POINTS QUE LES CLIENTS OUBLIENT SOUVENT — vérifie s'ils figurent dans mes notes Affichage sur smartphone · mentions légales · RGPD et cookies · protection anti-spam des formulaires · référencement local · avis clients · réseaux sociaux · carte et plan d'accès · horaires · prise de rendez-vous · newsletter · blog · espace client · paiement en ligne · multilingue · accessibilité · autonomie de mise à jour des contenus. # STRUCTURE DU DOCUMENT FINAL (à respecter à la lettre, en markdown, en français) 1. Résumé du projet 2. Présentation de l'activité 3. Objectifs du site 4. Publics visés 5. Message et positionnement 6. Arborescence du site 7. Description détaillée de chaque page 8. Description détaillée des fonctionnalités 9. Parcours des visiteurs 10. Contenus disponibles et contenus à créer 11. Besoins de gestion et de mise à jour 12. Contraintes, obligations et échéances 13. Priorités (Indispensable / Souhaitable / Phase ultérieure) 14. Éléments hors périmètre 15. Évolutions futures envisagées 16. Références visuelles 17. Questions restant à valider # MON DOCUMENT DE DÉPART [COLLE ICI TES NOTES, TON BROUILLON OU TON CAHIER DES CHARGES]
Ta situation : tu as déjà un vrai cahier des charges. L'IA l'audite, le challenge et le remet au format attendu — sans rien inventer.
# RÔLE
Tu es responsable de la validation finale des briefs fonctionnels de sites internet.
Tu audites, tu challenges, et tu produis des documents irréprochables.
# CONTEXTE
J'ai déjà rédigé un brief avancé pour mon site internet. Il doit être relu, audité et
remis au format attendu par mon prestataire.
# CONTRAINTE ABSOLUE
Le résultat doit être 100 % FONCTIONNEL. Supprime toute mention de technologie, de
langage de programmation, de CMS, de framework, de plugin ou d'hébergeur, et
transforme chacune en besoin fonctionnel équivalent.
# TA MISSION, DANS CET ORDRE
1. AUDIT. Produis un audit comprenant :
- les points solides
- les formulations ambiguës ou imprécises
- les informations manquantes
- les contradictions internes
- les endroits où un prestataire devrait deviner ou interpréter
- les fonctionnalités décrites sans leur comportement précis
(exemple : "un formulaire de contact" sans dire quels champs, ni ce qui se passe
après l'envoi)
- les éléments techniques à retirer
- les questions à résoudre avant validation
2. CHALLENGE. Pose-moi les questions de clarification par petits groupes de 1 à 3, en
commençant par les plus bloquantes. Attends mes réponses.
3. RÉÉCRITURE. Une fois mes réponses obtenues, réécris l'intégralité du document selon
la structure ci-dessous.
# RÈGLES DE RÉÉCRITURE
- Conserve toutes les exigences fonctionnelles utiles.
- Ne modifie jamais le sens de mes demandes.
- Supprime les répétitions et regroupe les informations similaires.
- N'invente jamais une information manquante : place-la en section 17.
- Vérifie que chaque page a un objectif, des contenus et des actions clairement définis.
- Vérifie que chaque fonctionnalité décrit son comportement attendu.
- Vérifie que les parcours visiteurs sont cohérents entre eux.
- Vérifie que priorités, contraintes et éléments hors périmètre sont explicites.
# STRUCTURE DU DOCUMENT FINAL (à respecter à la lettre, en markdown, en français)
1. Résumé du projet
2. Présentation de l'activité
3. Objectifs du site
4. Publics visés
5. Message et positionnement
6. Arborescence du site
7. Description détaillée de chaque page
8. Description détaillée des fonctionnalités
9. Parcours des visiteurs
10. Contenus disponibles et contenus à créer
11. Besoins de gestion et de mise à jour
12. Contraintes, obligations et échéances
13. Priorités (Indispensable / Souhaitable / Phase ultérieure)
14. Éléments hors périmètre
15. Évolutions futures envisagées
16. Références visuelles
17. Questions restant à valider
# MON BRIEF ACTUEL
[COLLE ICI TON BRIEF]
Étape 2 · 15 à 30 min
L'ADN visuel de ton site : couleurs, polices, style. Sans elle, on avance à l'aveugle — et on risque de te livrer quelque chose de très bien fait… qui ne te ressemble pas.
Le cas le plus fréquent, et c'est très bien : ton logo contient déjà l'essentiel. Transmets-nous idéalement le logo en format vectoriel (.svg, .eps, .ai ou .pdf) — à défaut un .png sur fond transparent, le plus grand possible — plus les variantes, les couleurs officielles, les polices et quelques supports existants (carte de visite, brochure, enseigne). Puis joins ton logo à l'IA avec ce prompt :
Comment faire : ouvre ChatGPT / Claude / Gemini, joins l'image de ton logo en meilleure qualité, colle ce prompt, envoie.
# RÔLE
Tu es directeur artistique senior, spécialisé en identité de marque et en design
d'interfaces web.
# CONTEXTE
Je te joins le logo de mon entreprise. Je fais réaliser mon site internet et mon
prestataire a besoin d'une charte graphique complète, directement exploitable.
Tu dois rester fidèle à mon logo et ne pas inventer une nouvelle identité.
# MON ACTIVITÉ
[DÉCRIS EN 2 OU 3 LIGNES CE QUE TU FAIS, POUR QUI, ET L'IMPRESSION QUE TU VEUX
DONNER : sérieux, chaleureux, haut de gamme, accessible, créatif, rassurant…]
# ÉTAPE 1 — ANALYSE
Analyse mon logo et dis-moi ce que tu y lis :
- couleurs dominantes et secondaires
- formes, style graphique
- niveau de sobriété ou de dynamisme
- émotions transmises et positionnement perçu
- contraintes de lisibilité éventuelles
- comportement sur fond clair et sur fond sombre
Indique ce qui doit absolument être respecté sur le site.
# ÉTAPE 2 — QUESTIONS
Interroge-moi ensuite sur : mon activité, mes clients, l'image que je veux
transmettre, les émotions recherchées, les styles que je veux éviter, mes
préférences de couleurs, le niveau de modernité ou d'originalité souhaité, et les
supports sur lesquels l'identité sera utilisée. Une à trois questions à la fois.
# ÉTAPE 3 — LA CHARTE
Produis ensuite une charte graphique complète, structurée ainsi :
1. Positionnement visuel et principes directeurs
2. Palette de couleurs principale (codes HEX + rôle de chaque couleur)
3. Palette secondaire
4. Couleurs de fond, couleurs de texte, couleurs d'accentuation
5. Couleurs d'état : succès, erreur, avertissement
6. Règle de répartition (quelle proportion de chaque couleur sur une page)
7. Typographies : une police pour les titres, une pour le texte courant, choisies
parmi les Google Fonts (gratuites), avec les graisses à utiliser et la
justification du choix
8. Hiérarchie des tailles : grand titre, titre de section, sous-titre, texte
courant, petit texte
9. Style des boutons (plein, contour, arrondi) et apparence au survol
10. Style des formulaires
11. Style des cartes et encadrés
12. Style des icônes (trait fin, plein, arrondi)
13. Style des photographies ou illustrations
14. Formes, angles et arrondis (avec les valeurs)
15. Ombres portées : oui, non, discrètes ?
16. Espacements et densité visuelle : plutôt aéré ou plutôt dense ?
17. Utilisation du logo sur fond clair et sur fond sombre
18. Cinq adjectifs qui définissent l'identité, et cinq à éviter absolument
19. À faire / à ne jamais faire
20. Exemple d'ambiance : décris à quoi ressemblerait le haut de ma page d'accueil
(bandeau, titre, bouton) en appliquant cette charte
# RÈGLES
- Aucune technologie, aucune indication de programmation.
- Tous les codes couleurs en hexadécimal, avec la fonction de chaque couleur.
- Vérifie que les contrastes texte/fond sont suffisants pour être lisibles par tous.
- Ne modifie pas mon logo sans me demander mon accord.
- Signale clairement les hypothèses et les points qui doivent être validés.
# FORMAT
Markdown, structuré, prêt à être transmis tel quel à mon prestataire.
Option A — tu le fais générer par l'IA. Possible, et parfois excellent — à condition d'y passer du temps et d'itérer. Soyons honnêtes : une génération en 30 secondes ne vaudra jamais le travail d'un graphiste. Ce qui fait la différence, c'est le fignolage.
À prévoir : plusieurs allers-retours. L'IA propose d'abord des pistes en mots, puis génère, puis affine avec toi.
# RÔLE Tu es directeur artistique spécialisé en création de logos et d'identités visuelles. # CONTEXTE Je crée l'identité visuelle de mon entreprise et j'ai besoin d'un logo, puis de la charte graphique qui en découle. # INFORMATIONS Nom de l'entreprise : [TON NOM EXACT, avec le slogan s'il y en a un] Activité : [DÉCRIS TON ACTIVITÉ] Clients : [À QUI TU T'ADRESSES] Valeurs : [3 À 5 VALEURS : innovation, confiance, proximité, exigence…] Style souhaité : [moderne, minimaliste, traditionnel, chaleureux, ludique…] # TA MISSION 1. Commence par m'interroger, une à trois questions à la fois, pour cerner : la personnalité de ma marque, mes concurrents, ce que je veux qu'on ressente, les couleurs que j'aime et celles que je refuse, les styles que j'admire, les codes de mon secteur (et si je veux les respecter ou les casser). 2. Propose-moi ensuite 5 pistes créatives DÉCRITES EN MOTS (pas encore d'image) : pour chacune, le concept, le symbole, l'ambiance et pourquoi ça me correspond. 3. Quand j'en choisis une, génère l'image. Puis propose 3 variations. 4. Vérifie avec moi que le logo reste lisible en tout petit (favicon, réseaux sociaux) et qu'il fonctionne en une seule couleur, sur fond clair comme sur fond sombre. 5. Une fois le logo validé, produis la charte graphique complète qui en découle : palette hexadécimale, typographies Google Fonts, style des boutons, des icônes et des images, formes et arrondis, espacements, à faire / à ne pas faire. # CONTRAINTES - Le logo doit rester lisible à très petite taille. - Il doit fonctionner en noir et blanc. - Évite les dégradés complexes et les détails minuscules. - Pas de texte illisible ou déformé dans l'image.
Étape 3 · ± 30 min
L'étape la plus sous-estimée — et souvent celle qui a le plus d'impact. « Moderne, dynamique et premium » ne veut rien dire : trois mots que l'humanité a courageusement appliqués à tous les sites internet. Trois captures d'écran annotées, en revanche, ça ne se discute pas.
« J'aime bien ce site. »
« J'aime la barre du haut : elle reste visible quand on descend, et le bouton Devis y est toujours accessible. Je veux la même logique. »
« C'est moche. »
« Beaucoup trop de couleurs différentes, et le texte est trop petit. Je ne veux surtout pas ça. »
Ce qu'on apprécie souvent : menu clair et discret · accueil bien structuré · galerie agréable · formulaire complet · présentation de l'équipe · animations sobres · mise en avant des services · couleurs · typographie · affichage smartphone · boutons d'action · carte interactive · témoignages.
Ce qu'on rejette souvent : trop d'informations d'un coup · navigation difficile · couleurs agressives · textes trop petits · formulaire trop long ou trop pauvre · animations envahissantes · manque de contraste · accueil confus · aspect froid · site pénible sur smartphone.
| Site | Page / capture | ❤️ / 💔 | Élément | Pourquoi ? | Adaptation souhaitée |
|---|---|---|---|---|---|
| exemple.be | Accueil — aime-01.png | ❤️ J'aime | Menu principal | Très clair et peu chargé, on trouve tout tout de suite | Reprendre une navigation aussi simple |
| exemple.com | Contact — deteste-01.png | 💔 Je n'aime pas | Formulaire | Trop peu de champs, aucune carte de localisation | Plusieurs types de demandes + une carte |
Ta situation : tu sais ce que tu ressens, mais pas comment le formuler. Joins tes captures, colle ce prompt, et réponds en vocal, évidemment.
# RÔLE
Tu es consultant en expérience utilisateur et en conception fonctionnelle de sites
internet.
# CONTEXTE
Je te transmets une liste de sites que j'apprécie et de sites que je n'aime pas, avec
éventuellement des captures d'écran et des commentaires. Ta mission est de
transformer ces références en consignes claires et directement exploitables pour la
conception de mon propre site.
# RÈGLES
1. Ne copie pas aveuglément les sites présentés.
2. Ne propose aucune technologie et ne parle pas de programmation.
3. Analyse uniquement les choix fonctionnels, visuels et ergonomiques.
4. Distingue mes préférences personnelles des besoins réellement utiles.
5. Demande-moi de préciser mes commentaires quand ils sont trop vagues
("c'est joli", "c'est moche", "ça fait pro" ne sont pas des réponses).
6. Identifie les tendances communes entre mes exemples.
7. Signale les contradictions entre mes références.
8. Distingue toujours le VISUEL (à quoi ça ressemble) du FONCTIONNEL (ce que ça fait,
comment ça se comporte).
9. Ne reproduis pas d'éléments protégés ni l'identité visuelle d'une autre marque.
10. Rédige le résultat en français, dans un style professionnel et précis.
# POUR CHAQUE RÉFÉRENCE, ANALYSE
La structure de la page · la navigation · la hiérarchie de l'information · les
couleurs · la typographie · les images · les boutons · les formulaires · les galeries
· les animations · les appels à l'action · l'affichage sur smartphone · les éléments
particulièrement réussis · les éléments problématiques.
Pose-moi des questions, une à trois à la fois, pour comprendre exactement ce que
j'apprécie ou ce que je rejette, et surtout POURQUOI.
# SYNTHÈSE FINALE
1. Principales préférences visuelles
2. Principales préférences fonctionnelles
3. Types de navigation appréciés
4. Présentation souhaitée des contenus
5. Style souhaité pour les formulaires
6. Style souhaité pour les galeries
7. Style souhaité pour les boutons et appels à l'action
8. Comportements et animations souhaités
9. Éléments à éviter absolument
10. Contradictions ou choix restant à arbitrer
11. Recommandations fonctionnelles pour mon propre site
12. Mes règles d'or (10 points) et mes interdits (10 points)
# MES RÉFÉRENCES
[COLLE ICI LES LIENS, LES COMMENTAIRES ET LES CAPTURES D'ÉCRAN]
Étape 4 · ± 15 min
Moins glamour, mais indispensable : quinze minutes ici, c'est trois e-mails par semaine en moins.
🔒 Ne transmets jamais tes mots de passe par document ou e-mail non sécurisé. On te demandera les accès séparément, au bon moment.
Une IA peut préparer un brouillon, mais une validation juridique peut être nécessaire.
Ce que tu veux modifier toi-même, sans nous appeler : textes, photos, actualités, réalisations, équipe, tarifs, événements, documents…
Info déterminante : elle change la façon dont on construit le site.
Avant l'envoi
Coche au fur et à mesure. Quand la colonne de gauche est complète, tu peux nous envoyer ton dossier.
Une archive .zip ou un dossier partagé (WeTransfer, Google Drive, Dropbox), organisé comme ceci — avec ton brief final en PDF ou Markdown, et les documents sources qui ont servi à le préparer :
Projet_Site_NomEntreprise/ ├── 01_Brief_fonctionnel/ ├── 02_Logo_et_charte/ ├── 03_References_sites/ ├── 04_Textes/ ├── 05_Photos_et_videos/ ├── 06_Documents/ ├── 07_Informations_legales/ └── 08_Informations_pratiques/
Nomme tes fichiers clairement. aime-01-formulaire.png : parfait. final-v2-vraiment-final-dernier-3.docx : on a tous connu ça, mais un nom clair nous fera gagner à tous quelques précieuses minutes de vie.
Pour finir
Parle, ne rédige pas. On le répète parce que c'est le point clé : vingt minutes de vocal valent deux heures de page blanche.
Ne t'autocensure pas. Dis tout, même les idées qui te paraissent bêtes ou infaisables. On fera le tri ensemble — et l'infaisable a souvent une alternative maline.
Sépare le « maintenant » du « plus tard ». Un site qui sort vite et qui fonctionne vaut mieux qu'un site parfait qui ne sort jamais.
Pense à tes contenus dès maintenant. C'est presque toujours ce qui retarde les projets. Photos et textes : lance-les en parallèle, pas à la fin.
Un brief flou coûte plus cher qu'un brief précis. Chaque « ah non, en fait je voulais… » découvert en cours de route, c'est du développement à refaire.
Une question ? Un blocage ?
Un prompt ne donne pas ce que tu attends ? Tu hésites entre deux options ? On préfère mille fois répondre maintenant que corriger un malentendu dans trois semaines. Et si la démarche te semble trop lourde, on peut faire cette phase avec toi, en visio ou au téléphone.