Team Leader Design UX/UI

Project Management Support Officer

Frontend Developer

Développeur .Net

Responsable Bureau des projets SI

IT Support &  Process Manager

Digital Production Manager

SME Business Suite (Groupe AXIAN)

<p><strong>Contexte et Enjeux :</strong> Le projet visait à transformer une solution existante en un produit de référence pour le groupe Axian. Le défi majeur était de reprendre les prototypes et fonctionnalités de l'ancien portail SME pour les adapter à l'identité visuelle <strong>YAS</strong>, tout en gérant la complexité d'une interface unique capable de servir deux profils distincts : PME et Corporate<br><br><strong>Ma Mission et Déroulement :</strong></p><ol><li><p><strong>Migration vers la Charte YAS &amp; Design System :</strong> J'ai piloté la remise aux normes graphiques de l'ensemble des interfaces en intégrant les codes de la <strong>marque YAS</strong> (logo, typographies, iconographie, et composants UI). J'ai instauré une architecture de page standardisée : logo YAS Business en haut à gauche, menu latéral avec fonctions grisées si inactives, et une ligne de navigation centrale pour une clarté optimale du service actif.<br><br></p></li><li><p><strong>Architecture "Villa Unique" (Multi-profils) :</strong> Pour optimiser le développement, j'ai conçu une structure de navigation conditionnelle. Sur une base logicielle unique, l'interface adapte ses menus et widgets selon que l'utilisateur est un profil <strong>PME (SME)</strong> ou <strong>Corporate</strong>, permettant une scalabilité maximale sur tous les marchés du groupe.</p></li><li><p><strong>Digitalisation du "Sales Journey" :</strong> J'ai transformé le parcours d'acquisition en un tunnel 100 % digital. Cela inclut un <strong>moteur de recommandation interactif (Q&amp;A)</strong> configuré en back-office, la génération automatique de contrats PDF, et l'intégration de solutions de paiement locales prioritaires comme <strong>Wave</strong> au Sénégal.</p></li><li><p><strong>Gestion de Flotte et Dispatching (Corporate Self-care) :</strong> Pour le segment Corporate, j'ai conçu des outils de gestion de masse permettant aux gestionnaires de piloter des centaines de lignes (SIM Swap, suspensions, migrations). Un point fort a été la création de l'interface de <strong>dispatching de ressources</strong>, permettant l'allocation granulaire de data, voix et SMS par groupe d'employés.</p></li><li><p><strong>Back-Office &amp; Sécurité (Task Management System) :</strong> J'ai maquetter le <strong>TMS</strong>, l'outil de gestion des flux de travail permettant aux équipes internes de valider les preuves de paiement, de vérifier les documents légaux et de suivre les installations techniques en temps réel.</p></li><li><p><strong>Conformité et Expérience Critique (Sprint Madagascar) :</strong> Dans le cadre de l'intégration système à Madagascar, j'ai réalisé les parcours de <strong>sécurité renforcée (Double Authentification 2FA)</strong>, la gestion des cookies par catégories et la mise en conformité des mentions légales spécifiques à TELECOM MALAGASY S.A<br></p></li></ol><p><strong>Résultats :</strong> Une plateforme moderne, totalement alignée sur la stratégie de marque <strong>YAS</strong>, offrant une autonomie 24/7 aux entreprises et réduisant considérablement les processus manuels d'onboarding et de gestion de flotte</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrxadr362t57ed10gddkcx.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrhkx82vj958f5byqa73wk.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrhv5g2xtx5ce8g48t8l59.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwridud2ve558didh69c2ce.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrioey31jv57f88y3reods.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrz1d0333e5egq1ink1n75.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrzmkq2zw058ggdyke7my9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwrzwsr33mb58d3dp3z45qk.png"><div class="image-overlay"></div></div></div></div>

Lead UX/UI Designer en charge de la modernisation de l'ancien portail SME (basé sur le modèle Tanzanie) pour l'aligner sur la nouvelle charte graphique YAS Business
. Ma mission a consisté à concevoir un écosystème digital "white-label" et responsive pour les marchés du Sénégal, du Togo et de Madagascar, garantissant une expérience utilisateur unifiée et autonome

