Product Designer

Développeur Webflow / Framer

☻

Je conçois des produits digitaux utiles, accessibles et alignés avec les enjeux métier. Mon approche mêle stratégie, design et tech pour créer des expériences impactantes.

Actuellement disponible !
Domaines de compétences

Product Designer avec une forte sensibilité UI et une culture technique, j’interviens de la compréhension du besoin jusqu’à la mise en production. Je conçois des expériences utiles, accessibles et cohérentes, en faisant le lien entre enjeux utilisateurs, objectifs métier et contraintes techniques.

01

Compétences techniques.

UX Research - UX/UI Design :Testapic (Questionnaires, sondages, tests à distance); Hotjar; Google Form;AirTable; Amplitude; Miro; Figjam; Figma; Sketch; Invisio; Adobe XD;Illustrator; After Effect.
Data Analytics/Visualisation :Hotjar; Amplitude, Google Analytics, Notion
Collaboration / Restitution :JIRA; Confluence; Trello; Miro; Figjam; Figma; Storybook, Google workspace
Communication :Slack; Teams; Zoom; Skype; Google Meet.
Développement front-end & back-end :HTML; CSS; ReactJs; React Native; Symfony; Twig; SQL BDD; Webflow;Framer; Lottie; Supabase

02

Compétences fonctionnelles.

Design System
  • Création et maintenance de Design Systems modulaires (Atomic Design)
  • Définition et gestion de design tokens, styles et composants réutilisables et responsives
  • Documentation claire pour la cohérence entre équipes design/dev
  • Mise en place d’une gouvernance et d’un versioning des composants
  • Collaboration avec les devs pour l’intégration (Figma ↔ React / Storybook)

UI Design
  • Conception des interfaces claires, cohérentes et accessibles (AA/AAA)
  • Création de maquettes haute fidélité sous Figma
  • Maîtrise de la typographie, des couleurs, de la hiérarchie visuelle
  • Micro-interactions et animations via Lottie et Principle
  • Intégration des bonnes pratiques responsive et design mobile-first

UX Design
  • Conception de parcours utilisateurs fluides et orientés objectifs
  • Création de wireframes, prototypes interactifs et scénarios d’usage
  • Validation des hypothèses via itérations et tests
  • Collaboration étroite avec Product Managers et développeurs
  • Approche centrée utilisateur basée sur la recherche et la data

UX Research
  • Conduite d’entretiens, tests utilisateurs et études qualitatives/quantitatives
  • Analyse des comportements via Hotjar, Clarity, Mixpanel, Google Analytics
  • Identification des besoins, pain points et opportunités produit
  • Création de personas, user journeys et synthèses d’insights actionnables
  • Animation de workshops de co-création et cadrage UX
Projets

12

L’AFD disposait d’un UI Kit basé sur Angular Material, utilisé sur plusieurs projets (dont le Portail Collaborateurs), mais sans documentation, sans gouvernance claire et avec de forts écarts entre design et développement.Après un an d’usage, un audit global était nécessaire pour évaluer sa maturité et définir une trajectoire d’évolution vers un Design System. Demande et objectifs :  Auditer le UI Kit existant (Figma & Framework Angular).
  • Identifier les écarts UI / UX / Dev et les risques associés.
  • Consolider les composants critiques.
  • Structurer une documentation exploitable (Design & Dev).
  • Proposer une gouvernance cible et une vision long terme.


Évolution du UI Kit AFD vers un  Design System structuré

2025 - 2026
Audit complet du UI Kit (contenu, structure, usages, organisation).
Identification des écarts Design ↔ Dev et de la dette de conception.
Nettoyage, consolidation et rationalisation des composants.
Lancement des Design Tokens (primitives & sémantiques).
Mise en place d’un Zeroheight.
Définition d’une trajectoire claire vers un Design System AFD.
PORTFOLIO_MERDY_MOUANGA_MAI_2026.png
AFD_5.png
AFD_6.png

12

