[{"data":1,"prerenderedAt":104},["ShallowReactive",2],{"process-pages_fr":3},{"id":4,"title":5,"about":6,"accessibility":7,"contact":12,"extension":15,"hero":16,"intro":19,"meta":20,"seo":21,"stem":23,"steps":24,"tools":77,"values":6,"__hash__":103},"pages_fr\u002Ffr\u002Fpages\u002Fprocess.yml","Ma méthode de travail",null,{"title":8,"paragraphs":9},"L'accessibilité, à chaque étape",[10,11],"On ne réfléchit pas à l'accessibilité d'un site à la fin du processus de création : cela se pense dès les maquettes (contraste, tailles de texte, parcours clair…) et se construit ensuite à l'intégration, avec la mise en place d'une navigation au clavier, en pensant aux lecteurs d'écran et en fournissant des textes alternatifs.","Je travaille selon les référentiels WCAG et RGAA, pour que votre site soit utilisable par tout le monde, y compris les personnes en situation de handicap, permanent comme temporaire.",{"title":13,"text":14},"Par où commencer ?","Vous ne savez pas encore de quelles étapes vous avez besoin ? C'est justement l'objet du premier échange. Chaque devis est établi selon les étapes retenues.","yml",{"label":17,"tagline":18},"Flexibilité et adaptabilité","Un projet web ne commence pas toujours au même endroit.","Parfois tout est à créer. Mais parfois le logo existe déjà, ou bien les maquettes attendent quelqu'un pour leur donner vie. Ma méthode compte cinq étapes, et vous n'avez pas besoin de toutes les prendre : nous pouvons commencer là où vous en êtes, et nous arrêter lorsque vous avez ce qu'il vous faut.",{},{"description":22,"title":5},"Analyse, identité, conception, intégration, suivi : les cinq étapes de Studio Ergane, à prendre ensemble ou séparément selon ce qui existe déjà.","fr\u002Fpages\u002Fprocess",[25,36,47,59,69],{"key":26,"paragraphs":27,"deliverables":30,"prerequisites":33},"discovery",[28,29],"Il s'agit peut-être de l'étape la plus importante : l'analyse du besoin. Avant même de maquetter ou d'écrire la moindre ligne de code, je cherche à comprendre votre activité, les personnes à qui vous vous adressez et ce qui existe déjà.","Cette étape fixe le cap : même pour une mission courte, elle est incontournable.",[31,32],"Un compte-rendu de cadrage","Le périmètre du projet",[34,35],"Échange d'environ 2h","Supports existants (site, documents, visuels…)",{"key":37,"paragraphs":38,"deliverables":40,"prerequisites":44},"identity",[39],"Logo, palette, typographies : l'identité visuelle donne à votre activité une image cohérente, du site aux cartes de visite. Je la décline ensuite sur les supports dont vous avez besoin.",[41,42,43],"Une charte graphique","Les fichiers sources","Les supports déclinés",[45,46],"Vos références","Des indications sur ce que vous aimez (et ce que vous n'aimez pas)",{"key":48,"paragraphs":49,"deliverables":52,"prerequisites":56},"design",[50,51],"Je travaille d'abord sur la structure du site (son arborescence) avant d'enchaîner sur les wireframes (ou maquettes basse définition) qui permettent d'affiner le parcours utilisateur.","Une fois ces bases posées, je peux alors créer les maquettes haute définition (version ordinateur et mobile), qui serviront de référence pour l'intégration.",[53,54,55],"Des wireframes","Des maquettes desktop et mobile","Un prototype cliquable",[57,58],"Vos contenus (textes, images…)","Vos retours à chaque étape (structure, wireframes, prototype, maquettes haute définition)",{"key":60,"paragraphs":61,"deliverables":64,"prerequisites":67},"integration",[62,63],"Je développe le site à partir des maquettes, en privilégiant la performance et l'éco-conception, et en respectant les recommandations en termes d'accessibilité.","Le site est également développé afin que vous puissiez être autonome pour sa mise à jour.",[65,66],"Un site en ligne","Un accès à son administration",[68],"Un nom de domaine et un hébergement (ou votre feu vert pour que je m'en charge)",{"key":70,"paragraphs":71,"deliverables":73},"followup",[72],"Une fois le site en ligne, je ne disparais pas : je vous aide à le prendre en main, et je reste disponible en cas de pépin.",[74,75,76],"Une formation","Une documentation","Une maintenance ponctuelle",{"title":78,"intro":79,"groups":80},"Les outils que je privilégie","Il ne s'agit pas d'une liste exhaustive, mais plutôt d'une indication sur les outils avec lesquels je me sens la plus à l'aise.",[81,86,98],{"label":82,"items":83},"Design",[84,85],"Figma","Affinity",{"label":87,"items":88},"Développement",[89,90,91,92,93,94,95,96,97],"HTML","CSS","Tailwind","JavaScript\u002FTypeScript","PHP","Vue.js","Nuxt","Node.js","Git",{"label":99,"items":100},"Gestion de contenu",[101,102],"WordPress","Nuxt Studio","EOanV2cfZe6XJ0MQmQgJSOec7xcvB9xFfiSV-_R8P8A",1790606057450]