[{"data":1,"prerenderedAt":363},["ShallowReactive",2],{"project:refonte-graphique-electrofit-and-fight":3,"project-siblings:refonte-graphique-electrofit-and-fight":100},{"id":4,"title":5,"answer":6,"body":7,"client":24,"date":65,"deliverables":66,"description":72,"draft":73,"extension":74,"image":75,"imageAlt":24,"kinds":76,"meta":80,"metaDescription":81,"metaTitle":81,"navigation":82,"need":83,"noindex":73,"order":84,"path":85,"place":86,"prestation":87,"screens":88,"sector":89,"seo":90,"stem":91,"tags":92,"tech":95,"__hash__":99},"projects\u002Fprojects\u002Frefonte-graphique-electrofit-and-fight.md","Refonte graphique du site Electrofit&Fight","Une nouvelle direction graphique appliquée aux contenus décidés par le club. La PWA de réservation et son agenda StudioConnect ne bougent pas : les membres retrouvent exactement leurs habitudes.",{"type":8,"value":9,"toc":61},"minimark",[10,30,33,50,53],[11,12,13,17,18,25,26,29],"p",{},[14,15,16],"strong",{},"Refonte graphique du site"," ",[19,20,24],"a",{"href":21,"rel":22},"https:\u002F\u002Felectrofitandfight.fr\u002F",[23],"nofollow","Electrofit&Fight",", studio\nd'",[14,27,28],{},"électrostimulation et de sports de combat"," — boxe, boxe thaïlandaise,\nkickboxing — installé à Saint-Pierre-de-Chandieu.",[11,31,32],{},"Le club a fait évoluer son positionnement : il se présente aujourd'hui comme un\nstudio dédié à la minceur et à la longévité plutôt que comme une salle de\ncombat. Ce virage venait de lui ; mon travail a consisté à lui donner une forme.",[11,34,35,36,39,40,43,44,49],{},"La refonte est ",[14,37,38],{},"graphique"," au sens strict : nouvelle direction visuelle sur les\ncontenus que le club avait arrêtés. La ",[14,41,42],{},"PWA de réservation"," et son agenda\n",[19,45,48],{"href":46,"rel":47},"https:\u002F\u002Fstudio-connect.fr\u002F",[23],"StudioConnect"," restent inchangés — un membre qui\nréserve sa séance depuis deux ans retrouve exactement les mêmes gestes.",[11,51,52],{},"C'est souvent la bonne façon de mener une refonte quand l'outil fonctionne :\nchanger ce qui se voit, ne rien casser de ce qui sert.",[11,54,55,56,60],{},"Le site et l'application d'origine sont également mes réalisations : ",[19,57,59],{"href":58},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-electrofitfight\u002F","création du\nsite internet et de l'application mobile\nElectrofit&Fight",".",{"title":62,"searchDepth":63,"depth":63,"links":64},"",3,[],"2025-12-01",[67,68,69,70,71],"Nouvelle direction graphique","Mise en page des offres","PWA conservée","Réservation inchangée","Adaptation mobile","Refonte graphique du site et de la PWA d'Electrofit&Fight, studio d'électrostimulation et de sports de combat à Saint-Pierre-de-Chandieu, accompagnant le repositionnement du club.",false,"md","\u002Fimages\u002Fprojets\u002Felectrofit-and-fight.png",[77,78,79],"refonte-graphique","creation-site-internet","creation-application-mobile",{},null,true,"Le club avait fait évoluer son positionnement — de la boxe et l'électrostimulation vers la minceur et la longévité. Son site parlait encore de l'offre d'avant.",71,"\u002Fprojects\u002Frefonte-graphique-electrofit-and-fight","Saint-Pierre-de-Chandieu (69)","Refonte graphique",[],"Studio EMS et sports de combat",{"title":5,"description":72},"projects\u002Frefonte-graphique-electrofit-and-fight",[87,93,94],"PWA","Réservation",[96,48,93,97,98],"StudioRésa","Réservation en ligne","Responsive","MeuEAMfEXFnM5JuiFGWoRz8OFGAbiZkM7-ZcYFL8gsE",[101,104,107,110,111,114,117,120,123,126,129,132,135,138,141,144,147,150,153,156,159,162,165,168,171,174,177,180,183,186,189,192,195,198,201,204,207,210,213,216,219,222,225,228,231,234,237,240,243,246,249,252,255,258,261,264,267,270,273,276,279,282,285,288,291,294,297,300,303,306,309,312,315,318,321,324,327,330,333,336,339,342,345,348,351,354,357,360],{"path":102,"title":103},"\u002Fprojects\u002Fdepannage-prestashop-sellerie-gz","Dépannage PrestaShop de la boutique Sellerie GZ",{"path":105,"title":106},"\u002Fprojects\u002Fapplication-pwa-pont-roman-bedarrides","Pont Roman de Bédarrides : l'application qui dit si le pont est ouvert",{"path":108,"title":109},"\u002Fprojects\u002Frefonte-graphique-cfac-carrossier-funeraire","Refonte graphique du site CFAC",{"path":85,"title":5},{"path":112,"title":113},"\u002Fprojects\u002Fcreation-site-internet-jd-summit","Création du site internet JD Summit",{"path":115,"title":116},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-stud4fit-lavaur","Création site internet et appli mobile STUD4FIT Lavaur",{"path":118,"title":119},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-i-fit-club-le-havre","Création site internet et appli mobile I-FIT CLUB Le Havre",{"path":121,"title":122},"\u002Fprojects\u002Fcreation-plateforme-annonces-syntiv-avocats","Création de Syntiv, plateforme d'annonces pour avocats",{"path":124,"title":125},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-ems-95","Création site internet et appli mobile EMS 95",{"path":127,"title":128},"\u002Fprojects\u002Fcreation-site-internet-au-taquet-accastillage","Création du site internet Au'Taquet Accastillage",{"path":130,"title":131},"\u002Fprojects\u002Fcreation-site-internet-us-pontet-karate-do","Création du site internet US Pontet Karaté Do",{"path":133,"title":134},"\u002Fprojects\u002Fcreation-pwa-ambene-pizza","Création de la PWA Ambene Pizza",{"path":136,"title":137},"\u002Fprojects\u002Fcreation-site-internet-form-you-le-havre","Création du site internet Form&You",{"path":139,"title":140},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-studyofit-bouc-bel-air","Création site internet et appli mobile STUD'YOFIT Bouc-Bel-Air",{"path":142,"title":143},"\u002Fprojects\u002Fcreation-site-internet-appli-mobile-akd-fit","Création site internet et appli mobile AKD Fit",{"path":145,"title":146},"\u002Fprojects\u002Fapplication-mobile-timefit-aigues-mortes","Application mobile TimeFit Aigues-Mortes",{"path":148,"title":149},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-eh-my-sport-vire","Création site internet et appli mobile EH! MY SPORT Vire",{"path":151,"title":152},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-pulse-your-life-tournefeuille","Création site internet et appli mobile Pulse Your Life Tournefeuille",{"path":154,"title":155},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-pulse-hit-beziers","Création site internet et appli mobile Pulse Hit Béziers",{"path":157,"title":158},"\u002Fprojects\u002Fcreation-boutique-en-ligne-patrons-les-bg","Création de la boutique Patrons les BG",{"path":160,"title":161},"\u002Fprojects\u002Fcreation-site-web-instant-bois","Création du Site Web instant-bois.fr : L'Expertise du Développeur au Service de l'Excellence",{"path":163,"title":164},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-stimuli-power","Création site internet et appli mobile Stimuli Power",{"path":166,"title":167},"\u002Fprojects\u002Fapplication-metier-tracabilite-affutage-davin","Un QR code par outil : l'application d'atelier d'Affûtage Davin",{"path":169,"title":170},"\u002Fprojects\u002Fcreation-application-mobile-feelgood-ems","Création application mobile Feelgood EMS",{"path":172,"title":173},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-terreocea","Création site internet et appli mobile TerreOcéa",{"path":175,"title":176},"\u002Fprojects\u002Frefonte-graphique-celf84","Refonte Graphique de Celf84.fr : Une Approche Développeur Axée sur la Qualité",{"path":178,"title":179},"\u002Fprojects\u002Fapplication-mobile-stimbodyfit","Application mobile Stimbodyfit",{"path":181,"title":182},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-body-positive-nice","Création site internet et appli mobile Body Positive Nice",{"path":184,"title":185},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-flash-fit","Création site internet et appli mobile Flash-Fit",{"path":187,"title":188},"\u002Fprojects\u002Foptimisation-seo-performances-ajs-construction-bois","Optimisation SEO & Performances AJS Construction Bois",{"path":190,"title":191},"\u002Fprojects\u002Foptimisation-seo-performance-ajs-couverture","Optimisation SEO & Performances AJS Couverture",{"path":193,"title":194},"\u002Fprojects\u002Frefonte-graphique-askr","Refonte graphique ASKR",{"path":196,"title":197},"\u002Fprojects\u002Fcreation-site-internet-askr","Création site internet vitrine ASKR",{"path":199,"title":200},"\u002Fprojects\u002Fcreation-site-web-et-application-mobile-pizza-421","Création site web et application mobile Pizza 421",{"path":202,"title":203},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-latelier-ems-nice","Création site internet et appli mobile L'Atelier EMS Nice",{"path":205,"title":206},"\u002Fprojects\u002Ftimefit-avermes-chateauroux","Applications mobiles Timefit Avermes & Châteauroux",{"path":208,"title":209},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-body-foyal-fort-de-france","Création site internet et appli mobile Body-Foyal Fort-de-France",{"path":211,"title":212},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-pulse-your-life-villeneuve-sur-lot","Création site internet et appli mobile Pulse Your Life Villeneuve-sur-Lot",{"path":214,"title":215},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-evasion-sport","Création site internet et appli mobile Évasion Sport",{"path":217,"title":218},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-activstudio-ems","Création site internet et appli mobile ActivStudio-EMS",{"path":220,"title":221},"\u002Fprojects\u002Fcreation-site-internet-i-motion-bruxelles","Création site internet I-Motion Bruxelles",{"path":223,"title":224},"\u002Fprojects\u002Fcreation-site-internet-learn-in-nice","Création site internet Learn in Nice",{"path":226,"title":227},"\u002Fprojects\u002Fcreation-du-site-internet-kojima-jfrey-fr","Création du site internet Kojima-Jfrey.fr",{"path":229,"title":230},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-fit-pulse-strasbourg","Création site internet et appli mobile Fit-Pulse Strasbourg",{"path":232,"title":233},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-orsted-club","Création site internet et appli mobile Orsted Club",{"path":235,"title":236},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-le-studio-44","Création site internet et appli mobile Le Studio 44",{"path":238,"title":239},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-pulse-your-life-oyonnax","Création site internet et appli mobile Pulse Your Life Oyonnax",{"path":241,"title":242},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-electro-sculpt","Création site internet et appli mobile Electro-Sculpt",{"path":244,"title":245},"\u002Fprojects\u002Fcreation-du-site-web-languagessuccess","Création du site web Languages&Success",{"path":247,"title":248},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-cryojenny-ancenis","Création site internet et appli mobile Cryojenny Ancenis",{"path":250,"title":251},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-le-studio-club-evreux","Création site internet et appli mobile Le Studio Club Évreux",{"path":253,"title":254},"\u002Fprojects\u002Fmise-en-place-du-dispositif-carry-alerte","Mise en place du dispositif Carry-Alerte",{"path":256,"title":257},"\u002Fprojects\u002Fcreation-site-internet-et-app-mobile-studio-bodyconnect","Création site internet et app mobile Studio BodyConnect",{"path":259,"title":260},"\u002Fprojects\u002Fcreation-site-internet-et-appli-mobile-body-control-33","Création site internet et appli mobile Body Control 33",{"path":262,"title":263},"\u002Fprojects\u002Fcreation-site-internet-et-app-mobile-calista-saint-victoret","Création site internet et app mobile CALISTA Saint-Victoret",{"path":265,"title":266},"\u002Fprojects\u002Fcreation-site-internet-et-app-mobile-calista-carry-le-rouet","Création site internet et app mobile CALISTA Carry-le-Rouet",{"path":268,"title":269},"\u002Fprojects\u002Fcreation-site-internet-4-pattes-sans-toit","Création site internet 4 Pattes Sans Toit",{"path":271,"title":272},"\u002Fprojects\u002Frefonte-graphique-site-web-i-motion-club-le-havre","Refonte Graphique site web I-Motion Club le Havre",{"path":274,"title":275},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-stimfit49","Création site internet et application mobile Stimfit",{"path":277,"title":278},"\u002Fprojects\u002Fcreation-site-internet-et-applications-calista-center","Création site internet et applications CALISTA-CENTER",{"path":280,"title":281},"\u002Fprojects\u002Fcreation-site-internet-applications-pulse-your-life","Création site internet et applications PULSE YOUR LIFE",{"path":283,"title":284},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-fit-tec","Création site internet et application mobile FIT TEC",{"path":286,"title":287},"\u002Fprojects\u002Fcreation-site-internet-application-mobile-madinimpulse","Création site internet et application mobile Madinimpulse",{"path":289,"title":290},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-fit-success","Création site internet et application mobile Fit-Success",{"path":292,"title":293},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-pulsemove","Création site internet et application mobile Pulse&Move",{"path":295,"title":296},"\u002Fprojects\u002Fcreation-site-internet-application-mobile-electrofit-bergerac","Création site internet et application mobile ElectroFit Bergerac",{"path":298,"title":299},"\u002Fprojects\u002Fcreation-site-internet-application-mobile-dynamic-coach","Création site internet et application mobile Dynamic Coach",{"path":301,"title":302},"\u002Fprojects\u002Fcreation-site-web-et-application-mobile-instant-fit","Création site web et application mobile Instant-Fit",{"path":304,"title":305},"\u002Fprojects\u002Fcreation-site-internet-et-app-mobile-lestudio11","Création site internet et app mobile LeStudio11 Rouen",{"path":307,"title":308},"\u002Fprojects\u002Fpulse-your-life-macon","Pulse Your Life Mâcon",{"path":310,"title":311},"\u002Fprojects\u002Fpulse-your-life-bourg-en-bresse","Pulse Your Life Bourg-en-Bresse",{"path":313,"title":314},"\u002Fprojects\u002Fcreation-site-internet-et-application-mobile-electrofitfight","Création site internet et application mobile ElectroFit&Fight",{"path":316,"title":317},"\u002Fprojects\u002Fapplication-studioresa","Application STUDIORÉSA",{"path":319,"title":320},"\u002Fprojects\u002Fcreation-site-internet-menuiserie-provencale","Création du site internet Menuiserie Provençale",{"path":322,"title":323},"\u002Fprojects\u002Fcreation-site-internet-top-idees","Création site internet Top-Idées.com",{"path":325,"title":326},"\u002Fprojects\u002Fcreation-site-internet-hommage-energie","Création site internet Hommage-Énergie",{"path":328,"title":329},"\u002Fprojects\u002Fcreation-site-internet-sy-naturelle","Création site internet Sy-Naturelle",{"path":331,"title":332},"\u002Fprojects\u002Fcreation-site-internet-plombier-tarascon","Création site internet Plombier-Tarascon",{"path":334,"title":335},"\u002Fprojects\u002Fcreation-application-web-mobile-saveurs-terroir","Création application web et mobile Saveurs-Terroir",{"path":337,"title":338},"\u002Fprojects\u002Fcreation-site-internet-jean-francois-rey","Création site internet Jean-François REY",{"path":340,"title":341},"\u002Fprojects\u002Fcreation-site-internet-coupo-santo","Création Site Carte de Visite Coupo Santo",{"path":343,"title":344},"\u002Fprojects\u002Fcreation-application-site-internet-gomobile","Création application et site internet GoMobile",{"path":346,"title":347},"\u002Fprojects\u002Fcreation-site-ecommerce-ferme-rimandoule","Création site e-Commerce Ferme de Rimandoule",{"path":349,"title":350},"\u002Fprojects\u002Fcreation-site-internet-vitrine-arc-langues","Création site internet vitrine ARC-Langues",{"path":352,"title":353},"\u002Fprojects\u002Fcreation-site-internet-gipsy-tabs","Création site internet type blog Gipsy Tabs",{"path":355,"title":356},"\u002Fprojects\u002Fcreation-site-internet-cfac","Création site internet CFAC",{"path":358,"title":359},"\u002Fprojects\u002Fprojet-annuaire-professionnel-senas","Projet Annuaire des Professionnel de Sénas",{"path":361,"title":362},"\u002Fprojects\u002Fcreation-site-booking-reservation-celf","Création site booking\u002Fréservation CELF",1789895262757]