Bookfolio App est une application mobile que j’ai conçue et développée entièrement, de l’idée initiale jusqu’à sa mise en ligne sur l’App Store. J’ai commencé par la phase de design sur Figma, en travaillant l’expérience utilisateur, les wireframes, les maquettes UI et le design system complet. Côté technique, l’application a été développée avec React Native, connectée à une API Symfony pour la gestion des données et des utilisateurs. J’ai également géré l'intégration des fonctionnalités, les tests sur différents appareils, la configuration du compte développeur Apple, et la soumission sur l’App Store. Aujourd’hui, Bookfolio App est en ligne, téléchargée et utilisée activement par ses utilisateurs.

Application mobile

2025

Direction artistique

UI/UX

Design System

Prototypes interactifs

Développement mobile

67dd483a00f7b9e03da8376f_App01.webp
67dd48021d23a3557d559ada_App02.webp
67dd480175895f74c13f2a39_App03.webp
67dd4801b20d47ddbc65f1b7_App04.webp

11

Vitalis est un template Webflow moderne et épuré, conçu pour les studios de bien-être, les marques lifestyle et les coachs créatifs.
Pensé autour de la clarté, de l’équilibre et de l’esthétique, chaque élément reflète un univers à la fois apaisant et haut de gamme.
Il repose sur un Design System complet et une architecture de design tokens, permettant de le faire évoluer, de le personnaliser facilement et de garantir une parfaite cohérence sur l’ensemble des pages.

Template Webflow Vitalis Studio

2025

Direction artistique

UI/UX

Développement Webflow

Gestion des CMS

Optimisation SEO et accessibilité

MiddleScreen.png
TopScreen.png
LeftScreen.png
TopRightScreen.png
BottomRightScreen.png

11

Sereniya est un template Webflow premium conçu pour les studios de bien-être modernes, les retraites holistiques, les professeurs de Pilates et les créateurs engagés qui souhaitent présenter leur univers avec clarté, douceur et élégance.
Construit autour d’un Design System apaisant et d’un storytelling pensé avec soin, Sereniya vous aide à créer un véritable havre digital, à la fois spacieux, harmonieux et inspirant, que vous proposiez des cours collectifs, organisiez des retraites ou développiez la présence en ligne de votre studio.

Template Webflow Sereniya

2025

Direction artistique

UI/UX

Développement Webflow

Gestion des CMS

Optimisation SEO et accessibilité

01.png
02.png
3.png
4.png
5.png

11

Misko est un template Webflow élégant et moderne, conçu pour les créatifs, les stratèges et les designers visuels. Il propose une mise en page audacieuse et immersive avec une expérience utilisateur fluide, idéale pour mettre en valeur un portfolio. J’ai entièrement pris en charge ce projet, de la direction artistique à l’UX/UI design, en passant par la conception du design system, le prototypage, et l’intégration complète sur Webflow. L’objectif était de créer un template à la fois esthétique, fonctionnel et facilement personnalisable.

Template Webflow Misko

2025

Direction artistique

UI/UX

Développement Webflow

Gestion des CMS

Optimisation SEO et accessibilité

67dd3bfc78cd36daf5513130_01.png
67dd3bfc358e50859d95d995_05.png
67dd3bfc3aba831632ae93d6_03.png
67dd3bfcaa2288f441e2b93f_02.png
67dd3bfc34f46aaee1d12714_04.png

10

Ambessa est un template conçu sur Figma et développé sur Webflow. L'objectif était de créer un design élégant et minimaliste conçu pour les photographes et les créatifs. Il offre une navigation fluide, une mise en valeur soignée des portfolios et une mise en page moderne. J’ai entièrement pris en charge ce projet, de la direction artistique à l’UX/UI design, en passant par la conception du design system, le prototypage, et l’intégration complète sur Webflow.

Template Webflow Ambessa

2025

Direction artistique

UI/UX

Développement Webflow

Gestion des CMS

Optimisation SEO et accessibilité

