Joanna FREIRE

Le projet

Refonte de mon identité visuelle personnelle, en phase avec mes convictions, ma créativité et l’évolution de mon métier. Un projet à la fois intime et stratégique, pensé pour incarner visuellement mes contenus, prises de parole et projets à venir.

Objectif

Créer un branding personnel fort, cohérent et modulable, capable de porter ma voix et mes univers autour de l’UX, de l’agilité et de l’expérience du quotidien.

Travaux réalisés

Moodboard et exploration graphique
Définition d’une palette nuancée, entre douceur et caractère
Création du logo et de ses déclinaisons
Templates de carousels et visuels éditoriaux
Déploiement progressif dans mes formats LinkedIn (ex. L’UXpérience quotidienne)

À propos du logo

Une plume d’écriture pour la créativité
Une boucle infinie pour l’itération et le mouvement.
Une plume Bézier, discrète mais essentielle — un clin d’œil à mon cœur de métier

“Créer. Itérer. Évoluer… à l’infini.”
La Plume Infinie, un symbole né de mon histoire, en constante évolution. Une identité en mouvement, à l’image de mon approche du design : itérative, humaine, libre.

Le projet

SCOOP est une application mobile dédiée à l’information voyageurs. Elle permet de consulter les horaires en temps réel, rechercher un itinéraire, accéder à des fiches horaires ou encore être informé des perturbations sur le réseau. Cette refonte, pensée en parallèle de celle de m-Ticket, visait à proposer une expérience fluide, cohérente et autonome, sans nécessiter l’achat de titre pour accéder aux services.

Objectif

Rendre l’information voyageurs plus claire, plus accessible, et plus adaptée aux usages mobiles, en s’appuyant sur des parcours simplifiés et une navigation intuitive.

Travaux réalisés

Refonte complète de l’interface (UX/UI)
Conception des écrans clés (accueil, itinéraires, horaires, infos trafic)
Déclinaison des composants dans le Design System
Collaboration étroite avec les équipes Produit et Développement

Une interface sobre et efficace, centrée sur l’utilisateur, avec une information hiérarchisée et facilement exploitable en mobilité. SCOOP est aujourd’hui intégré à plusieurs réseaux, en marque blanche, avec ou sans module m-ticket.

Le projet

Dans le cadre de la refonte des applications m-Ticket et tixiPASS, un kit de communication a été conçu pour accompagner leur déploiement auprès des utilisateurs finaux. Le but de cette démarche : fournir aux réseaux partenaires des supports prêts à l’emploi, personnalisables, et cohérents avec leur identité visuelle et la langue du pays (ou réseau).

Objectif

Créer une base de communication modulaire, professionnelle et multilingue, déclinable à la fois pour la communication terrain, les réseaux sociaux, et les supports commerciaux B2B.

Travaux réalisés

Création des fiches produits (français, espagnol, italien) à destination des exploitants et partenaires.
Élaboration d’un kit de communication print modulable : affiches, flyers, bandeaux de signature mail, déclinaisons multi-réseaux…
Proposition d’un kit digital pour les réseaux sociaux (formats carré + stories), conçu comme base de templates personnalisables.

Un projet de communication 360° pensé pour accompagner une solution technique dans son déploiement terrain. Ce kit reflète l’importance de rendre chaque innovation accessible, compréhensible et engageante pour tous les usagers.

Le projet

Refonte complète de l’application tixiPASS, conçue comme une porte d’entrée vers notre solution m-ticket. tixiPASS permet aux utilisateurs d’acheter et valider leurs titres de transport pour plusieurs réseaux au sein d’une seule application.

Objectif

Simplifier l’expérience utilisateur pour proposer une solution accessible, rapide à déployer, et représentative de notre savoir-faire mobile, tout en respectant les enjeux multi-réseaux.

Travaux réalisés

Refonte UX/UI complète, dans la continuité du projet m-ticket
Respect et adaptation de la charte graphique existante du produit
Adaptation des parcours utilisateur à un environnement multi-réseaux
Ajout de la notion multi§réseaux sur certains écrans clés : boutique, portefeuille de titres...

tixiPASS reprend les acquis UX du projet m-ticket tout en intégrant ses propres contraintes : interface neutre, navigation inter-réseaux, parcours simplifiés. Un projet essentiel dans notre stratégie de conquête.

Le projet