Web Design

Design System

UX/UI Designer

Refonte et Déploiement de la SME Business Suite : Transition vers charte YAS (Groupe Axian)

Moi même

<h2>Projet : Création d’un Portfolio UX/UI Designer</h2><p>Dans le cadre de mes projets, j’ai développé mon propre portfolio en ligne pour refléter mon expertise en UX/UI design et exposer ma démarche professionnelle.</p><p>Mon objectif principal est de partager un espace digital structuré, esthétique et intuitif, où chaque élément illustre mes compétences en conception, l’impact de mes réalisations sur l’expérience utilisateur ainsi que ma capacité à mettre en œuvre des design systems efficaces.​</p><p></p><p></p><h2>Mon process</h2><ul><li><p>La recherche d’authenticité dans la présentation de mes travaux, via des études de cas détaillées et des projets variés (sites web, landing pages, design systems).</p></li><li><p>L’intégration d’éléments interactifs et d’une navigation simplifiée, permettant aux visiteurs de découvrir facilement chacune de mes contributions.</p></li><li><p>Le souci de l’accessibilité, avec une attention portée à la clarté visuelle, à la hiérarchie de l’information et au respect des bonnes pratiques UX/UI.</p></li></ul><p></p><p></p><p>Ce portfolio est aussi une vitrine de mon évolution, témoignant de mon désir constant d’enrichir mes compétences, d’expérimenter de nouveaux outils et de valoriser la collaboration créative. Il incarne ma passion pour un design qui écoute, traduit et façonne des expériences durables pour l’utilisateur.</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi60j3zq4rv35ucuhd7s8ed3.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi60iepe5vw45te57kd53fi6.png"><div class="image-overlay"></div></div></div></div>

Sass

Framer

Portfolio professionnel

OHM-energie

<h2><strong>Mission UX/UI Designer</strong></h2><p>En tant que designer UX/UI, mon rôle a été de concevoir une expérience fluide, rassurante et centrée utilisateur, tout en développant une interface moderne, cohérente et orientée conversion.</p><p></p><p></p><h2><strong>Approche UX</strong></h2><ul><li><p><strong>Définition des personae utilisateurs</strong> : Analyse des besoins des commerçants, TPE et PME pour bâtir des scénarios d’usage pertinents.</p></li><li><p><strong>Clarification du message</strong> : Élaboration d’une communication directe et rassurante dès l’arrivée sur la page (accroche, bénéfices et preuves sociales immédiatement visibles).</p></li><li><p><strong>Structuration du parcours</strong> : Organisation linéaire du contenu en étapes, guidant l’utilisateur de la découverte à la conversion, avec des points de réassurance tout au long (témoignages, FAQ, score de satisfaction).</p></li><li><p><strong>Optimisation des appels à l’action</strong> : Multiplication des CTA clairs et accessibles, placés stratégiquement pour maximiser les opportunités de contact et diminuer le taux de rebond.</p></li></ul><p></p><h2><strong>Approche UI</strong></h2><ul><li><p><strong>Design &amp; identité visuelle</strong> : Choix d’une palette verte et jaune pour évoquer l’énergie et l’éco-responsabilité, designs d’illustrations et photos en cohésion avec la thématique.</p></li><li><p><strong>Hiérarchie et lisibilité</strong> : Mise en valeur des informations clés par typographie, couleurs, et encadrés pour fluidifier la navigation visuelle et accélérer la prise de décision.</p></li><li><p><strong>Cohérence des composants</strong> : Harmonisation des boutons, pictogrammes, et éléments interactifs pour garantir un parcours utilisateur intuitif et homogène.</p></li><li><p><strong>Responsive design</strong> : Structuration par blocs et tests sur desktop/mobile pour assurer une expérience utilisateur optimale quel que soit le support.</p></li></ul><p></p><h2><strong>Livrables</strong></h2><ul><li><p>Wireframes (Figma)</p></li><li><p>Prototype interactif</p></li><li><p>Design system pour déclinaisons futures</p></li><li><p>Spécifications pour intégration front-end</p></li></ul><p></p><h2><strong>Impact</strong></h2><p>Le projet a permis d’augmenter le taux de conversion tout en obtenant une excellente note de satisfaction utilisateur, grâce à une UX pédagogique et un UI rassurant, cohérent avec la cible et les valeurs de la marque.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2t3cbi3oj45sez7vb30ppu.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2t2jhx3obr5sez4x1d0r45.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2t2rf93odu5sez3b1ydg5w.png"><div class="image-overlay"></div></div></div></div><p><br></p>