67cc0993f42c14bba1366207_Ambessa_01.png
67cc0993569e0531ab9df551_Ambessa_03.png
67cc0993dbee0c171bb170d4_Ambessa_04.png
67cc09934912026bb506c849_Ambessa_05.png

09

Mokku est un template conçu sur Figma et développé sur Webflow. L'objectif était de créer un design professionnel et minimaliste, parfaitement adapté aux photographes souhaitant mettre en valeur leurs galeries, portfolios, albums photo et studios. Idéal pour tout site axé sur la photographie et les collections visuelles. J’ai entièrement pris en charge ce projet, de la direction artistique à l’UX/UI design, en passant par la conception du design system, le prototypage, et l’intégration complète sur Webflow.

Template Webflow Mokku

2024

Direction artistique

UI/UX

Développement Webflow

Gestion des CMS

Optimisation SEO et accessibilité

67cc00f3ee1ae08fe01622a7_Mokku_01.png
67cc00f2bbdfd91233b0c6d7_Mokku_02.png
67cc00f3c77c99665e5ab630_Mokku_04.png
67cc00f3d24498a778a1e1c1_Mokku_05.png

08

Hubside Stories est un magazine en ligne dédié aux personnalités inspirantes ou exceptionnelles engagées dans des projets variés qu'elles portent avec passion.

Création d'un magazine en ligne Hubside Stories

2022
Brand strategy
Workshops
Logo design
Direction artistique
UI/UX
663df00d6542c64b13e13060_01.png
663df42b44a96d5459adec6a_02.png
663df43c63b51e914d7e9695_04.png
663df015ee73f3b3cbe43cc2_03.png
663df01d4330f3c3cc8762a5_05.png

07

Bookfolio est un projet personnel que j'ai lancé il y a plus de 10 ans. Depuis sa première version en ligne, son design a considérablement évolué. L'objectif initial était de fournir aux artistes un moyen gratuit de créer et de partager leur portfolio en ligne. Il a été conçu avec Symfony pour la partie back-end, Vue.js pour la création de books, et React.js pour l'interface d'administration des utilisateurs. Aujourd'hui, Bookfolio compte une communauté de plus de 9000 utilisateurs ! En plus de la plateforme web, une application mobile est désormais disponible, offrant une expérience encore plus pratique aux utilisateurs.

Création de Bookfolio

2020
Logotype
Direction artistique
Design graphique
Intégration
React JS, HTML, CSS, Symfony
67cbfd52154052b87cc7f9ce_Bookfolio_01.png
67cbfd5230e70ffebef796a3_Bookfolio_02.png
67cbfd52a379b95a67397b60_Bookfolio_03.png
6640aeb804bb5b35605c2f1c_91.png
6640aeb88bde2a449fd8c2af_94.png

06

Mille et un rêves est un très joli institut de beauté situé à Noisy-le-Grand, en Seine-Saint-Denis. Véritable voyage sensoriel vous transportant dans une bulle de plénitude. Envoûtement thérapeutique vous entraînant sur le chemin de lâcher prise et de bien.

Refonte graphique Mille & un Rêves

2021
UI
Photographie
Développement web
Webdesign
Direction artistique
663dfbf612bbf34551b25bce_11.png
663dfbf62a60f1a325f2f962_2.png
663dfbf6bf2218566da96362_3.png
663dfbf695687760a5dd7410_4.png
663dfbf6a32ae4b1fcce3316_5.png

05

Quelques réalisations dans le domaine du print entre 2013 et 2018, incluant la conception de kakemonos Roll Up, de cartes de visite, de plaquettes, et bien d'autres.

Différents type de Print & objets

2013-2018
Print
Plaquettes
Direction artistique
663f3b45fd33ed96c6bdd6a5_57.png
663f3b45fd33ed96c6bdd691_63.png
663f3b45b99ef9ab02c10237_64.png
663f3b4569fa8f2974877aed_65.png
663f3b45c6546b588a9c1394_66.png

04

Au fil des années, j'ai eu le plaisir de concevoir plusieurs sites web, certains sont devenus des projets concrets, d'autres ont servi de tests de concept.

