[{"data":1,"prerenderedAt":393},["ShallowReactive",2],{"navigation":3,"index":4,"index-projects":125},[],{"id":5,"title":6,"about":7,"blog":10,"body":13,"contact":13,"description":14,"experience":15,"extension":27,"faq":28,"hero":68,"meta":92,"navigation":93,"path":94,"seo":95,"stem":98,"testimonials":99,"__hash__":124},"index/index.yml","Développeur front-end freelance",{"title":8,"description":9},"A propos","Développeur web depuis 2008, je suis spécialisé en frontend depuis plus de 10 ans. \nJ'ai une appétence particulière pour les pages mêlant fort impact visuel (effets, animations), \net expérience utilisateur (rapidité, accessibilité).\n",{"title":11,"description":12},"Latest Articles","Some of my recent thoughts",null,"\u003Cp>Spécialisé dans le \u003Cstrong>développement front-end premium\u003C/strong>, je travaille sur des projets à forte exigence visuelle et technique.\u003C/p>\u003Cp>En collaboration avec des agences, j'ai notamment réalisé des projets pour :\u003Cbr>Chanel, Dior, L'Oréal, Tissot, Jean Paul Gaultier, Rabanne...\u003C/p>",{"title":16,"items":17},"Expérience",[18,21,24],{"position":19,"date":20},"Dev Frontend freelance","2013 - actuellement",{"position":22,"date":23},"Développeur Backend","2014 - 2018",{"position":25,"date":26},"Développeur Fullstack","2008 - 2014","yml",{"title":29,"description":30,"categories":31},"Frequently Asked Questions","Answers to common questions about my process and services.",[32,44,59],{"title":33,"questions":34},"Services & Process",[35,38,41],{"label":36,"content":37},"What services do you offer?","I specialize in UX/UI design and front-end development. This includes user research, wireframing, interactive prototyping, creating intuitive user interfaces, building responsive websites and web applications (especially with Vue.js/Nuxt.js), and developing design systems. My goal is to create seamless digital experiences from concept to deployment.\n",{"label":39,"content":40},"What is your design process like?","My process is collaborative and iterative, typically involving stages like Discovery & Research, Ideation & Prototyping, User Testing, Visual Design, and close collaboration with development teams during implementation. I tailor the process based on project needs, always focusing on user-centered solutions.\n",{"label":42,"content":43},"Do you work with startups?","Absolutely! I enjoy working with startups to help shape their product vision and create user-friendly interfaces from the ground up. I can adapt my process to fit the fast-paced startup environment.\n",{"title":45,"questions":46},"Pricing & Timelines",[47,50,53,56],{"label":48,"content":49},"How much does a project typically cost?","Project costs vary based on scope, complexity, features, and timeline. For comprehensive UX/UI design and front-end development projects, my engagements typically start around $5,000, with average projects ranging between $8,000 and $25,000. For consulting or specific design tasks, my day rate is $700.\n",{"label":51,"content":52},"What are your payment terms?","I generally require a 40% deposit to schedule the project and begin work, with the remaining 60% due upon successful project completion and delivery. I accept payments via bank transfer and Stripe.\n",{"label":54,"content":55},"How long does a typical project take?","Timelines depend heavily on the project's scope and complexity. Smaller projects might take 3-4 weeks, while larger, more involved projects can range from 2 to 4 months. I always provide a detailed timeline estimate after the initial discovery phase.\n",{"label":57,"content":58},"Do you offer retainers or ongoing support?","Yes, for clients needing ongoing design support, feature development, or maintenance, I offer monthly retainer options tailored to specific needs. Let's discuss if this is something you're interested in.\n",{"title":60,"questions":61},"About Me",[62,65],{"label":63,"content":64},"What do you enjoy most about your work?","I love the challenge of solving complex problems through design and technology. It's incredibly rewarding to see people interact with something I've created and find it genuinely useful and easy to navigate. Bridging the gap between user needs and technical possibilities is what truly excites me.\n",{"label":66,"content":67},"What are your hobbies outside of work?","When I'm not designing or coding, I enjoy exploring Boston's neighborhoods, trying out new coffee shops, and hiking in the nearby reservations. I'm also passionate about photography and occasionally contribute to open-source projects.\n",{"links":69,"images":74},[70],{"label":71,"to":72,"color":73},"Me contacter par mail","mailto:contact@eric-v.dev","neutral",[75,78,80,82,84,86,88,90],{"src":76,"alt":77},"/hero/coding-1.jpg","Coding",{"src":79,"alt":77},"/hero/coding-2.jpg",{"src":81,"alt":77},"/hero/coding-3.jpg",{"src":83,"alt":77},"/hero/coding-4.jpg",{"src":85,"alt":77},"/hero/coding-5.jpg",{"src":87,"alt":77},"/hero/coding-6.jpg",{"src":89,"alt":77},"/hero/coding-7.jpg",{"src":91,"alt":77},"/hero/coding-8.jpg",{},true,"/",{"title":96,"description":97},"Eric Villermaux - Développeur front-end","Bienvenue sur mon portfolio ! Je suis Eric Villermaux, un développeur front-end basé à Orléans. Je suis spécialisé dans la création d'interfaces web exigeantes et en Vue.js.","index",[100,108,116],{"quote":101,"author":102},"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":103,"description":104,"avatar":105},"Sarah Chen","Product Director at Bloom Finance",{"src":106,"srcset":107},"https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1487412720507-e7ab37603c6f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":109,"author":110},"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":111,"description":112,"avatar":113},"Michael Rodriguez","Co-founder of Wavelength Music",{"src":114,"srcset":115},"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x",{"quote":117,"author":118},"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":119,"description":120,"avatar":121},"Dr. Aisha Johnson","Chief Innovation Officer at GreenTech Solutions",{"src":122,"srcset":123},"https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=40&h=40&q=80","https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=80&h=80&q=80 2x","x0BTxSJNBvgb8et-g0-0yL1P1v7BwKLMNICgD-FhQB8",[126,231,318],{"id":127,"title":128,"body":129,"date":217,"description":218,"extension":219,"image":220,"meta":221,"navigation":93,"path":227,"seo":228,"stem":229,"tags":13,"url":13,"__hash__":230},"projects/projects/chanel-chance.md","Chanel - Gift finder",{"type":130,"value":131,"toc":210},"minimark",[132,145,148,158,163,176,180,194,198,205],[133,134,135,136,140,141,144],"p",{},"Pour accompagner ",[137,138,139],"strong",{},"la gamme Chance",", ",[137,142,143],{},"Chanel"," souhaitait proposer une expérience interactive, permettant aux utilisateurs de découvrir le produit le plus adapté à leurs envies. Le choix s'est porté sur un gift finder, c'est-à-dire un outil de recommandation, qui propose à la fois une expérience interactive, ludique et engageante.",[133,146,147],{},"Ma mission était de développer l’interface front-end : logique de navigation, animations, arbre de décision, et bien sûr intégration. Tout ça en collaboration étroite avec les équipes créatives et projet.",[133,149,150],{},[151,152,157],"a",{"href":153,"target":154,"rel":155},"https://frsephora.chancefinder-eretail.com/","_blank",[156],"nofollow","Voir le gift finder",[159,160,162],"h2",{"id":161},"caractéristiques","Caractéristiques",[164,165,166,170,173],"ul",{},[167,168,169],"li",{},"un parcours utilisateur en plusieurs écrans : introduction, questions, résultat",[167,171,172],{},"une logique métier pour déterminer le produit le plus adapté à l'utilisateur",[167,174,175],{},"des animations ludiques : choix défilant comme sur une roulette, couleur de fond qui change suivant les réponses etc.",[159,177,179],{"id":178},"contraintes","Contraintes",[164,181,182,188,191],{},[167,183,184,185],{},"une exigence élevée, liée à ",[137,186,187],{},"l’univers du luxe",[167,189,190],{},"le respect des bonnes pratiques d’accessibilité malgré un fonctionnement atypique",[167,192,193],{},"une déclinaison du gift finder en 15 langues",[159,195,197],{"id":196},"résultat","Résultat",[133,199,200,201,204],{},"Un gift finder fluide et immersif, aligné avec ",[137,202,203],{},"l’image de marque Chanel",", offrant une expérience utilisateur qualitative et accessible.",[133,206,207],{},[151,208,157],{"href":153,"target":154,"rel":209},[156],{"title":211,"searchDepth":212,"depth":212,"links":213},"",2,[214,215,216],{"id":161,"depth":212,"text":162},{"id":178,"depth":212,"text":179},{"id":196,"depth":212,"text":197},"2025-04-04T00:00:00.000Z","Un gift finder fluide et immersif, aligné avec l’image de marque Chanel, offrant une expérience utilisateur qualitative, à destination des retailers.","md","/projets/chance.jpg",{"minRead":222,"author":223},8,{"name":224,"avatar":225},"Emma Thompson",{"src":226,"alt":224},"https://images.unsplash.com/photo-1701615004837-40d8573b6652?q=80&w=1480&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D","/projects/chanel-chance",{"title":128,"description":218},"projects/chanel-chance","M6CGwv_JuWBLZHJtvXOBEuVZU3ki-EAZdpU6P9wOqmI",{"id":232,"title":233,"body":234,"date":308,"description":309,"extension":219,"image":310,"meta":311,"navigation":93,"path":314,"seo":315,"stem":316,"tags":13,"url":13,"__hash__":317},"projects/projects/efficiens-calculateur.md","Efficiens - Calculateur",{"type":130,"value":235,"toc":303},[236,242,245,252,254,274,276,293,295,298],[133,237,238,241],{},[137,239,240],{},"Efficiens"," souhaitait proposer un calculateur en ligne permettant aux utilisateurs d’estimer l’enveloppe budgétaire d’un projet web. L’objectif était de rendre l’outil pédagogique clair et engageant.",[133,243,244],{},"Ma mission était de développer le calculateur en Vue.js, et de le rendre facilement intégrable dans l’environnement WordPress du client.",[133,246,247],{},[151,248,251],{"href":249,"target":154,"rel":250},"https://www.eficiens.com/simulateur-de-budget-de-site-web-assurance/",[156],"Voir le calculateur de budget",[159,253,162],{"id":161},[164,255,256,262,265,271],{},[167,257,258,259],{},"récupération dynamique des tarifs via une ",[137,260,261],{},"API",[167,263,264],{},"calcul en temps réel du budget selon les choix utilisateur",[167,266,267,270],{},[137,268,269],{},"export des résultats au format CSV"," après récupération du mail client",[167,272,273],{},"animations diverses (comme l'affichage des détails du métier au survol)",[159,275,179],{"id":178},[164,277,278,284,287,290],{},[167,279,280,281],{},"respect strict des maquettes en ",[137,282,283],{},"pixel-perfect",[167,285,286],{},"responsive complet (desktop, tablette, mobile)",[167,288,289],{},"intégration propre et performante dans un environnement WordPress",[167,291,292],{},"code structuré et maintenable",[159,294,197],{"id":196},[133,296,297],{},"Un calculateur interactif performant et administrable, permettant à Efficiens de générer des leads qualifiés tout en proposant une expérience utilisateur claire et moderne.",[133,299,300],{},[151,301,251],{"href":249,"target":154,"rel":302},[156],{"title":211,"searchDepth":212,"depth":212,"links":304},[305,306,307],{"id":161,"depth":212,"text":162},{"id":178,"depth":212,"text":179},{"id":196,"depth":212,"text":197},"2025-01-18T00:00:00.000Z","Un calculateur interactif, performant et administrable, permettant à Efficiens de générer des leads qualifiés via une interface claire et moderne.","/projets/efficiens.jpg",{"minRead":222,"author":312},{"name":224,"avatar":313},{"src":226,"alt":224},"/projects/efficiens-calculateur",{"title":233,"description":309},"projects/efficiens-calculateur","L9OJ5Xmq5yht0rTt4OhX1CySrat-zCSYjypUUexvmBg",{"id":319,"title":320,"body":321,"date":383,"description":384,"extension":219,"image":385,"meta":386,"navigation":93,"path":389,"seo":390,"stem":391,"tags":13,"url":13,"__hash__":392},"projects/projects/rabanne-lp.md","Rabanne - Landing page",{"type":130,"value":322,"toc":378},[323,330,333,335,354,356,373,375],[133,324,325,326,329],{},"Dans le cadre d'une campagne de fin d’année, ",[137,327,328],{},"Rabanne"," souhaitait une landing page immersive, valorisant ses produits à travers une expérience visuelle dynamique et premium.",[133,331,332],{},"Ma mission était l'intégration front-end complète de la landing page, en collaboration avec les équipes créatives.",[159,334,162],{"id":161},[164,336,337,343,348,351],{},[167,338,339,342],{},[137,340,341],{},"animations parallaxes"," permettant de renforcer la profondeur visuelle",[167,344,345],{},[137,346,347],{},"animations déclenchées au scroll",[167,349,350],{},"transitions fluides entre les sections",[167,352,353],{},"expérience immersive adaptée à tous les supports",[159,355,179],{"id":178},[164,357,358,364,367,370],{},[167,359,360,361],{},"respect des ",[137,362,363],{},"standards d’accessibilité",[167,365,366],{},"animations optimisées pour garantir fluidité et performance",[167,368,369],{},"responsive multi-devices",[167,371,372],{},"déclinaison en plusieurs langues",[159,374,197],{"id":196},[133,376,377],{},"Les animations fluides et maîtrisées ont permis de renforcer l’impact visuel de la campagne, tout en garantissant une expérience utilisateur accessible et optimisée sur l’ensemble des supports et des marchés.",{"title":211,"searchDepth":212,"depth":212,"links":379},[380,381,382],{"id":161,"depth":212,"text":162},{"id":178,"depth":212,"text":179},{"id":196,"depth":212,"text":197},"2024-04-23T00:00:00.000Z","Une landing page immersive et performante, traduisant fidèlement l’univers premium de Rabanne, déclinée en plusieurs langues.","/projets/rabanne.jpg",{"minRead":222,"author":387},{"name":224,"avatar":388},{"src":226,"alt":224},"/projects/rabanne-lp",{"title":320,"description":384},"projects/rabanne-lp","i3mcYYNz6PFJeCvVS63AE57hl2VyMwfzEP6F7CXEnog",1773945326070]