Refonte complète d’une application mobile, en marque blanche, dédiée à l’achat et à la validation de titres de transport.
Projet transverse, mené avec les équipes Produit et Développement.
Rôle central en UX/UI, du cadrage aux écrans livrés, avec une attention particulière portée à l’accessibilité, la scalabilité et l’expérience terrain.

Objectif

Offrir une expérience fluide, cohérente et accessible, couvrant l’ensemble des usages clés (achat, validation, profils, justificatifs…), quel que soit le réseau ou l’identité graphique.

Travaux réalisés

Conception des parcours utilisateurs et wireframe (Figma)
Création d’un Design System modulaire basé sur l’Atomic Design (Figma)
Animation de tests utilisateurs et itérations basées sur les retours terrain
Audit d’accessibilité RGAA (iOS & Android) → conformité >90 %
Déclinaisons UI personnalisées selon les identités partenaires & adaptation dark mode
Création de personas illustrés et parcours utilisateurs détaillés, utilisés à la fois comme base UX et support commercial

Un projet complexe et stimulant, entre contraintes techniques, exigences d’accessibilité, personnalisation graphique et itérations fonctionnelles continues. L’application évolue sans cesse, portée par une démarche UX centrée sur les usages et une refonte progressive des parcours clés.

Le projet

Exercice personnel de R&D : repenser le site de la MDENE77 pour mieux répondre aux usages mobiles.
Projet non déployé mais enrichissant, mené de bout en bout avec une approche centrée utilisateur.

Objectif

Clarifier l’accès aux services essentiels selon les profils, en repensant l’architecture mobile.

Travaux réalisés

Création de personas selon les besoins spécifiques des publics
Conception des parcours utilisateurs adaptés au mobile
Zonings, wireframes et UI des pages clés
Prototypage fonctionnel sur Figma
Exploration d’un menu mobile structurant et accessible

Un terrain d’exploration riche — et perfectible. Avec le recul, je repense l’architecture, allège l’interface et priorise le confort de lecture mobile.

Le projet

Collaboration avec le Chef de projet territorial entrepreneuriat de la MDENE77 pour donner une identité forte au dispositif “Créer pour entreprendre”, dédié à l’accompagnement des porteurs de projet. Création d’une identité visuelle cohérente avec celle de la structure porteuse.

Objectif

Donner de la visibilité au dispositif tout en valorisant son identité propre auprès du public et des partenaires.

Travaux réalisés

Création du logo et d’une charte graphique dédiée
Déclinaisons print & web (affiches, réseaux sociaux, favicon…)
Intégration progressive d’éléments symboliques : ampoule (idée), arcs MDENE77
Refonte du logo pour inclure les codes visuels devenus emblématiques
Collaboration étroite et itérative avec le porteur du dispositif

Un projet identitaire évolutif, entre écoute terrain, ajustements graphiques et ancrage institutionnel.

Le projet

Projet de Bachelor Chef de Projet Digital, mené en autonomie sur l’ensemble du cycle de conception d’une plateforme de réservation en ligne pour hébergements insolites.
Client fictif : Atypik House, nouvel entrant sur le marché de l’hébergement alternatif (cabanes, yourtes, logements atypiques).

Objectif

Piloter un projet digital complet, de la stratégie initiale à la mise en ligne, en intégrant branding, expérience utilisateur, développement web et communication multicanal.

Travaux réalisés

Étude de marché, SWOT, benchmark et positionnement
Cahier des charges, stratégie marketing & planification annuelle de communication
Zonings, wireframes, carte d’expérience utilisateur et UI des pages clés
Intégration front-end WordPress (HTML, CSS, PHP), SEO & hébergement
Prototypage, tests utilisateurs, et ajustements avant mise en ligne

Le projet complet par bloc de compétences

Bloc 1 - Gestion projet et cahier des charges (2 Mo)
Bloc 2 - Maquettes & visuels (14 Mo)
Blocs 3&4 - Développement & mise en ligne (25 Mo)

Un projet formateur, mené en autonomie de bout en bout, qui m’a permis de consolider mes compétences en gestion de projet, conception UX, développement front-end et communication digitale.

Le projet

Projet de Bachelor Chef de Projet Digital, réalisé en amont du développement de la plateforme Atypik House.

Objectif

Créer une identité visuelle forte, cohérente et différenciante pour une marque fictive d’hébergements insolites, avec des déclinaisons sur tous les supports print & digitaux.

