Ce que ton site doit être

Comment lire ce document

Statuts : décidé c'est acté · proposé ma proposition, à valider ensemble · à demander il me manque ta réponse · plus tard pas pour le lancement.

Sources : Brief §4 ton brief « Brief final · site internet », section 4 · Mail 2/10 Mail 15/9 tes e-mails · Logo ton logo (version 1) · Vérifié 2/10 vérifié par moi à cette date · Dossier v1 ton premier dossier (août), gardé pour l'historique.

Les sources, et ce qui fait foi

Quand le brief et un e-mail ne disent pas la même chose, c'est le plus récent qui l'emporte, et je te le signale (voir points relevés).

L'essentiel en 30 secondes

1. Identité

2. Logo et couleurs

Ton logo montre une main d'adulte et une main d'enfant sur une forme organique caramel, doublée d'une forme beige en arrière-plan. Le nom est dans une typographie à caractère, le descripteur dans une fine typographie à empattements, la sous-ligne en gras. Il dit bien « à vos côtés » sans tomber dans le « bébé mignon ». C'est exactement l'esprit de ton brief.

Les couleurs, mesurées dans le fichier Logo Vérifié 2/10 :

• Le caramel du logo est trop pâle pour du texte. Sur le fond crème, il n'atteint que 2,55:1 de contraste, alors que la lisibilité demande 4,5:1. Il est parfait pour le logo et les grandes formes, mais pas pour les liens, les petits textes ou un bouton à texte blanc. D'où le caramel foncé proposé ci-dessus, de la même famille. proposé
• Les mains et les formes organiques peuvent servir de repère visuel ponctuel, sans être répétées partout. Brief §9
• Il manque des déclinaisons pour le web. Le logo n'existe qu'en format carré, avec le texte sous le dessin. Il faut une version horizontale pour l'en-tête du site (surtout sur mobile), le symbole seul pour l'icône de l'onglet et les photos de profil (le dessin fin des mains disparaît en petit), une version claire sur fond foncé, et des fichiers vectoriels (SVG) + PNG à fond transparent. Je m'en occupe. décidé Dans la version horizontale, « Bébés & jeunes enfants » doit rester affirmé : dans la maquette proposée, il est en gras, à 14 px sur téléphone et 15 px sur ordinateur (11 à 13 px dans les premières pistes). Brief §2
• Ce qu'il me faut de ta part : les fichiers d'origine du logo (et l'outil avec lequel il a été fait), le nom des trois typographies (pour utiliser les mêmes sur le site) et les codes couleur exacts si tu les as. à demander
• Bon à savoir, pas bloquant : si le dessin des mains vient d'une bibliothèque d'illustrations (Canva ou autre), tu peux l'utiliser mais pas en revendiquer l'exclusivité. à demander

3. Positionnement et ton

Tout vient de Brief §1 et Mail 2/10 (point 2). Rien n'est à décider : c'est le cadre de tout le reste.

• Deux piliers bien visibles : le sommeil du bébé et du jeune enfant, et l'accompagnement parental (émotions, développement, autonomie, limites et cadre, séparations, relations, entrée à l'école…).
• Partir de ce que vivent les parents et de leur connaissance de leur enfant, y apporter ton regard, tes connaissances et des repères, et réfléchir ensemble.
• Un accompagnement éducatif et préventif, non thérapeutique et non médical, avec une orientation vers un autre professionnel quand c'est nécessaire.

Ce que le site ne doit jamais laisser croire Brief §1 :

• que tu vas apprendre aux parents à « mieux comprendre leur enfant », ou que tu as la bonne réponse à leur place ;
• qu'il existe une méthode pour faire dormir un enfant ou une façon correcte d'être parent ;
• qu'une consultation est réservée aux crises ou aux problèmes bien identifiés ;
• un univers de coaching générique, trop « bien-être », trop bébé ou culpabilisant.

Sensible + très concrète + intelligente + jamais prescriptive. L'expertise est présente, mais elle ne parle pas plus fort que les parents. — Brief §1

Dans tes textes, tu parles en « je » et tu vouvoies les parents. Je garde cette règle pour tout ce que j'ajouterai (boutons, messages de confirmation, pages légales).

4. Les pages et leurs textes

