Product Designer

Développeur Webflow

☻

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

Expert en design d'interface et en ergonomie web/mobile, je crée des expériences intuitives et adapte le design à vos besoins. Mes compétences en développement web me permettent d'accompagner un produit de la conception à la mise en production, en comprenant les enjeux et contraintes des développeurs pour une meilleure intégration du design.

01

Product designer

  • Prototypage & wireframing
  • Design responsive & adaptatif
  • Design accessible
  • Design systems
  • UI Kits & style guides
  • User flow & expérience utilisateur
  • Interaction design
  • A/B testing & optimisation UI

02

Stratégie & optimisation

  • Branding & identité visuelle
  • SEO-Friendly UI design

03

Développement web

  • HTML, CSS, SCSS, Tailwind CSS, Bootstrap
  • React.js, Vue.js
  • React Native (Création App IOS)
  • Symfony
  • Yii Framework
  • Webflow & No-Code Tools
  • SEO Optimisation

04

Outils utilisés

  • Figma, Adobe XD, Sketch
  • Photoshop, Illustrator, After Effects
  • Webflow
  • Framer
  • Git, GitHub, GitLab
  • Lottie
  • Notion, Trello, Jira
Mes 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
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.
67dd483a00f7b9e03da8376f_App01.webp
67dd48021d23a3557d559ada_App02.webp
67dd480175895f74c13f2a39_App03.webp
67dd4801b20d47ddbc65f1b7_App04.webp

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

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.