Pour rappel, des pistes ont été présentées durant l'assemblée #24 (https://www.osuny.org/agenda/2025/assemblee-osuny-24/)
L'objectif est à la fois de simplifier et d'affirmer l'identité du commun Osuny. Le choix s'est porté sur du "no branding", autrement dit, qui s'éloigne des registres marchands.
Lors de l'assemblée 24 a été relevé le risque de faire une identité trop froide, ainsi que puzzle, complexe et élitiste. Takumi a travaillé sur ces différents points.
Takumi : la dernière fois j'ai exploré des choses sur la sobriété pour s'éloigner des choses convenues, du code de la startup et du marketing, d'où le choix radical de monotypographie. Avec le matériel typographique déjà existant dans Osuny j'ai ensuite construit quelque chose qui permette de clarifier l'objectif du site. Il s'agit d'une part de parler du produit et d'autre part de parler du commun. Dans un premier temps, j'ai travaillé pour le produit : iconographie et typo. L'idée est d'avoir une typo simple pour la "marque", en récupérant "l'inclusive sans" qui sera toujours à travers le site, et d'utiliser le nom de manière très sobre. Plusieurs possibilités :
- Adelphe en titre principal et inclusive en texte.
- Inclusive en titrage : plus fonctionnel et moins maniéré
Concernant l'iconographie : on a des secteurs d'activité et des engagements, il semble intéressant de reprendre le travail de Violenn qui permet de parler d'un produit numérique et de lui donner un lien direct avec la nature. On peut jouer avec des combinaisons d'images. Pour ce qui est des engagements, je propose un jeu de composition typographique avec les visuels, poétiques.
Arnaud Levy : Concernant le menu : Le menu permet de présenter à la manière d'autres CMS standards, on utilise le langage des autres CMS pour présenter des choses (par exemple, on a une page "tarifs" mais qui permet d'expliquer le principe de contributions. Également apparition d'un bouton "tester osuny", qui ramène sur une page dédiée permettant de tester plusieurs choses. L'idée est de ne pas perturber les personnes qui viennent et ne connaissent pas et cherchent un CMS
Il faudrait qu'on valide aujourd'hui :
- Le "no logo" en inclusive sans
- est-ce qu'on part sur la logique de la petite colonne de gauche ou de la grand colonne de gauche
- Inclusive sans ou Adelphe ?
- Est-ce que les photos conviennent ?
Retours
- Sebastien Gaya : Je suis fan de celui où on a le titre en inclusif et le sous-titre en Adelphe, et en dessous le titre en adelphe et le contenu en inclusif. Je trouve que ça met bien en valeur et ça conserve la lisibilité. Le fil d'Ariane en footer, je suis étonné.
- Pierre-André Boissinot : Je suis d'accord.
- Alexis Benoît : Moi aussi.
- Sebastien Rufer : Je pars avec une dyslexie, j'ai donc du mal avec la lexture en italique. Concernant le fil d'Ariane, le fait qu'il manque, je trouve qu'on manque de visibilité, on est un peu perdus. Là on a une sobriété complète, donc je n'ai aucun moyen de savoir de quoi il s'agit, ce que je suis en train de regarder. La personne qui n'est pas passée par la page d'accueil doit pouvoir se retrouver facilement.
- Arnaud Levy : Est-ce que le fil d'Ariane sous l'image serait envisageable ?
- Sebastien Rufer : Il faut tester, peut-être que c'est autre chose que le fil d'Ariane. Ce n'est pas tant la problématique du fil d'Ariane en tant que tel, mais plutôt la combinaison titre et résumé qui peut apporter la contextualisation. Il y a un petit côté avec un volet de page d'atterrissage, il faut qu'elles soient autosuffisantes, ces pages : Le visiteur est un zappeur, soit il comprend tout de suite, soit pas. Il faut que très vite il sache ce qu'il a à faire.
- Arnaud Bridou : Petit doute sur les images avec du texte, qui peuvent être difficiles à lire. La superoposition des photos n'est pas très liée à Osuny.
- Sebastien Gaya : Je suis d'accord. Et il faut s'assurer de la lisibilité.
- Arnaud Levy : J'aime bien les images pures. J'aime bien qu'il n'y ait que l'image qu'on doive considérer.
- Sebastien Rufer : Ca a peut être moins de sens d'avoir de la matière brute. Peut-être intégrer l'effet de matière et un visuel plus organique (végétal par exemple) en superposition. Cela apporterait du sens.
- Emie : Je suis complètement d'accord avec Sebastien Gaya pour les choix de typo, étant moi même dyslexique, l'italique est un frein. Je rejoins aussi sur le fil d'Ariane. Sur les superpopsitions d'images, je trouve que ça a du sens, je les trouve très très belles, les petites écritures blanches sur les images : sobriété en un mot je le lis, en deux trois mots je les lis pas.
- Takumi : on est pas dans la performance de la compréhension sobriété à ce moment là, la fonction de ces jeux là c'est vraiment de l'illustration ; au niveau des contrastes, je dois le travailler
- Léonie : J'ai particulièrement apprécié les choix du menus, je trouve ça très intuitif, et puis ça correspond à des choses qui m'avaient été demandées pendant le stage (tarifs, etc) ; sur le choix des polices, je rejoins Emie et Sébastien sur le fait d'utiliser la sans sérif pour le texte principal, ça favorise la lisibilité. Le fait de ne pas avoir le fil d'Ariane c'est perturbant pour quelqu'un qui débarque sur le site.
- Alex : Je trouve ça très beau, je rejoins ce qui a été dit sur les choix de typo, et l'accent sur la lisibilité, j'aime beaucoup les compositions mots-images, en évitant les contre-sens évidemment. Quand il y a des textes centrés, je ne sais pas si c'est pas un peu plus difficile pour la lecture.
- Sebastien Rufer : Oui effectivement, il faut faire attention, là on est sur 2-3 lignes, il faut pas faire plus. C'est souvent problématique pour les troubles Dys.
- Alex : Les choix de typos sont excellent. Les screenshots de sites fonctionnent bien. C'est vrai que les photos sont très minérales.
- Takumi : Oui, je suis en train de chercher dans les photos de Violenn pour faire un tri : pour culture on a telle icono, etc. On pourrai voir pour valider ça la prochaine fois.
- ArnaudL : Oui on a une piste et un découpage typo, il reste à découper pour l'iconographie, notamment les fonctionnalités comme un des trois pans
- Sebastien Rufer : Attention, les utilisateurs pourraient ne pas scroller sur la page 1 qui est très auto-suffisante, il faudrait trouver une astuce graphique pour dire "il y a d'autres choses en dessous", une amorce, une invitation à descendre...
- Alexis : Un texte sur la ligne de flotaison ?
- Sebastien Rufer : On perdrait cette sobriété d'arrivée. Il faudrait une astuce graphique.
- Takumi : Pourquoi ne pas juste avoir l'image sur la home ?
- Alexis : On perd en contenu informationnel dans ce cas.
- Takumi : On pourrait s'inspirer de ce que fait. Twill qui a un pictogramme qui invite à scroller.
- ArnaudL : Je vous présente le footer, et le site communs, dédié à la communauté. Le découpage du footer ( découvrir, faire, soigner) vous convient-il ?
- Léonie : Le seul accès à la partie communs c'est dans le footer ?
- ArnaudL : On va renvoyer à plusieurs moments dans le site.
- SebastienG : Je suis pas sûr que le mattermost soit au bon endroit, je l'aurais rejoint avec aide.
- SebastienR : Sur le footer, j'ai du mal avec "aide", je sais pas ce que je trouverai derrière, je m'attends à avoir un forum de discussion, le bon terme ne serait-il pas documentation ou documentation de référence ? Les sites créés je peine à les situer dans la partie faire ; enfin la partie soigner ne me parle pas, il y a un contraste entre ce que je met derrière le mot et ce que je lis ensuite ; J'ai l'impression qu'on mélange deux choses : la partie métier et la section "aides", on devrait la renommer en "contribution". Il faudrait peut être segmenter par métier.
- ArnaudL : Sur l'idée de soigner, en fait c'est prendre soin, c'est donc normal que ce soit déstabilisant.
- SebastienR : D'accord, il y a un effet de contraste.
- ArnaudL : Des avis sur les décrochés graphiques ?
- Alexis : J'aime bien.
Identités présentées
https://www.figma.com/proto/VDW7nVtyZbxuBrafSE0Mly/Osuny---Identit%C3%A9-visuelle?n[...]aling=scale-down-width&content-scaling=fixed&page-id=6338%3A42
La version appréciée : https://www.figma.com/proto/VDW7nVtyZbxuBrafSE0Mly/Osuny---Identit%C3%A9-visuelle?n[...]fixed&starting-point-node-id=6398%3A15772&page-id=6398%3A15736
Note : Ces propos sont adaptés pour une meilleure compréhension à la lecture.
