3 écrans du site web du Collectif Trans comté présentant la page d'accueil, la page des articles et la page d'un article.

Collectif Trans Comté

Webdesign pour un collectif de personnes trans, intersexes et non-binaires

septembre 2023

Offre personnalisée Webdesign Mini univers visuel

Sasha et le collectif m’ont contacté pour travailler ensemble sur la création du webdesign de leur site web ! Leur envie était d’acquérir un webdesign rassurant et agréable à l’oeil, pour pouvoir y présenter le collectif, renvoyer vers les différents contacts disponibles (mail, serveur discord), partager les évènements organisés dans la région mais aussi écrire des articles et témoignages de personnes intersexes, non-binaires ou trans qui ont envie de parler de leur parcours. Une joie de bosser pour un collectif engagé sur des sujets qui me touche personnellement et de travailler avec Sasha, qui était la développeuse du site 🙂

Toutes les photos utilisées viennent de la superbe collection de Vice, The Gender Spectrum, composée de modèles trans et non-binaires photographié·es par une large équipe présentée sur leur page About 💌.

2 écrans du site web du Collectif Trans comté présentant la page des évènements qui sont triés par mois et la page dédiée d'un évènement qui, quand il est terminée, a un bandeau jaune avec un lien menant vers le futur évènement du même type.

L'objectif pour l'univers de Collectif Trans Comté

Un site web intuitif et rassurant pour s'informer

Le collectif avait déjà un logo mais pas d’univers visuel à proprement parlé. Il leur tenait à coeur de rester dans les couleurs des drapeaux de la communauté lgbtqia+ tout en restant assez sobre. Alors, on est parti·es sur les couleurs roses et bleu (pour le drapeau trans), jaune et violet (pour les drapeau intersexe et non-binaire) mais en allégeant les nuances pour créer une ambiance plus douce et englobante.

La cible principale de Trans Comté étant des personnes en questionnement ou en transition, nous voulions faire attention à ce que l’organisation du site soit rassurante, agréable en évitant les zones avec  trop d’infos ou d’éléments graphiques. On a aussi réfléchi à la version mobile !

Il était important de proposer une navigation facile à comprendre avec un menu court et la présence d’un fil d’ariane tout du long du site. Leur fournir rapidement les différents contacts possibles (mail, serveur discord…) était primordial, pour qu’iels n’aient pas à rester trop longtemps sur le site s’iels ont besoin rapidement de contacter quelqu’un du collectif : cette zone est donc tout en haut, avec une belle mise en valeur grâce à des icônes dessinées. Seulement ensuite, on fait découvrir les articles et les évènements !

Extrait d'un élément UI Design présentant un article du site trans comté avec une photo d'un couple en fond flouté. Page d'accueil du site Trans Comté visualisé sur un téléphone mobile tenu en main.

Accessibilité et inclusivité

Penser à la sensibilité de chacun·e

Les futurs articles ayant une grande importance pour le collectif Trans Comté, il était important de penser au sytème d’avertissements de contenu (aussi appelé trigger-warning en anglais). L’objectif des avertissements de contenu est de prévenir les lecteurices de sujets évoqués dans l’article qui pourraient être difficiles à lire, comme le détail de lgbtphobies.

Au lieu de les laisser disponible, à la vue de toustes en haut de l’article, j’ai proposé à Sasha de les inclure dans un sytème de zone accordéon fermée à l’arrivée sur l’article, avec comme titre « Les sujets sensibles évoqués dans l’article : « . Le fait de fermer l’accordéon permet à une personne arrivant sur l’article de ne pas les lire directement, de savoir qu’il y a des sujets potentiellement difficiles à lire et de choisir d’ouvrir l’accordéon pour les connaitre.

Cette idée est inspirée des forums d’écriture où le système de trigger warning est très souvent utilisé mais aussi d’articles comme Trauma-Informed UX Design de Madison Dunaetz. Bien entendu, ce système est imparfait et mérite d’être amélioré au fur et à mesure des retours sur l’usage et la lecture !

Extrait de la page d'un article de Trans Comté présentant le système d'accordéon fermé pour les avertissements de contenus.

Le retour de Sasha et du collectif

C’était top ! L’utilisation qu’il fait de Notion pour le suivi global permet vraiment d’être rassuré·e sur l’avancée du processus. Sa communication est respectueuse et inclusive, je me suis sentie écoutée et soutenue pendant toute la durée du projet. Je garde son contact pour des besoins futurs <3

Carte de la Franche Compté en dessin, présentant les principales villes où le collectif est présent : Dijon, Maçon, Nevers, Auxerre, Besançon et Vesoul.