Autres projets de création de Site web

2013-2018
UI
UX
Design
Direction artistique
663f3c0e6fd5f536fb3a2c77_50.png
663f3c0eb08dc063a2f25f68_51.png
663f3c0dcc5c6b1b52497417_52.png
663f3c0ee8028f66c8e1145f_53.png
663f3c0ea879993f06dc6feb_54.png

03

Quelques exemples de créations de logos que j'ai eu le plaisir de concevoir, allant de 2013 à 2022. Chaque logo représente une fusion d'idées et de créativité pour donner vie à l'identité visuelle de divers projets.

Création de Logos

2013-2022
Logotype
Direction artistique
Design graphique
663e1d96a4612b5d1c696009_1.png
663f3dfa22ee48ce2e40a61c_2.png
663f3dfbb6fa0e897dcf4e31_3.png
663f3dfa6fd5f536fb3b75c7_10.png

02

Création graphique de plusieurs éléments UI.

Éléments UI

2019-2024
UI
Design
Direction artistique
663f7bdfdc619e598732332f_69.png
663f7a52a4b14d35526fbd67_73.png
663f7a52b44dcaec02ce1a73_74.png
663f7a52f782fc93b5904fbf_75.png

01

Conception de divers templates pour l'éditeur Hubside, une plateforme conçue pour faciliter la création de sites web par des particuliers et des professionnels.

Hubside : Création de Templates

2019-2024
Design
UX
Direction artistique
Création de logo
663f4733c02f153c27f599f2_86.png
663f4733fa2fbe382c377832_87.png
663f4733aa35342965e43736_89.png
663f4733fd4991715c732432_83.png
663f473355c5780ea88f2380_90.png
À propos de moi

Product designer Senior et développeur webflow passionné par la conception d'interfaces conviviales. Mon principal objectif est de placer l'utilisateur au cœur de mes créations, tout en restant attentif à vos objectifs commerciaux et marketing.

Conception d'interfaces

Avec plusieurs années d'expérience, j'ai acquis une solide expertise dans la conception d'interfaces qui font la différence. J'utilise principalement des outils comme Figma pour donner vie à vos idées et créer des maquettes interactives. De plus, j'utilise Illustrator pour la conception de logos et Photoshop pour la création de visuels.

Développement front-end

En plus de la conception graphique, je suis également impliqué dans le développement front-end pour garantir une expérience utilisateur cohérente du début à la fin. Je peux vous accompagner dans l'intégration HTML, CSS et JavaScript de vos différentes interfaces, qu'elles soient destinées aux ordinateurs, bornes ou appareils mobiles. J'ai une préférence pour les développements "from scratch" mais je suis également à l'aise avec des plateformes telles que Webflow et WordPress.

Créateur d'expériences

Je tire ma force de ma polyvalence et de ma vision globale. Je conçois des produits web et mobiles qui répondent aux besoins des utilisateurs tout en soutenant vos objectifs commerciaux. Mon objectif est d'apporter une véritable valeur à votre entreprise en proposant des expériences qui impressionnent vos clients finaux.

6641286434ab26354579f371_2149930951.jpg
6641264268ff31530956644a_phpprogramminghtmlcodingcyberspaceconcept.jpg
6641296e7ccb7818c7e1ae0b_2149371203.jpg

Entreprise

Rôle

Période

Vous ?

Product Designer Senior

Disponible à partir de maintenant

Devoteam

Product Designer Senior

Octobre 2025 - Mai 2026

Hubside

UX/UI Designer Senior

Août 2018 - Juin 2024

Eduniversal

UX/UI Designer Senior

Février 2013 - Juillet 2018

Groupe AEF

Graphiste web

Sep. 2012 - Janvier 2013

Itnetwork

Graphiste web

Mai 2010 - Août 2011

Mon profil vous intéresse ? Contactez-moi sur farramm@me.com

© 2026 merdymouanga. Tous droits réservés.