Tes textes sont repris tels quels. Si une mise en page demande de raccourcir ou de découper un passage, je te le propose, je ne l'impose pas.

• Navigation : Accueil · Sommeil · Accompagnement parental · À propos · Consultations. Une page = une fonction. Brief §3 décidé
• Mobile d'abord : textes courts, beaucoup de respiration, titres lisibles, boutons bien visibles. Brief §3 décidé
• Le bouton de rendez-vous doit être visible depuis Sommeil, Accompagnement parental et Consultations. Brief §11 décidé
• Tes coordonnées faciles à trouver, surtout sur mobile : un appui pour appeler ou écrire. Brief §11 décidé
• Rubrique Articles / Ressources : prévue techniquement dès le départ, mais pas affichée tant qu'elle n'a pas de contenu. Brief §3 Mail 2/10 plus tard
• Pieds de page obligatoires : mentions légales, confidentialité, conditions de réservation et d'annulation (voir § 9). proposé
• Équilibre des deux portes de l'accueil : la porte « sommeil » (§4) est bien plus courte que l'autre. Proposition : y reprendre, mot pour mot, deux passages de ta page Sommeil (§5 : « Endormissements difficiles… » et « Est-ce une étape ? Faut-il changer quelque chose ? Ou simplement comprendre ce qui se passe ? »), en miroir de la question « Est-ce que je m'y prends bien ? ». Brief §5 à demander
• Mini-FAQ pratique (durée, prix, lieu, visio, annulation) : envisagée dans ton brief. La veux-tu ? Brief §13 à demander
• Témoignages de familles : prévoir la place pour plus tard ? à demander

5. La consultation

6. La réservation en ligne

Ce que tu veux Mail 2/10 (point 7) : que les parents prennent rendez-vous directement depuis le site, sans te contacter avant ; que le lieu soit clairement indiqué au moment de réserver ; qu'ils reçoivent automatiquement une confirmation, puis un rappel.

7. Univers visuel

Doux sans être enfantin, chaleureux sans être « cocooning », professionnel sans devenir médical ou froid. Brief §9 Mail 2/10 (point 6)

• Palette : crème/ivoire, beige, terracotta/caramel, brun/taupe ; des accents très discrets possibles (voir § 2). décidé
• Mise en page : éditoriale, aérée, structurée, beaucoup de blanc. décidé
• Typographie : de la personnalité dans les titres, de la sobriété dans les textes. Idéalement les typographies du logo (noms à me transmettre). décidé
• Illustrations : seulement fines, sobres et utiles. Pas d'accumulation de feuilles, cœurs, lunes, pictogrammes de bébé ni de codes « bien-être ». décidé
• Photos : naturelles, lumineuses, peu posées ; pas d'images de banque trop parfaites. As-tu (ou prévois-tu) un portrait et des photos du lieu ? Qui les fait ? Dans mon mail du 5/10 : on met bien une photo de toi sur la page d'accueil ? à demander
• Réseaux sociaux : ton compte évolue vers des visuels variés ; l'identité doit rester reconnaissable sans gabarit unique. Lequel est-ce (pour le lien sur le site) ? Brief §9 à demander
• Mouvement : une idée de ma part, pas reprise dans ton brief. La maquette en contient deux, tous deux très sobres : à l'ouverture, les mains de ton logo se tracent puis laissent place à la photo (1,5 seconde, une seule fois) ; plus bas, tes « Parce que… » défilent un à un. Rien ne dépend du défilement de la page, tout s'arrête pour qui a demandé moins d'animations, et la page reste complète sans elles. Tu diras si ça te parle. proposé
• La maquette de la page d'accueil : après trois premières pistes (les voir) et une dizaine d'essais (labo), la proposition est la maquette 11 bis. Dans l'ordre exact de ton texte : l'ouverture (« Être parent… », le bouton, la photo des mains dans la forme de ton logo) et une ligne d'infos pratiques ; tes « Parce que… » à côté de « Parfois, on n'a pas besoin d'un conseil de plus… » ; « C'est la place que j'ai envie de prendre à vos côtés » avec ton portrait, sur fond de couleur ; les deux portes, le soir pour le sommeil et le jour pour l'accompagnement ; « En pratique » ; le pied de page. Pour comparer : la maquette 11, la même page où tes « Parce que… » sont posés d'un bloc. Proposée le 5/10 ; son affichage sur téléphone sera encore affiné avec tes remarques. Tu choisis, tu corriges, puis on décline sur les autres pages. proposé
• Ce que la maquette ajoute à ton texte d'accueil : la ligne d'infos pratiques, le bloc « En pratique », ton portrait, deux phrases de ta page Sommeil dans la porte « sommeil », la couleur ardoise, le défilement des « Parce que… », trois liens légaux en pied de page. Tes 26 phrases d'accueil y sont mot pour mot. Vérifié 2/10 à demander
• Ce qui est provisoire dans la maquette : les photos (domaine public), le portrait (ce n'est pas toi), les typographies (proches de l'esprit du logo, en attendant les noms des tiennes). à demander

