Direction 2
Organique
La piste B, poussée. Les vraies formes de ton logo deviennent le langage du site : chaque photo est découpée dans la forme caramel, posée sur la beige, et les mains se dessinent à l'arrivée.
Gloock · FigtreeVoir la maquette
Labo · comment j'ai procédé
Le labo des maquettes
D'où vient la proposition : la démarche, puis les essais qui ont compté, du plus récent au plus ancien. C'est une page pour les curieux, tu n'as rien à y valider. La proposition elle-même est sur la page Maquettes.
Comment j'ai procédé
- Trois premières pistes pour le haut de la page d'accueil : éditoriale, organique, portrait (les voir). La piste organique, construite sur les formes de ton logo, a donné le ton.
- Un labo d'essais : onze pages d'accueil complètes, en quatre tours, toujours avec tes textes mot pour mot. À chaque tour, j'ai gardé ce qui fonctionnait (les photos découpées dans la forme de ton logo, les deux portes soir et jour, le petit défilement des « Parce que… ») et écarté le reste.
- Une analyse de toutes les maquettes, mesures à l'appui : le parcours d'un parent pressé, l'affichage sur téléphone, la lisibilité, la vitesse, la fidélité à ton brief, et une comparaison avec onze sites de consultantes.
- Une synthèse : la maquette 11 bis, qui reprend le meilleur des essais dans l'ordre exact de ton texte.
Ce qui en sort : la maquette 11 bis. Elle garde l'ouverture et les deux portes soir/jour qui fonctionnaient le mieux, remet la page dans l'ordre exact de ton texte, et fait défiler tes « Parce que… » à côté de la phrase « Parfois, on n'a pas besoin d'un conseil de plus… ».
Pour information, si tu veux voir le genre d'analyses qu'on fait quand on crée des maquettes : l'analyse complète (une note de travail écrite pour moi, où l'on parle de toi à la troisième personne) et la comparaison avec ton brief.
Quatrième tour, la synthèse
Après un passage en revue complet de toutes les maquettes (parcours, téléphone, lisibilité, vitesse), la 9 remise dans l'ordre exact de ton texte d'accueil et resserrée sur téléphone. Deux versions, qui diffèrent surtout par la façon de présenter les « Parce que… ». C'est la 11 bis que je te propose ; la 11 reste là pour comparer.
11 · La synthèseL'ordre de ton texte (§4) : l'ouverture, les « Parce que… », « C'est la place… » avec ton portrait, les deux portes, « En pratique ». Les « Parce que… » forment une strophe visible d'un coup, qui s'installe une seule fois. Prix, lieu et visio dès le premier écran du téléphone, un seul bouton plein par écran, tes coordonnées faciles à toucher. Page de 5,5 écrans sur téléphone (6,8 pour la 9) et de 3,9 sur ordinateur.
11 bis · Le film compactLa même base, où le passage des « Parce que… » devient un petit défilement : chaque pensée arrive floue par le bas, devient nette le temps de la lire, puis remonte en s'estompant. À côté, la phrase « Parfois… On a besoin de comprendre ce qui se passe. » reste affichée, en grand. « C'est la place… » est sur un fond de couleur, les deux portes sont deux cartes séparées et « En pratique » tient dans un bloc compact. Page de 5,5 écrans sur téléphone et de 3,9 sur ordinateur.
Troisième tour, condensé
Après un deuxième tour très animé, écarté parce qu'il obligeait à beaucoup défiler pour lire, plus aucune section ne dépend du défilement : l'information et le rendez-vous d'abord, tes textes condensés et mieux mis en forme.
7 · CondenséeTout tient en un écran : les « Parce que… » composés en anaphore, « Et à force… » en chute, « Parfois… » juste à côté avec une vignette qui fait sa mise au point une fois. Barre d'infos pratiques sous l'ouverture. Page de 3,9 écrans sur ordinateur.
8 · Le petit filmLe passage se joue tout seul, en boucle de 24 s, dans un cadre fixe (pause possible) : les pensées s'empilent, la chute s'installe, la photo fait sa mise au point. Barre d'infos pratiques sous l'ouverture. Page de 4 écrans sur ordinateur.
9 · Le petit film + les portes de la 3La 8, avec les deux portes en écran partagé soir/jour et la bande « En pratique » avec photo de la 3. La porte sommeil est équilibrée avec deux passages de ta page Sommeil (à valider par toi). Page de 4,4 écrans sur ordinateur.
10 · L'ouverture en une pièce« Être parent… » et les cinq « Parce que… » réunis dans un seul premier écran : le titre et le rendez-vous à gauche, les pensées en notes de marge à côté de la photo des mains, « Et à force… » en conclusion. Une seule apparition d'environ 3,5 s, plus de film. L'ordre de ton texte d'accueil (§4) est rétabli : « Parfois… » ouvre « C'est la place… », puis les portes et « En pratique ». Page de 3,9 écrans sur ordinateur, la plus courte.
Premier tour : les directions de départ
Quatre partis pris vraiment différents au départ, sur la même base : ton logo, tes couleurs, tes textes. Deux ont été gardés ; les deux autres (une version très photographique et une version « revue imprimée ») ont été écartés. Chaque planche résume l'idée ; la maquette montre ta page d'accueil complète.
Direction 3
Deux lumières
Le sommeil a la lumière du soir, l'accompagnement celle du jour. Le parent choisit d'abord sa porte ; ton texte vient ensuite, en colonne calme. Un seul accent discret, bleu ardoise, réservé au sommeil.
General SansVoir la maquette
Ton brief design, en une page
Tout ce que tu as demandé côté image, rassemblé. Sources : ton brief (§1, §2, §3, §9), tes e-mails du 15/9 et du 2/10, ton logo.
L'équilibre à tenir
Doux sans être enfantin, chaleureux sans être « cocooning », professionnel sans devenir médical ou froid. — Brief §9
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
Ce que tu veux
- Couleurs : crème/ivoire, beige, terracotta/caramel, brun/taupe. Des accents très discrets possibles. Brief §9 Mail 2/10
- Mise en page : éditoriale, aérée, structurée, beaucoup d'espace blanc ; sobre et professionnelle. Brief §9 Mail 2/10
- Typographie : élégante et lisible ; de la personnalité dans les titres, de la sobriété dans les textes. Brief §9
- Photos : naturelles, lumineuses, peu posées. Brief §9
- Illustrations : seulement fines, sobres et utiles. Brief §9
- Ton logo : le dessin des mains et les formes organiques comme repère ponctuel, pas répété partout ; « Bébés & jeunes enfants » bien affirmé. Brief §2 Brief §9
- Ton nom et ton expertise en avant, plutôt qu'une marque. Mail 15/9
- Mobile d'abord : textes courts, beaucoup de respiration, titres lisibles, boutons visibles. Brief §3
- Une identité reconnaissable sans gabarit unique (elle doit vivre aussi sur tes réseaux). Brief §9
Ce que tu ne veux pas
- Un univers trop « bébé », mignon ou chargé. Mail 2/10 Mail 15/9
- Les codes classiques du bien-être ; un coaching générique. Brief §1 Brief §9
- Feuilles, cœurs, lunes, pictogrammes de bébé. Brief §9
- Les banques d'images trop parfaites, les scènes familiales stéréotypées. Brief §9
- Un ton culpabilisant, une méthode toute faite, la « bonne réponse » à la place des parents. Brief §1
Les matières premières
Ce qui sert à toutes les propositions, préparé avant de dessiner la moindre page.
Une même photo, cinq lumières
Des photos d'ambiance provisoires du domaine public (à remplacer par les tiennes), étalonnées pour former une vraie série plutôt qu'un assemblage d'images de banque.
origine
filmdoux
soir
bichromie