Réalisation d’une landing page visant à promouvoir une offre d’électricité à tarif fixe à destination des professionnels et indépendants. L’objectif principal était de maximiser la conversion tout en facilitant la compréhension des avantages et du parcours utilisateur.

Motion Design

Landing Page Offre Énergie

Fondation AXIAN

<p>🎯 Objectifs du projet</p><ul><li><p>Traduire la mission et les valeurs de la Fondation à travers une identité visuelle cohérente.</p></li><li><p>Structurer les contenus pour rendre les impacts chiffrés et les actualités clairs et faciles à consulter.</p></li><li><p>Optimiser l’expérience utilisateur via une navigation fluide, responsive et adaptée aux différents profils d’utilisateurs (partenaires, donateurs, bénéficiaires).<br></p></li></ul><p>🔑 Mes contributions</p><ul><li><p>Wireframes &amp; Architecture de l'information : conception de la structure du contenu pour mettre en lumière les domaines d’action prioritaires de la Fondation (éducation, santé, développement communautaire).</p></li><li><p>UI Design : création d’une interface épurée et élégante, s’appuyant sur la charte AXIAN et un système d’icônes filaires pour une meilleure lisibilité.</p></li><li><p>Prototypage interactif : réalisation de prototypes haute-fidélité pour tester et affiner la fluidité des parcours utilisateurs avant le développement.</p></li><li><p>Optimisation responsive : déclinaisons mobile et tablette garantissant une accessibilité optimale sur tous les supports.</p></li><li><p>Valorisation des données : intégration de modules visuels dynamiques pour présenter les chiffres clés et les Objectifs de Développement Durable de manière percutante.<br><br></p></li></ul><p>✨ Résultats</p><ul><li><p>Un site institutionnel clair, structuré et aligné avec l’image de la Fondation.</p></li><li><p>Une interface qui renforce la transparence et la crédibilité grâce à une communication visuelle claire et impactante.</p></li><li><p>Une expérience utilisateur fluide facilitant l’accès aux projets, actualités et formulaires de contact.<br><br></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2smnndbocb5tcmh1jd0bab.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2smc2qboa55tcmblm6d7r4.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmi2slvhe3jva5sez7pi858u5.png"><div class="image-overlay"></div></div></div></div></li></ul>

En tant que UI Designer chez PULSE, j’ai orchestré la création d’une interface engageante et intuitive pour le site de la Fondation AXIAN. Grâce à des prototypes interactifs, j’ai assuré une expérience utilisateur fluide et adaptée à chaque profil.

Le site traduit parfaitement notre mission et nos valeurs. Le design est sobre, élégant et met en avant nos projets de manière claire et accessible. Nous avons eu de très bons retours de nos partenaires et bénéficiaires.

Fondation AXIAN – Site institutionnel

YAS Madagascar