8. Exigences techniques

9. Légal et données personnelles

Le fond (statut, TVA, assurances…) se règle de ton côté, avec les personnes qui t'accompagnent là-dessus. Pour le site, il me faut juste quelques éléments concrets.

• Mentions légales : nom, adresse de contact, e-mail, numéro d'entreprise (BCE) et, le cas échéant, numéro de TVA. à demander
• Politique de confidentialité : quelles données sont collectées (réservation + réponses aux questions), pourquoi, combien de temps, et chez qui. Cal.com stocke les données aux États-Unis : sa version européenne (Cal.eu) est réservée aux grandes organisations Vérifié 2/10. Donc le principe : ne demander que le strict nécessaire à la réservation, rien sur la santé de l'enfant. proposé
• Conditions de réservation et d'annulation : reprennent ta politique d'annulation (voir § 6). à demander
• « Non thérapeutique, non médical » : à dire clairement, d'autant plus que les consultations ont lieu dans un centre médical. Brief §1 décidé
• Publicités Facebook/Instagram : en prévois-tu ? Si oui avec suivi sur le site (pixel Meta), il faudra une bannière de consentement ; sans pixel, le site reste sans bannière. à demander

10. Nom de domaine et comptes

• lauraswinnen.be est libre Vérifié 2/10 (laura-swinnen.be, lauraswinnen.com et lauraswinnen.eu aussi). Je te propose lauraswinnen.be (~10 €/an). Une adresse web ne peut contenir ni « & » ni accent, ce qui ne pose aucun problème avec ton nom. Proposé dans mon mail du 5/10. proposé
• Tu le réserves toi-même, à ton nom ; je te propose Infomaniak (2 ou 3 adresses e-mail sans surcoût, interface claire), OVH restant un bon choix (comparatif). Ensuite, on configure ensemble les réglages techniques (DNS) qui le relient au site et aux e-mails. Réservation demandée dans mon mail du 5/10, à faire assez vite ; on peut la faire ensemble si tu préfères. Chez Infomaniak : ≈ 6 € la première année (vu le 5/10). proposé
• L'hébergement du site : je le mets en place et je le gère pour toi (gratuit). proposé
• Tous les comptes sont à ton nom (tu en restes propriétaire) : le domaine, Cal.com, Google (agenda et visio) ; plus tard Stripe si on l'active. On les crée ensemble. décidé
• Échéance : as-tu une date de mise en ligne en tête ? à demander
• Frais fixes : détail poste par poste dans l'approche, y compris la quote-part hébergement et mises à jour dont je t'ai parlé : on en discute à notre réunion. à demander

11. Décidé, proposé, ouvert

Le tableau de ton brief Brief §13, complété avec ce qui s'est précisé depuis.

La liste complète de ce que je te propose et de ce que je dois encore te demander est dans « Ce qu'on décide ensemble », rangée en trois temps : maintenant, à notre réunion, à ton rythme.

12. Petits points relevés dans le brief

• Agenda en ligne : le brief range encore « utilisation ou non d'un agenda en ligne » dans le « à valider » Brief §13, alors que ton mail est clair : réservation directe en ligne Mail 2/10. Je pars du mail, plus récent.
• Numérotation : le brief passe de la section 9 à la 11, puis de la 11 à la 13. Les sections 10 et 12 ont-elles sauté à la mise en page, ou est-ce voulu ? à demander
• Une case vide sous la section 2 (Identité) : sans doute une image du logo qui n'est pas passée. Sans importance, j'ai le logo.