Travaux réalisés

Création du logo et de la charte graphique complète
Déclinaisons print (affiches, flyers, papeterie, signalétique)
UI design des maquettes web et mobile (Adobe XD)
Zonings, wireframes, carte d’expérience utilisateur
Élaboration d’un plan de communication multicanal

Le projet complet par bloc de compétences

Bloc 1 - Gestion projet et cahier des charges (2 Mo)
Bloc 2 - Maquettes & visuels (14 Mo)
Blocs 3&4 - Développement & mise en ligne (25 Mo)

Une immersion complète dans la construction d’un univers de marque, entre stratégie, design graphique et cohérence cross-supports.

Le projet

Refonte des supports et outils de communication pour les différents services de la Maison de l’Emploi et de la Formation Mission Locale Nord-Est 77, couvrant plusieurs thématiques clés.

Objectif

Moderniser et harmoniser la communication visuelle afin de faciliter la compréhension et l’appropriation par les publics cibles, tout en valorisant les différents dispositifs proposés.

Travaux réalisés

Refonte des supports de communication pour les actions liées à la recherche d’emploi, alternance et formation (ex : Club Emploi, Digi’Codes)
Création d’affiches et livrets pour les actions santé et social (ex : Atelier Image de soi, Livret Ma Santé)
Mise à jour des supports pour les accompagnements spécifiques (ex : Garantie Jeunes, Défi 40, Défi 50)

Un travail de mise en cohérence graphique et éditoriale, visant à renforcer la visibilité et l’impact des services proposés auprès des différents publics.

Le projet

La Maison de l’Emploi et la Ville de Meaux organisent chaque année, depuis 2012, un Forum dédié aux métiers de la Justice, la Sécurité et la Défense. En tant qu’infographiste, j’ai réalisé les supports de communication (affiches, badges, cul de bus, signalétique) pour plusieurs éditions (de 2014 à 2021), avec des ajustements annuels.

Objectif

Concevoir des visuels percutants et cohérents pour promouvoir l’événement et renforcer sa visibilité auprès du public et des professionnels.

Travaux réalisés

Création et déclinaison d’affiches pour plusieurs éditions
Conception de supports événementiels variés : badges, affichages urbains, signalétique
Adaptation graphique selon les retours et évolutions du forum

Un projet récurrent qui m’a permis de développer une communication événementielle dynamique, en phase avec les attentes institutionnelles et le public cible.

Le projet

De 2015 à 2019, j’ai assuré la réalisation des supports de communication pour le forum emploi intérim de Saint-Souplet, organisé par l’antenne locale de la Maison de l’Emploi et de la Formation Nord-Est 77.

Objectif

Promouvoir un événement local dédié à l’emploi intérimaire auprès du grand public, des partenaires et des entreprises du territoire.

Travaux réalisés

Création des affiches (formats A3 et urbains)
Flyers / Invitations
Bandeau de signature mail
Déclinaisons visuelles pour impression et diffusion digitale

Un projet local mené sur plusieurs éditions, avec des supports simples mais efficaces, adaptés aux réalités de terrain et aux contraintes de communication de proximité.

Le projet

Dans le cadre de mes fonctions d’infographiste webdesigner à la Maison de l’Emploi et Mission Locale, j’ai participé à la refonte du site internet, en collaboration avec mes collègues et une agence pour le développement et la maintenance.

Objectif

Améliorer l’ergonomie, l’expérience utilisateur et la cohérence graphique du site, tout en facilitant la gestion des contenus.

Travaux réalisés

Réflexion sur l’ergonomie et l’expérience utilisateur
Création graphique et réalisation d’éléments visuels (pictogrammes, boutons…)
Sélection des images et conception des pages
Personnalisation via CSS et intégration de plugins/modules
Coordination avec les prestataires techniques
Mise à jour régulière des contenus et publication d’articles

Un projet collaboratif mêlant design, technique et gestion de contenu, visant à offrir un site moderne, fonctionnel et attractif pour les usagers.

Le projet

Face à la réforme de la formation professionnelle, la Maison de l’Emploi et de la Formation Nord-Est 77 a développé une boîte à outils numérique pour accompagner employeurs et futurs alternants. L’outil regroupe des ressources pratiques et administratives adaptées aux besoins distincts de ces deux publics.

Objectif

