[{"data":1,"prerenderedAt":325},["ShallowReactive",2],{"navigation":3,"index-fr":26,"mdc-58ltx-key":173,"mdc--kpdtyh-key":222,"mdc--owzqf7-key":261,"mdc-i5njxm-key":303},[4],{"title":5,"path":6,"stem":7,"children":8,"page":25},"Blog","\u002Fblog","blog",[9,13,17,21],{"title":10,"path":11,"stem":12},"From Mockup to Market: My End-to-End Product Design Process","\u002Fblog\u002Ffrom-mockup-to-market","blog\u002Ffrom-mockup-to-market",{"title":14,"path":15,"stem":16},"How I Built My Design System from Scratch","\u002Fblog\u002Fhow-i-built-my-own-design-system-from-scratch","blog\u002Fhow-i-built-my-own-design-system-from-scratch",{"title":18,"path":19,"stem":20},"The Psychology of Color in UI Design","\u002Fblog\u002Fpsychology-of-color-in-ui-design","blog\u002Fpsychology-of-color-in-ui-design",{"title":22,"path":23,"stem":24},"The Case for Slow Design in a Fast-Paced Digital World","\u002Fblog\u002Fslow-design-in-fast-paced-digital-world","blog\u002Fslow-design-in-fast-paced-digital-world",false,{"id":27,"title":28,"about":29,"blog":32,"body":35,"description":36,"extension":37,"faq":38,"hero":69,"meta":103,"navigation":104,"path":105,"seo":106,"stem":109,"techStack":110,"testimonials":147,"__hash__":172},"index_fr\u002Findex.json","Salut, je suis M'hamed LEHBAB Développeur Fullstack",{"title":30,"description":31},"À propos de moi","En tant que développeur Fullstack avec des années d'expérience, je crée des produits numériques centrés sur l'utilisateur qui allient design, performance et technologie — en mêlant créativité et code propre pour offrir des expériences modernes et fluides.",{"title":33,"description":34},"Derniers articles","Quelques réflexions récentes",null,"Je suis M'hamed LEHBAB, développeur Fullstack passionné basé à Paris, France. Je conçois et développe des applications **web** et **mobiles** performantes avec un **code propre**, des **technologies modernes** et une attention particulière à une **excellente expérience utilisateur**.","json",{"title":39,"description":40,"categories":41},"Questions fréquentes","Réponses aux questions courantes sur mon processus et mes services.",[42,54],{"title":43,"questions":44},"Services & Processus",[45,48,51],{"label":46,"content":47},"Quels services proposez-vous ?","J'aide les équipes à transformer des idées en produits aboutis et centrés sur l'utilisateur. Mes services principaux incluent :\n* Conception UX\u002FUI avec Figma — des wireframes aux prototypes interactifs.\n* Développement web avec Vue.js\u002FNuxt.js et React\u002FNext.js.\n* Développement mobile avec Flutter pour Android et iOS (et applications desktop pour Linux, Windows et macOS si nécessaire).\n* Développement backend avec Spring Boot et Firebase.\n* Performance, accessibilité et implémentation responsive pour garantir des expériences fluides sur tous les appareils. De la conception à la production, je privilégie la clarté, la rapidité et des expériences intuitives qui ont de l'impact.",{"label":49,"content":50},"À quoi ressemble votre processus de conception ?","Mon processus est structuré mais flexible, s'adaptant aux besoins de chaque projet tout en gardant la collaboration au centre.\nIl suit généralement ces étapes :\n* Découverte & Planification — comprendre les objectifs produit, les utilisateurs cibles et les exigences techniques.\n* Design & Prototypage — créer des parcours utilisateur, wireframes et prototypes UI avec Figma.\n* Développement — construire un code propre et évolutif pour le web ou le mobile avec des frameworks modernes.\n* Tests & Optimisation — garantir performance, accessibilité et utilisabilité sur tous les appareils.\n* Lancement & Support — déployer le produit et assurer un suivi ou des itérations si nécessaire.\n\nL'objectif est toujours de livrer une expérience soignée — de la conception au lancement.",{"label":52,"content":53},"Travaillez-vous avec des startups ?","Absolument. J'aime collaborer avec des startups pour transformer des idées naissantes en produits fonctionnels et évolutifs.\n* Que ce soit pour définir la vision produit, concevoir le premier MVP ou développer l'application complète, j'adapte mon approche aux environnements rapides et aux ressources limitées.\n* Je peux aider sur la conception UX\u002FUI, le développement front-end, la mise en place backend, l'optimisation des performances et la préparation du produit pour le lancement ou les démos investisseurs.",{"title":55,"questions":56},"Tarifs & Délais",[57,60,63,66],{"label":58,"content":59},"Combien coûte un projet en général ?","Mes tarifs sont généralement basés sur un taux horaire, ce qui offre flexibilité et transparence tout au long du projet.\n* Je suis aussi ouvert à une tarification par jalon ou un forfait fixe pour l'ensemble du projet quand cela a du sens.\n* Les coûts dépendent de la taille, de la complexité et du calendrier — les petites tâches peuvent ne prendre que quelques heures, tandis que les projets complets vont de la conception au déploiement.\n* Chaque estimation est adaptée aux objectifs et livrables du projet, pour garantir équité et clarté des deux côtés.",{"label":61,"content":62},"Quelles sont vos conditions de paiement ?","Ma structure de paiement dépend du type d'engagement :\n* Projets au tarif horaire : paiements toutes les **deux semaines**.\n* Projets par jalons : paiements à la **fin de chaque jalon**.\n* Engagements au forfait : un **acompte de 40 %** est requis pour démarrer, et les **60 %** restants sont dus à la livraison réussie du projet.\n* Tous les détails de paiement, livrables et calendriers sont définis et convenus dans le contrat avant le début du projet, pour une transparence totale.\n\nLes paiements sont acceptés par **virement bancaire** uniquement.",{"label":64,"content":65},"Combien de temps dure un projet typique ?","Les délais dépendent du périmètre, de la complexité et du type de travail.\n* Les petits projets ou fonctionnalités spécifiques peuvent prendre **quelques jours à quelques semaines**, tandis que les projets complets de conception et développement durent généralement **3 à 8 semaines**.\n* Lors de la phase de découverte, je fournis un plan détaillé avec des jalons clairs, pour que vous sachiez toujours à quoi vous attendre et quand. Ma priorité est de livrer à temps sans compromettre la qualité ni l'expérience utilisateur.",{"label":67,"content":68},"Proposez-vous des contrats de maintenance ou un support continu ?","Oui. J'inclus **1 mois de maintenance et support gratuit** après la livraison du projet.\n* Cela couvre les corrections de bugs, ajustements mineurs et assistance technique liée au travail réalisé — pour garantir que tout fonctionne bien après le lancement.\n* Les demandes de **modification ou refonte complète de fonctionnalités** ne sont pas incluses dans cette période et seraient traitées comme un nouveau travail rémunéré dans le cadre d'un accord séparé.",{"links":70,"images":75},[71],{"label":72,"to":73,"color":74},"Me contacter","\u002Fcontact","neutral",[76,79,82,85,88,91,94,97,100],{"src":77,"alt":78},"\u002Fhero\u002Frandom-1.avif","Random Image 1",{"src":80,"alt":81},"\u002Fhero\u002Frandom-2.avif","Random Image 2",{"src":83,"alt":84},"\u002Fhero\u002Frandom-3.avif","Random Image 3",{"src":86,"alt":87},"\u002Fhero\u002Frandom-4.avif","Random Image 4",{"src":89,"alt":90},"\u002Fhero\u002Frandom-5.avif","Random Image 5",{"src":92,"alt":93},"\u002Fhero\u002Frandom-6.avif","Random Image 6",{"src":95,"alt":96},"\u002Fhero\u002Frandom-7.avif","Random Image 7",{"src":98,"alt":99},"\u002Fhero\u002Frandom-8.avif","Random Image 8",{"src":101,"alt":102},"\u002Fhero\u002Frandom-9.avif","Random Image 9",{},true,"\u002F",{"title":107,"description":108},"M'hamed LEHBAB - Développeur Fullstack","Je suis M'hamed LEHBAB, développeur Fullstack passionné basé à Paris, France. Je conçois et développe des applications web et mobiles performantes avec un code propre, des technologies modernes et une attention particulière à l'expérience utilisateur.","index",{"title":111,"description":112,"items":113},"Stack technique","Technologies et frameworks avec lesquels je travaille",[114,121,137],{"category":115,"technologies":116,"icons":117},"Mobile","Flutter",[118],{"name":119,"color":120},"i-simple-icons-flutter","#02569B",{"category":122,"technologies":123,"icons":124},"Web","Vue, Nuxt, React, NextJS",[125,128,131,134],{"name":126,"color":127},"i-simple-icons-vuedotjs","#4FC08D",{"name":129,"color":130},"i-simple-icons-nuxtdotjs","#00DC82",{"name":132,"color":133},"i-simple-icons-react","#61DAFB",{"name":135,"color":136},"i-simple-icons-nextdotjs","#000000",{"category":138,"technologies":139,"icons":140},"Backend","Spring, Firebase",[141,144],{"name":142,"color":143},"i-simple-icons-spring","#6DB33F",{"name":145,"color":146},"i-simple-icons-firebase","#DD2C00",[148,156,164],{"quote":149,"author":150},"Emma's approach to UX design completely transformed our product. She has a rare ability to balance beautiful aesthetics with functional simplicity. The redesign not only looked better, but it reduced our customer support tickets by 40% and increased conversion rates across all key metrics.",{"name":151,"description":152,"avatar":153},"Sarah Chen","Product Director at Bloom Finance",{"src":154,"srcset":155},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":157,"author":158},"Working with Emma was the best decision we made for our startup. She didn't just deliver designs—she challenged our assumptions, conducted thorough user research, and created an experience that truly resonated with our audience. Her technical knowledge of front-end development meant the handoff to our engineering team was seamless.",{"name":159,"description":160,"avatar":161},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":162,"srcset":163},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":165,"author":166},"Emma stands out in her ability to translate complex sustainability data into intuitive interfaces. Her work on EcoTrack wasn't just visually stunning—it fundamentally changed how our users interact with environmental information. She approaches each problem with both creativity and analytical rigor, which is exactly what we needed.",{"name":167,"description":168,"avatar":169},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":170,"srcset":171},"https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https:\u002F\u002Fimages.unsplash.com\u002Fphoto-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","8nbxRuXD3AOrp-JW0cA2WQmXmxBRn3qkcN2sPXBi76c",{"data":174,"body":175},{},{"type":176,"children":177},"root",[178],{"type":179,"tag":180,"props":181,"children":182},"element","p",{},[183,186,192,194,199,201,206,208,213,215,220],{"type":184,"value":185},"text","Je suis M'hamed LEHBAB, développeur Fullstack passionné basé à Paris, France. Je conçois et développe des applications ",{"type":179,"tag":187,"props":188,"children":189},"strong",{},[190],{"type":184,"value":191},"web",{"type":184,"value":193}," et ",{"type":179,"tag":187,"props":195,"children":196},{},[197],{"type":184,"value":198},"mobiles",{"type":184,"value":200}," performantes avec un ",{"type":179,"tag":187,"props":202,"children":203},{},[204],{"type":184,"value":205},"code propre",{"type":184,"value":207},", des ",{"type":179,"tag":187,"props":209,"children":210},{},[211],{"type":184,"value":212},"technologies modernes",{"type":184,"value":214}," et une attention particulière à une ",{"type":179,"tag":187,"props":216,"children":217},{},[218],{"type":184,"value":219},"excellente expérience utilisateur",{"type":184,"value":221},".",{"data":223,"body":224},{},{"type":176,"children":225},[226,231],{"type":179,"tag":180,"props":227,"children":228},{},[229],{"type":184,"value":230},"J'aide les équipes à transformer des idées en produits aboutis et centrés sur l'utilisateur. Mes services principaux incluent :",{"type":179,"tag":232,"props":233,"children":234},"ul",{},[235,241,246,251,256],{"type":179,"tag":236,"props":237,"children":238},"li",{},[239],{"type":184,"value":240},"Conception UX\u002FUI avec Figma — des wireframes aux prototypes interactifs.",{"type":179,"tag":236,"props":242,"children":243},{},[244],{"type":184,"value":245},"Développement web avec Vue.js\u002FNuxt.js et React\u002FNext.js.",{"type":179,"tag":236,"props":247,"children":248},{},[249],{"type":184,"value":250},"Développement mobile avec Flutter pour Android et iOS (et applications desktop pour Linux, Windows et macOS si nécessaire).",{"type":179,"tag":236,"props":252,"children":253},{},[254],{"type":184,"value":255},"Développement backend avec Spring Boot et Firebase.",{"type":179,"tag":236,"props":257,"children":258},{},[259],{"type":184,"value":260},"Performance, accessibilité et implémentation responsive pour garantir des expériences fluides sur tous les appareils. De la conception à la production, je privilégie la clarté, la rapidité et des expériences intuitives qui ont de l'impact.",{"data":262,"body":263},{},{"type":176,"children":264},[265,270,298],{"type":179,"tag":180,"props":266,"children":267},{},[268],{"type":184,"value":269},"Mon processus est structuré mais flexible, s'adaptant aux besoins de chaque projet tout en gardant la collaboration au centre.\nIl suit généralement ces étapes :",{"type":179,"tag":232,"props":271,"children":272},{},[273,278,283,288,293],{"type":179,"tag":236,"props":274,"children":275},{},[276],{"type":184,"value":277},"Découverte & Planification — comprendre les objectifs produit, les utilisateurs cibles et les exigences techniques.",{"type":179,"tag":236,"props":279,"children":280},{},[281],{"type":184,"value":282},"Design & Prototypage — créer des parcours utilisateur, wireframes et prototypes UI avec Figma.",{"type":179,"tag":236,"props":284,"children":285},{},[286],{"type":184,"value":287},"Développement — construire un code propre et évolutif pour le web ou le mobile avec des frameworks modernes.",{"type":179,"tag":236,"props":289,"children":290},{},[291],{"type":184,"value":292},"Tests & Optimisation — garantir performance, accessibilité et utilisabilité sur tous les appareils.",{"type":179,"tag":236,"props":294,"children":295},{},[296],{"type":184,"value":297},"Lancement & Support — déployer le produit et assurer un suivi ou des itérations si nécessaire.",{"type":179,"tag":180,"props":299,"children":300},{},[301],{"type":184,"value":302},"L'objectif est toujours de livrer une expérience soignée — de la conception au lancement.",{"data":304,"body":305},{},{"type":176,"children":306},[307,312],{"type":179,"tag":180,"props":308,"children":309},{},[310],{"type":184,"value":311},"Absolument. J'aime collaborer avec des startups pour transformer des idées naissantes en produits fonctionnels et évolutifs.",{"type":179,"tag":232,"props":313,"children":314},{},[315,320],{"type":179,"tag":236,"props":316,"children":317},{},[318],{"type":184,"value":319},"Que ce soit pour définir la vision produit, concevoir le premier MVP ou développer l'application complète, j'adapte mon approche aux environnements rapides et aux ressources limitées.",{"type":179,"tag":236,"props":321,"children":322},{},[323],{"type":184,"value":324},"Je peux aider sur la conception UX\u002FUI, le développement front-end, la mise en place backend, l'optimisation des performances et la préparation du produit pour le lancement ou les démos investisseurs.",1781201732600]