<h2><strong>Mission : UI Designer Expert Design System</strong></h2><p>En qualité d’UI designer senior, mon rôle a consisté à piloter la création du design system, du cadrage stratégique à la documentation, tout en accompagnant les équipes produit et développement dans l’appropriation des composants et des standards.</p><p></p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmq69snmk21fh59glcvslgvbc.jpg"><div class="image-overlay"></div></div></div></div><h2><strong>Approche UX/UI et Design System</strong></h2><ul><li><p>Définition et formalisation des besoins avec les parties prenantes métier, produit et technique pour cerner les cas d’utilisation, les enjeux business et les exigences d’accessibilité.</p></li><li><p>Audit des interfaces existantes pour cartographier les incohérences, doublons et ruptures d’expérience, base d’une refonte centrée utilisateur.</p></li><li><p>Création d’une palette UI/UX adaptée au contexte professionnel local : respect du branding YAS, contraste élevé, colorimétrie et signalétique accessibles, refonte de la typographie et des grilles.</p></li><li><p>Conception atomique des composants (buttons, inputs, select, dropdowns, modales, alertes, etc.) en garantissant leur robustesse, leur flexibilité et leur réutilisabilité sur l’ensemble du périmètre applicatif.</p></li><li><p>Mise en place de guidelines d’usage, de tokens design (couleurs, espacements, tailles…), et d’une documentation systémique pour faciliter l’intégration par les équipes front-end et assurer la scalabilité du système.</p></li><li><p>Tests utilisateurs sur prototypes Figma, itérations rapides sur la base des retours terrain pour valider l’ergonomie et l’accessibilité des composants avant industrialisation.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmq69rttt21ms59f3a0o06aqz.jpg"><div class="image-overlay"></div></div></div></div><p></p><h2><strong>Livrables</strong></h2><ul><li><p>Audit UI/UX des applications historiques</p></li><li><p>Bibliothèque de composants interactifs sur Figma (et tokens exportables)</p></li><li><p>Guidelines de contribution, nomenclature et documentation collaborative</p></li><li><p>Kit d’intégration front-end (composants React/Angular…)</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwr21io2wen58e4740wfe7c.JPG"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmq69v64t228159iw3sd13ekf.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwr35wk2nov58d8ghcyh4a9.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmpwr4d0q2nv058et91t6h8a7.png"><div class="image-overlay"></div></div></div></div><h2><strong>Impact</strong></h2><p>Déploiement accéléré des nouveaux modules métier, réduction des temps de mise en production, expérience utilisateur homogène, valorisation de l’image de marque auprès des équipes internes comme des utilisateurs finaux grâce à une identité visuelle forte et une ergonomie éprouvée.</p><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmq69x7kh222k59g31ok2aigk.png"><div class="image-overlay"></div></div></div></div><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cmq69xnz124tq59h99obd1fsj.png"><div class="image-overlay"></div></div></div></div><p></p>

Dans un contexte de digitalisation rapide et de montée en complexité des applications métier du groupe YAS Madagascar, l’objectif principal a été de concevoir et déployer un design system unifié. Ce socle transversal vise à harmoniser l’expérience utilisateur, accélérer le développement, améliorer la cohérence visuelle et garantir l’accessibilité sur l’ensemble des interfaces métiers du groupe.

User Research

Figma

Création Design system YAS Madagascar

Mon portfolio

Mon CV

Senior UXUI Designer | Design Système

Senior User Interface Designer

Designer UI, graphiste

Designer Web

Infographiste

Réalisation des supports visuels, mise à jours du Site web, Couvertures photos et vidéos des divers évènements...

Designer

conception des supports de communication pour SODEAM, SODIREX, SOREDIM, TAF, SODUTY...

Tanjona RAMAROMANGA

Senior UXUI Designer | Design Système

Recommandé par

À propos

Expérience de travail

Pulse

Senior User Interface Designer

Designer UI, graphiste

Designer Web

Infographiste

Designer

Assistant infographiste

Formation

ESM

University of Antananarivo

Portfolio

Refonte et Déploiement de la SME Business Suite : Transition vers charte YAS (Groupe Axian)

SME Business Suite (Groupe AXIAN)

Portfolio professionnel

Moi même

Landing Page Offre Énergie

OHM-energie

Fondation AXIAN – Site institutionnel

Fondation AXIAN

Création Design system YAS Madagascar

YAS Madagascar

Talents

Recruteurs

À propos

Tanjona RAMAROMANGA

Senior UXUI Designer | Design Système

Recommandé par

À propos

Expérience de travail

.css-171onha{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;}Pulse

Senior User Interface Designer

Designer UI, graphiste

Designer Web

Infographiste

Designer

Assistant infographiste

Formation

ESM

University of Antananarivo

Portfolio

Refonte et Déploiement de la SME Business Suite : Transition vers charte YAS (Groupe Axian)

SME Business Suite (Groupe AXIAN)

Portfolio professionnel

Moi même

Landing Page Offre Énergie

OHM-energie

Fondation AXIAN – Site institutionnel

Fondation AXIAN

Création Design system YAS Madagascar

YAS Madagascar

Talents

Recruteurs

À propos

Pulse