Faciliter l’accès à l’information et aux documents essentiels sur l’alternance, en proposant deux espaces dédiés pour répondre aux attentes spécifiques des employeurs et des apprenants.

Travaux réalisés

Co-construction active avec les acteurs territoriaux et pilotage en collaboration étroite
Conception et structuration de contenus différenciés pour employeurs (templates Word, process PDF) et apprenants (outils d’aide à la recherche d’emploi, formalités)
Création graphique et mise en page des documents numériques
Mise en place d’un suivi continu pour garantir la mise à jour régulière et la pérennité de l’outil

Un projet structurant, à la fois collaboratif et évolutif, qui répond aux réalités territoriales et poursuit son impact au-delà de sa création initiale.

Le projet

La Maison de l’Emploi et de la Formation Nord-Est 77, en partenariat avec plusieurs acteurs territoriaux, a conçu une cartographie interactive de l’alternance pour valoriser l’offre de formation auprès des jeunes, parents, entreprises et partenaires. Cet outil met en lumière la diversité des formations disponibles sur le territoire couvert par la MDENE77.

Objectif

Faciliter la découverte et l’accès à l’alternance sur un territoire étendu, en rendant visible l’ensemble des formations et établissements via une interface interactive.

Travaux réalisés

Pilotage créatif et coordination avec les partenaires pour collecter les données et contenus
Conception graphique et réalisation des maquettes et fiches formation
Collaboration avec un prestataire pour le développement de la cartographie interactive et du back-office
Suivi et mise à jour régulière des informations depuis la mise en ligne (juin 2017)

Un projet ambitieux et collaboratif, clé pour la promotion de l’alternance sur un territoire complexe, avec un fort ancrage local et une dynamique d’amélioration continue.

Le projet

Événement annuel organisé par la Maison de l’Emploi et de la Formation Nord-Est 77, le Forum de l’Alternance vise à promouvoir l’apprentissage et les contrats de professionnalisation sur le territoire.

Objectif

Assurer une communication attractive, lisible et multicanale, à destination des jeunes, des familles et des entreprises, pour valoriser l’événement et maximiser sa fréquentation.

Travaux réalisés

Création de l’affiche officielle (format urbain + déclinaisons A4 et A3)
Flyers de diffusion (imprimés et PDF interactif)
Signalétique sur place
Bandeaux pour signature de mail
Communication réseaux sociaux
Communiqué de presse

Un projet structurant, avec des supports professionnels conçus pour s’adapter à une large diffusion, tout en maintenant une identité claire et fédératrice autour de l’alternance chaque année.

Le projet

Sélection de créations graphiques réalisées pour des actions ponctuelles menées par la structure :
Supports de sensibilisation, événements internes, communication de service…

Le projet

Refonte complète de la charte graphique de la Maison de l’Emploi et de la Mission Locale Nord-Est 77 en 2018, pour officialiser la fusion de nos 2 structures. Un travail mené en interne pour créer un logo unique et fédérateur, remplaçant les deux identités visuelles existantes.

Objectif

Concevoir un logo symbolisant l’unité, la collaboration et la polyvalence des services, avec des déclinaisons adaptées à tous les usages.

Travaux réalisés

Propositions de 2 logos avec 3 déclinaisons de couleurs
Organisation d’une consultation interne avec équipe et élus
Création d’un logo final mixant les meilleures idées des propositions
Déclinaisons graphiques : version longue, palette couleurs orange et bleu-vert
Formalisation du sens du logo : arcs de cercle symbolisant partenariat, territoire et public ; « M » représentant la polyvalence et la fusion des structures.

Un logo porteur de sens, à la fois professionnel et humain, incarnant les valeurs de coopération et de proximité du territoire Nord-Est 77.

Le projet

Dans le cadre de la création de sa boutique en ligne, la cliente m'a sollicité pour la conception d’un logo reflétant l’univers de sa marque : tendance, glamour et élégance.

Objectif

Créer un logo chic et féminin, en accord avec les préférences esthétiques de la cliente (rouge, noir, argenté) et l’image qu’elle souhaitait véhiculer.

Travaux réalisés

Deux propositions de logo
Trois palettes couleurs différentes pour chaque proposition
Conseils personnalisés et ajustements sur les éléments graphiques
Finalisation du logo avec un mélange de rouge, violet et des éléments floraux (roses rouges et argentées)

Une identité sur-mesure, née d’un vrai échange avec la cliente, pour poser les bases visuelles de sa marque et de sa boutique en ligne.

