1:"$Sreact.fragment"
2:I[50560,["/_next/static/chunks/644de0c51988d865.js"],"ThemeProvider"]
3:I[89613,["/_next/static/chunks/644de0c51988d865.js"],"default"]
4:I[36573,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"default"]
5:I[57014,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"default"]
6:I[51108,["/_next/static/chunks/644de0c51988d865.js"],""]
13:I[16929,[],"default"]
:HL["/_next/static/chunks/4b28f11c99ed7974.css","style"]
:HL["/_next/static/media/1b99372b3eaef0c8-s.p.758e15a8.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
:HL["/_next/static/media/b6e5b626dbef0d0e-s.p.5c33c2f8.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
0:{"P":null,"b":"Bp0Us4AEwhCjpahVLvQ3V","c":["","blog","ux-design-etapes-projet"],"q":"","i":false,"f":[[["",{"children":["blog",{"children":[["slug","ux-design-etapes-projet","d"],{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/4b28f11c99ed7974.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}],["$","script","script-0",{"src":"/_next/static/chunks/644de0c51988d865.js","async":true,"nonce":"$undefined"}]],["$","html",null,{"lang":"fr","className":"outfit_f43e1242-module__adTzha__variable dynapuff_aefff821-module__nAElMa__variable","suppressHydrationWarning":true,"children":["$","body",null,{"className":"antialiased min-h-screen flex flex-col","children":["$","$L2",null,{"children":[["$","$L3",null,{}],["$","main",null,{"className":"flex-1 pt-16","children":["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}],["$","footer",null,{"className":"mt-24","children":[["$","svg",null,{"viewBox":"0 0 1440 140","fill":"none","xmlns":"http://www.w3.org/2000/svg","className":"w-full h-12","preserveAspectRatio":"none","aria-hidden":"true","children":[["$","path",null,{"d":"M0,40 C240,5 480,75 720,40 C960,5 1200,75 1440,40","stroke":"#AEB8FE","strokeWidth":"6","strokeOpacity":"0.55","fill":"none","strokeLinecap":"round"}],["$","path",null,{"d":"M0,70 C240,35 480,105 720,70 C960,35 1200,105 1440,70","stroke":"#ED254E","strokeWidth":"5","strokeOpacity":"0.45","fill":"none","strokeLinecap":"round"}],["$","path",null,{"d":"M0,100 C240,65 480,135 720,100 C960,65 1200,135 1440,100","stroke":"#D6FF79","strokeWidth":"5","strokeOpacity":"0.40","fill":"none","strokeLinecap":"round"}]]}],["$","div",null,{"className":"border-t border-muted bg-surface/50","children":["$","div",null,{"className":"max-w-5xl mx-auto px-6 py-12 sm:py-16","children":[["$","div",null,{"className":"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-8 sm:gap-6","children":[["$","div",null,{"className":"col-span-2 sm:col-span-3 lg:col-span-1","children":[["$","$L6",null,{"href":"/","className":"font-dynapuff text-2xl text-light hover:text-lime transition-colors","children":["asey",["$","span",null,{"className":"text-red","children":"."}]]}],["$","p",null,{"className":"font-outfit text-lavender/60 text-sm mt-3 leading-relaxed","children":["Communication · Design",["$","br",null,{}],"Développement web"]}],["$","div",null,{"className":"flex gap-3 mt-4","children":[["$","a","Instagram",{"href":"https://instagram.com/aseylais","target":"_blank","rel":"noopener noreferrer","aria-label":"Instagram","className":"text-lavender/60 hover:text-[#E1306C] transition-colors","children":["$","svg",null,{"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":"2","strokeLinecap":"round","strokeLinejoin":"round","className":"w-5 h-5","children":[["$","rect",null,{"x":"2","y":"2","width":"20","height":"20","rx":"5"}],["$","circle",null,{"cx":"12","cy":"12","r":"5"}],["$","circle",null,{"cx":"17.5","cy":"6.5","r":"1.5","fill":"currentColor","stroke":"none"}]]}]}],["$","a","YouTube",{"href":"https://youtube.com/@aseylais","target":"_blank","rel":"noopener noreferrer","aria-label":"YouTube","className":"text-lavender/60 hover:text-[#FF0000] transition-colors","children":"$L7"}],"$L8"]}],"$L9"]}],"$La","$Lb","$Lc","$Ld"]}],"$Le"]}]}]]}]]}]}]}]]}],{"children":["$Lf",{"children":["$L10",{"children":["$L11",{},null,false,false]},null,false,false]},null,false,false]},null,false,false],"$L12",false]],"m":"$undefined","G":["$13",[]],"S":true}
15:I[61063,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"OutletBoundary"]
16:"$Sreact.suspense"
18:I[61063,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"ViewportBoundary"]
1a:I[61063,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"MetadataBoundary"]
7:["$","svg",null,{"viewBox":"0 0 24 24","fill":"currentColor","className":"w-5 h-5","children":["$","path",null,{"d":"M23.498 6.186a2.832 2.832 0 0 0-1.991-2.006C19.685 3.6 12 3.6 12 3.6s-7.685 0-9.507.58A2.832 2.832 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a2.832 2.832 0 0 0 1.991 2.006C4.315 20.4 12 20.4 12 20.4s7.685 0 9.507-.58a2.832 2.832 0 0 0 1.991-2.006C24 15.93 24 12 24 12s0-3.93-.502-5.814ZM9.546 15.569V8.431L15.818 12l-6.272 3.569Z"}]}]
8:["$","a","Twitch",{"href":"https://twitch.tv/aseylais","target":"_blank","rel":"noopener noreferrer","aria-label":"Twitch","className":"text-lavender/60 hover:text-[#9146FF] transition-colors","children":["$","svg",null,{"viewBox":"0 0 24 24","fill":"currentColor","className":"w-5 h-5","children":["$","path",null,{"d":"M11.571 4.714h1.715v5.143H11.57zm4.715 0H18v5.143h-1.714zM6 0 1.714 4.286v15.428h5.143V24l4.286-4.286h3.428L22.286 12V0zm14.571 11.143-3.428 3.428h-3.429l-3 3v-3H6.857V1.714h13.714Z"}]}]}]
9:["$","p",null,{"className":"font-outfit text-xs text-lavender/50 mt-1.5","children":"@aseylais"}]
a:["$","div",null,{"children":[["$","h3",null,{"className":"font-outfit text-xs tracking-[0.2em] uppercase text-lavender/50 mb-4","children":"Navigation"}],["$","ul",null,{"className":"space-y-2.5","children":[["$","li","/",{"children":["$","$L6",null,{"href":"/","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Accueil"}]}],["$","li","/a-propos",{"children":["$","$L6",null,{"href":"/a-propos","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"À propos"}]}],["$","li","/formations",{"children":["$","$L6",null,{"href":"/formations","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Formations"}]}],["$","li","/experiences",{"children":["$","$L6",null,{"href":"/experiences","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Expériences"}]}],["$","li","/blog",{"children":["$","$L6",null,{"href":"/blog","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Blog"}]}],["$","li","/contact",{"children":["$","$L6",null,{"href":"/contact","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Contact"}]}]]}]]}]
b:["$","div",null,{"children":[["$","h3",null,{"className":"font-outfit text-xs tracking-[0.2em] uppercase text-lavender/50 mb-4","children":"Disciplines"}],["$","ul",null,{"className":"space-y-2.5","children":[["$","li","/disciplines/communication",{"children":["$","$L6",null,{"href":"/disciplines/communication","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Communication"}]}],["$","li","/disciplines/graphisme",{"children":["$","$L6",null,{"href":"/disciplines/graphisme","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Design graphique"}]}],["$","li","/disciplines/developpement",{"children":["$","$L6",null,{"href":"/disciplines/developpement","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Développement web"}]}]]}]]}]
c:["$","div",null,{"children":[["$","h3",null,{"className":"font-outfit text-xs tracking-[0.2em] uppercase text-lavender/50 mb-4","children":"Formations"}],["$","ul",null,{"className":"space-y-2.5","children":[["$","li","Master UX Design",{"children":["$","$L6",null,{"href":"/formations","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Master UX Design"}]}],["$","li","BO3 Création Numérique",{"children":["$","$L6",null,{"href":"/formations","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"BO3 Création Numérique"}]}],["$","li","BTS SIO SLAM",{"children":["$","$L6",null,{"href":"/formations","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"BTS SIO SLAM"}]}]]}]]}]
d:["$","div",null,{"children":[["$","h3",null,{"className":"font-outfit text-xs tracking-[0.2em] uppercase text-lavender/50 mb-4","children":"Expériences"}],["$","ul",null,{"className":"space-y-2.5","children":[["$","li","/experiences/quadra-mobilier",{"children":["$","$L6",null,{"href":"/experiences/quadra-mobilier","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Quadra Mobilier"}]}],["$","li","/experiences/alternance-maison-squash",{"children":["$","$L6",null,{"href":"/experiences/alternance-maison-squash","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Maison du Squash"}]}],["$","li","/experiences/stage-yohviral",{"children":["$","$L6",null,{"href":"/experiences/stage-yohviral","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"YohViral"}]}],["$","li","/experiences/minkyung-namiseul",{"children":["$","$L6",null,{"href":"/experiences/minkyung-namiseul","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"MinKyung Namiseul"}]}],["$","li","/experiences",{"children":["$","$L6",null,{"href":"/experiences","className":"font-outfit text-sm text-lavender/70 hover:text-light transition-colors","children":"Tous les projets"}]}]]}]]}]
e:["$","div",null,{"className":"mt-12 pt-6 border-t border-muted flex flex-col sm:flex-row items-center justify-between gap-3","children":[["$","p",null,{"className":"font-outfit text-lavender/40 text-xs","children":"© 2026 Killy Rousseau — Tous droits réservés"}],["$","p",null,{"className":"font-outfit text-lavender/40 text-xs","children":["Fait avec ",["$","span",null,{"className":"text-red","children":"♥"}]," et Next.js"]}]]}]
f:["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]
10:["$","$1","c",{"children":[null,["$","$L4",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}]
11:["$","$1","c",{"children":["$L14",null,["$","$L15",null,{"children":["$","$16",null,{"name":"Next.MetadataOutlet","children":"$@17"}]}]]}]
12:["$","$1","h",{"children":[null,["$","$L18",null,{"children":"$L19"}],["$","div",null,{"hidden":true,"children":["$","$L1a",null,{"children":["$","$16",null,{"name":"Next.Metadata","children":"$L1b"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}]
:HL["/images/blog/blog-ux-design.svg","image"]
14:["$","div",null,{"className":"max-w-3xl mx-auto px-6 py-16","children":[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Les 5 étapes clés d'un projet UX Design réussi\",\"description\":\"Du brief client au prototype final, voici les 5 étapes essentielles d'un processus UX Design structuré — avec les outils et livrables à chaque phase.\",\"datePublished\":\"2026-03-03\",\"author\":{\"@type\":\"Person\",\"name\":\"Killy Rousseau\"},\"keywords\":\"UX Design, Méthodologie, Figma\",\"image\":\"/images/blog/blog-ux-design.svg\"}"}}],["$","$L6",null,{"href":"/blog","className":"inline-flex items-center gap-2 text-lavender hover:text-lime text-sm font-outfit transition-colors mb-12","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":15,"height":15,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-arrow-left","aria-hidden":"true","children":[["$","path","1l729n",{"d":"m12 19-7-7 7-7"}],["$","path","x3x0zl",{"d":"M19 12H5"}],"$undefined"]}]," Retour au blog"]}],["$","div",null,{"className":"rounded-2xl overflow-hidden mb-10 aspect-video","children":["$","img",null,{"src":"/images/blog/blog-ux-design.svg","alt":"Les 5 étapes clés d'un projet UX Design réussi","className":"w-full h-full object-cover"}]}],["$","header",null,{"className":"mb-10","children":[["$","div",null,{"className":"flex flex-wrap gap-2 mb-5","children":[["$","span","UX Design",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"UX Design"]}],["$","span","Méthodologie",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Méthodologie"]}],["$","span","Figma",{"className":"flex items-center gap-1 text-xs font-outfit px-2.5 py-1 rounded-full bg-muted text-lime","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":10,"height":10,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-tag","aria-hidden":"true","children":[["$","path","vktsd0",{"d":"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z"}],["$","circle","kqv944",{"cx":"7.5","cy":"7.5","r":".5","fill":"currentColor"}],"$undefined"]}],"Figma"]}]]}],["$","h1",null,{"className":"font-dynapuff text-4xl sm:text-5xl text-light leading-tight mb-4","children":"Les 5 étapes clés d'un projet UX Design réussi"}],["$","p",null,{"className":"flex items-center gap-2 font-outfit text-lavender/60 text-sm","children":[["$","svg",null,{"ref":"$undefined","xmlns":"http://www.w3.org/2000/svg","width":13,"height":13,"viewBox":"0 0 24 24","fill":"none","stroke":"currentColor","strokeWidth":2,"strokeLinecap":"round","strokeLinejoin":"round","className":"lucide lucide-calendar","aria-hidden":"true","children":["$L1c","$L1d","$L1e","$L1f","$undefined"]}],"Publié le ","3 mars 2026"]}]]}],"$L20","$L21"]}]
1c:["$","path","1cmpym",{"d":"M8 2v4"}]
1d:["$","path","4m81vk",{"d":"M16 2v4"}]
1e:["$","rect","1hopcy",{"width":"18","height":"18","x":"3","y":"4","rx":"2"}]
1f:["$","path","8toen8",{"d":"M3 10h18"}]
20:["$","div",null,{"className":"w-16 h-px bg-primary mb-10"}]
21:["$","div",null,{"className":"space-y-5 font-outfit text-light/85 leading-relaxed","children":[["$","p","0",{"dangerouslySetInnerHTML":{"__html":"Le <strong>UX Design</strong> (User Experience Design) vise à concevoir des produits digitaux centrés sur l'utilisateur. Voici la méthodologie en 5 étapes que j'applique dans mes projets."}}],["$","h2","1",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Qu'est-ce que le UX Design ?"}],["$","p","2",{"dangerouslySetInnerHTML":{"__html":"Le UX Design est une discipline qui consiste à concevoir des interfaces (sites web, applications) en plaçant l'utilisateur au centre de chaque décision. L'objectif : créer des expériences intuitives, agréables et efficaces."}}],["$","h2","3",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Étape 1 : La recherche utilisateur (UX Research)"}],["$","p","4",{"dangerouslySetInnerHTML":{"__html":"Avant de dessiner quoi que ce soit, il faut <strong>comprendre les utilisateurs</strong>. Cette phase comprend :"}}],["$","ul","5",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Interviews utilisateurs</strong> : entretiens qualitatifs pour comprendre les besoins, frustrations et comportements"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Personas</strong> : profils fictifs représentant les typologies d'utilisateurs cibles"}}]]}],["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Benchmark concurrentiel</strong> : analyse des solutions existantes pour identifier les forces et faiblesses"}}]]}],["$","li","3",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>User journey map</strong> : cartographie du parcours utilisateur actuel"}}]]}]]}],["$","h2","6",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Étape 2 : L'architecture de l'information"}],["$","p","7",{"dangerouslySetInnerHTML":{"__html":"Organisez le contenu de manière logique et intuitive :"}}],["$","ul","8",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Card sorting</strong> : faire trier les contenus par des utilisateurs pour définir la navigation"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Arborescence</strong> : structure hiérarchique des pages et sections"}}]]}],["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>User flows</strong> : schémas des parcours utilisateurs pour chaque action clé"}}]]}]]}],["$","h2","9",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Étape 3 : Le wireframing"}],["$","p","10",{"dangerouslySetInnerHTML":{"__html":"Les wireframes sont des maquettes basse fidélité qui définissent la structure des pages sans design :"}}],["$","ul","11",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Focus sur la <strong>hiérarchie de l'information</strong>"}}]]}],["$","li","1",{"className":"flex gap-2","children":["$L22","$L23"]}],"$L24"]}],"$L25","$L26","$L27","$L28","$L29","$L2a","$L2b","$L2c","$L2d","$L2e","$L2f","$L30"]}]
22:["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}]
23:["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Placement des éléments (navigation, CTA, contenu)"}}]
24:["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Tests rapides avec des utilisateurs pour valider la structure"}}]]}]
25:["$","p","12",{"dangerouslySetInnerHTML":{"__html":"<strong>Outil recommandé</strong> : Figma avec le plugin Wireframe pour des prototypes rapides."}}]
26:["$","h2","13",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Étape 4 : Le prototypage haute fidélité"}]
27:["$","p","14",{"dangerouslySetInnerHTML":{"__html":"C'est là que le design prend vie :"}}]
28:["$","ul","15",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Application de la <strong>charte graphique</strong> (couleurs, typo, iconographie)"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Design des composants réutilisables (<strong>Design System</strong>)"}}]]}],["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Micro-interactions et animations"}}]]}],["$","li","3",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"Prototype interactif cliquable pour les tests"}}]]}]]}]
29:["$","h2","16",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Étape 5 : Les tests utilisateurs"}]
2a:["$","p","17",{"dangerouslySetInnerHTML":{"__html":"Confrontez votre prototype à de vrais utilisateurs :"}}]
2b:["$","ul","18",{"className":"space-y-2 pl-4","children":[["$","li","0",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Tests de guerilla</strong> : 5 utilisateurs suffisent pour identifier 85% des problèmes d'usabilité"}}]]}],["$","li","1",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Tests A/B</strong> : comparer deux versions pour optimiser les conversions"}}]]}],["$","li","2",{"className":"flex gap-2","children":[["$","span",null,{"className":"text-red mt-1.5 shrink-0","children":"▸"}],["$","span",null,{"dangerouslySetInnerHTML":{"__html":"<strong>Heatmaps</strong> : analyser les zones d'attention et de clic"}}]]}]]}]
2c:["$","h2","19",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"Quels outils pour le UX Design en 2026 ?"}]
2d:["$","div","20",{"className":"overflow-x-auto","children":["$","table",null,{"className":"w-full text-sm border-collapse","children":[["$","thead",null,{"children":["$","tr",null,{"children":[["$","th","0",{"className":"text-left px-4 py-2.5 bg-surface border border-muted text-light font-semibold","dangerouslySetInnerHTML":{"__html":"Outil"}}],["$","th","1",{"className":"text-left px-4 py-2.5 bg-surface border border-muted text-light font-semibold","dangerouslySetInnerHTML":{"__html":"Usage"}}]]}]}],["$","tbody",null,{"children":[["$","tr","0",{"children":[["$","td","0",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"<strong>Figma</strong>"}}],["$","td","1",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"Wireframes, prototypes, design system"}}]]}],["$","tr","1",{"children":[["$","td","0",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"<strong>Maze</strong>"}}],["$","td","1",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"Tests utilisateurs à distance"}}]]}],["$","tr","2",{"children":[["$","td","0",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"<strong>Hotjar</strong>"}}],["$","td","1",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"Heatmaps et enregistrements de sessions"}}]]}],["$","tr","3",{"children":[["$","td","0",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"<strong>Notion</strong>"}}],["$","td","1",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"Documentation UX et specs"}}]]}],["$","tr","4",{"children":[["$","td","0",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"<strong>FigJam</strong>"}}],["$","td","1",{"className":"px-4 py-2 border border-muted text-light/75","dangerouslySetInnerHTML":{"__html":"Ateliers collaboratifs et brainstorming"}}]]}]]}]]}]}]
2e:["$","h2","21",{"className":"font-dynapuff text-2xl text-light mt-10 mb-2","children":"FAQ"}]
2f:["$","p","22",{"dangerouslySetInnerHTML":{"__html":"<strong>Quelle est la différence entre UX et UI Design ?</strong> Le UX Design concerne l'expérience globale (recherche, structure, parcours). Le UI Design se concentre sur l'aspect visuel de l'interface (couleurs, typographie, composants). Les deux sont complémentaires."}}]
30:["$","p","23",{"dangerouslySetInnerHTML":{"__html":"<strong>Combien de temps prend un projet UX ?</strong> Un projet UX complet (recherche → prototype testé) prend généralement 4 à 8 semaines selon la complexité. Un audit UX rapide peut se faire en 1 semaine."}}]
19:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
31:I[73437,["/_next/static/chunks/567c5dc074a83024.js","/_next/static/chunks/5aaa37a6db4a1042.js"],"IconMark"]
17:null
1b:[["$","title","0",{"children":"Les 5 étapes clés d'un projet UX Design réussi · Killy Rousseau"}],["$","meta","1",{"name":"description","content":"Du brief client au prototype final, voici les 5 étapes essentielles d'un processus UX Design structuré — avec les outils et livrables à chaque phase."}],["$","meta","2",{"name":"author","content":"Killy Rousseau"}],["$","meta","3",{"name":"keywords","content":"UX Design,Méthodologie,Figma"}],["$","meta","4",{"property":"og:title","content":"Les 5 étapes clés d'un projet UX Design réussi"}],["$","meta","5",{"property":"og:description","content":"Du brief client au prototype final, voici les 5 étapes essentielles d'un processus UX Design structuré — avec les outils et livrables à chaque phase."}],["$","meta","6",{"property":"og:image","content":"https://aseylais.fr/images/blog/blog-ux-design.svg"}],["$","meta","7",{"property":"og:image:alt","content":"Les 5 étapes clés d'un projet UX Design réussi"}],["$","meta","8",{"property":"og:type","content":"article"}],["$","meta","9",{"property":"article:published_time","content":"2026-03-03"}],["$","meta","10",{"property":"article:author","content":"Killy Rousseau"}],["$","meta","11",{"property":"article:tag","content":"UX Design"}],["$","meta","12",{"property":"article:tag","content":"Méthodologie"}],["$","meta","13",{"property":"article:tag","content":"Figma"}],["$","meta","14",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","15",{"name":"twitter:title","content":"Les 5 étapes clés d'un projet UX Design réussi"}],["$","meta","16",{"name":"twitter:description","content":"Du brief client au prototype final, voici les 5 étapes essentielles d'un processus UX Design structuré — avec les outils et livrables à chaque phase."}],["$","meta","17",{"name":"twitter:image","content":"https://aseylais.fr/images/blog/blog-ux-design.svg"}],["$","link","18",{"rel":"icon","href":"/favicon.ico?favicon.0b3bf435.ico","sizes":"256x256","type":"image/x-icon"}],["$","$L31","19",{}]]