Le projet

L’Éclaireuse Consulting est une consultante indépendante spécialisée dans l’accompagnement sur-mesure à la création d’entreprise, pour des clients variés (entreprises, collectivités, particuliers). La cliente souhaitait un logo reflétant sa mission de guide et de soutien, avec une symbolique forte autour de la lumière.

Objectif

Créer un logo unique et parlant, incorporant une ampoule renversée pour symboliser la lumière qui éclaire le chemin, en renforçant le lien avec le nom « Éclaireuse » grâce à un éclair dynamique, tout en instaurant un sentiment de confiance via la palette de couleurs.

Travaux réalisés

Brief approfondi et échanges avec la cliente
Propositions graphiques intégrant l’ampoule, l’éclair et un élément symbolisant la construction du projet (écrou bicolore)
Sélection des couleurs : jaune lumineux et bleu nuit rassurant
Présentation de 3 propositions avec variantes typographiques et chromatiques
Finalisation du logo selon choix de la cliente

Signification du logo

L’ampoule incarne la lumière, la clarté et l’émergence d’idées. L’écrou bicolore représente les étapes et la construction progressive d’un projet. L’éclair symbolise la vivacité, la réactivité et rappelle le nom de l’entreprise. L’ensemble véhicule confiance, dynamisme et accompagnement personnalisé, adapté à un public en difficulté.

Une identité visuelle forte, pensée pour rassurer et inspirer, en parfaite adéquation avec les valeurs et la mission de L’Éclaireuse Consulting.

Le projet

Devenu un client fidèle, le CFA de la Mobilité Urbaine Durable a fait appel à mes services pour orchestrer la communication de ses Journées Portes Ouvertes, en 2018 et 2019. Un projet événementiel d’envergure, visible dans tout Paris.

Objectif

Concevoir une campagne de communication cohérente, visible et attrayante, pour promouvoir les formations du CFA et générer du trafic lors des JPO.

Travaux réalisés

Création d’un flyer A5 recto-verso
Affiches A4 et grand format pour le métro (150 emplacements à Paris)
Banderole 3m pour façade du campus RATP
Affiches de présentation des différentes formations
Déclinaisons print pour diffusion interne et externe

Un projet stimulant, entre stratégie événementielle, contraintes d’affichage urbain et valorisation de l’offre de formation, dans un univers professionnel exigeant.

Le projet

Après la création de son identité visuelle, le CFA de la Mobilité Urbaine Durable m’a confié l’habillage graphique de son nouveau site internet, en collaboration avec une agence en charge du développement et de la maintenance.

Objectif

Concevoir une interface claire, fonctionnelle et engageante, en cohérence avec la nouvelle identité visuelle, pour valoriser l’offre de formation et faciliter la navigation.

Travaux réalisés

Réflexion UX : ergonomie, arborescence, hiérarchie de l’information
Recherche visuelle et création graphique
Conception des éléments UI (pictos, boutons, puces, visuels)
Choix des images et création des pages clés (accueil, actualités, contact, FAQ, pages intérieures)
Collaboration avec l’agence web et coordination avec les autres prestataires

Un projet transversal entre UX, UI et gestion de projet, au service d’un acteur de la formation en pleine structuration digitale.

Le projet

À son ouverture en 2017, le CFA de la Mobilité Urbaine Durable (créé à l’initiative de la RATP) m’a confié la création de son identité visuelle complète, dans le cadre de mes activités en freelance.

Objectif

Concevoir une identité graphique forte, modulable et porteuse de sens, en phase avec les valeurs du CFA : excellence, développement durable, mobilité et digital.

Travaux réalisés

Création du logo et déclinaisons (couleur, monochrome, noir et blanc)
Élaboration d’une charte graphique complète avec palette étendue
Recherches symboliques autour des notions de mobilité, innovation, environnement et excellence
Accompagnement à la formalisation de l’identité visuelle à travers les premiers supports

Signification du logo

Le logo incarne la mobilité et le développement durable à travers ses formes et couleurs. Le bleu autour du « A » fait écho à l’excellence, tandis que le vert (PANTONE Greenery) évoque l’innovation, la nature et le digital. Le « D » stylisé ancre visuellement la dimension numérique.

Un projet fondateur, mené dès la création du CFA, qui a permis d’asseoir une identité cohérente et durable dès les premiers pas de la structure.