[{"data":1,"prerenderedAt":355},["ShallowReactive",2],{"projects":3,"project-/projects/prayon":133},[4,16,27,35,42,49,58,65,72,78,85,91,98,105,111,118,127],{"title":5,"path":6,"description":7,"cover":8,"year":9,"services":10,"client":15},"NutriPlan","/projects/nutriplan","Mon SaaS : des plans alimentaires personnalisés par IA, pour les particuliers et les coachs. Produit, design et développement.","/images/projects/nutriplan/cover.webp","2026",[11,12,13,14],"SaaS","Produit","Design","Développement","NutriPlan, projet personnel",{"title":17,"path":18,"description":19,"cover":20,"year":21,"services":22,"client":26},"Trustup Pro","/projects/trustup-pro","L'application des artisans : devis, factures et chantiers réunis au même endroit. Lead front-end et redesign des écrans.","/images/projects/trustup-pro/cover.webp","2025 - en cours",[23,24,25],"Application SaaS","UI","Front-end","Trustup",{"title":28,"path":29,"description":30,"cover":31,"year":21,"services":32,"client":26},"Trustup Marketplace","/projects/trustup-marketplace","La marketplace belge des travaux : plus de 136 000 professionnels vérifiés de la construction et de la rénovation. Lead front-end et redesign des écrans.","/images/projects/trustup-marketplace/cover.webp",[33,34,24],"Marketplace","Site web",{"title":36,"path":37,"description":38,"cover":39,"year":40,"services":41,"client":36},"Camber","/projects/camber","Le site de Camber, pensé comme le principal outil de conversion de la marque, raconte des histoires de clients plutôt que des placards.","/images/projects/camber/cover.webp","2021",[34],{"title":43,"path":44,"description":45,"cover":46,"year":47,"services":48,"client":43},"VOO","/projects/voo","Depuis 2019, l'évolution continue des sites grand public et business du troisième opérateur télécom belge, sur une architecture headless.","/images/projects/voo/cover.webp","2019 - en cours",[34],{"title":50,"path":51,"description":52,"cover":53,"year":54,"services":55,"client":50},"Lemaire ingénieurs","/projects/lemaire-ingenieurs","La fusion de trois bureaux d'études en une seule marque, avec une nouvelle identité, un site portfolio immersif et un shooting photo.","/images/projects/lemaire-ingenieurs/cover.webp","2022",[56,34,57],"Branding","Photographie",{"title":59,"path":60,"description":61,"cover":62,"year":63,"services":64,"client":59},"Olivia Garden","/projects/olivia-garden","La refonte du site d'une marque d'outils de coiffure professionnels, avec un catalogue clair, un store locator et un contenu entièrement flexible.","/images/projects/olivia-garden/cover.webp","2023",[34],{"title":66,"path":67,"description":68,"cover":69,"year":70,"services":71,"client":66},"Zinacor","/projects/zinacor","Un fabricant B2B de fils de zinc et d'aluminium qui modernise son identité, son site et ses visuels. Site du jour sur Awwwards.","/images/projects/zinacor/cover.webp","2018",[56,34,57],{"title":73,"path":74,"description":75,"cover":76,"year":40,"services":77,"client":73},"Prayon","/projects/prayon","Un leader mondial de la chimie du phosphore qui regroupe un écosystème digital éclaté en un portail unique, avec une identité de groupe forte.","/images/projects/prayon/cover.webp",[34,57],{"title":79,"path":80,"description":81,"cover":82,"year":83,"services":84,"client":79},"Leidgens","/projects/leidgens","Cinquante ans d'aménagement extérieur, et un site qui présente l'expertise de Leidgens aux professionnels comme aux particuliers.","/images/projects/leidgens/cover.webp","2024",[34],{"title":86,"path":87,"description":88,"cover":89,"year":83,"services":90,"client":86},"Plastiqual","/projects/plastiqual","Un injecteur plastique belge spécialisé dans l'étude et la fabrication de pièces complexes en matières plastiques techniques.","/images/projects/plastiqual/cover.webp",[34],{"title":92,"path":93,"description":94,"cover":95,"year":96,"services":97,"client":92},"Agence du Numérique","/projects/adn","L'agence qui porte la stratégie Digital Wallonia, et un site pour présenter sa raison d'être, ses missions et son équipe.","/images/projects/adn/cover.webp","2025",[34],{"title":99,"path":100,"description":101,"cover":102,"year":63,"services":103,"client":99},"Decospan","/projects/decospan","Des placages bois haut de gamme, plus de 80 essences, et des expériences WebGL autour des planches de bois.","/images/projects/decospan/cover.webp",[34,104],"WebGL",{"title":106,"path":107,"description":108,"cover":109,"year":83,"services":110,"client":106},"Delhez","/projects/delhez","Découpe laser, tôlerie, tube, usinage, poudrage et assemblage : un site pour un partenaire unique du travail du métal.","/images/projects/delhez/cover.webp",[34],{"title":112,"path":113,"description":114,"cover":115,"year":9,"services":116,"client":112},"Equans","/projects/equans","Le site carrière de l'un des plus grands employeurs de Belgique : plus de 9 200 collaborateurs et 1 000 nouveaux talents chaque année.","/images/projects/equans/cover.webp",[117],"Site carrière",{"title":119,"path":120,"description":121,"cover":122,"year":123,"services":124,"client":126},"Barba.js","/projects/barba","Le site de barba.js, une librairie JavaScript open source pour créer des transitions fluides entre les pages.","/images/projects/barba/cover.webp","2020",[34,125],"Open source","barba.js",{"title":128,"path":129,"description":130,"cover":131,"year":83,"services":132,"client":59},"Jean by Olivia Garden","/projects/jean","La ligne d'outils pour barbiers d'Olivia Garden, en hommage à son fondateur Jean Rennette.","/images/projects/jean/cover.webp",[34],{"id":134,"title":73,"agency":135,"body":136,"client":73,"color":342,"cover":76,"description":75,"extension":343,"featured":344,"link":345,"meta":346,"navigation":344,"order":347,"path":74,"rawbody":348,"role":349,"seo":350,"services":351,"stats":352,"stem":353,"year":40,"__hash__":354},"projects/projects/prayon.md","EPIC",{"type":137,"value":138,"toc":336},"minimark",[139,144,157,161,172,183,201,219,223,249,253,264,271],[140,141,143],"h2",{"id":142},"dune-image-diluée-à-une-identité-de-groupe-forte","D'une image diluée à une identité de groupe forte",[145,146,147,148,152,153,156],"p",{},"Prayon est un ",[149,150,151],"strong",{},"leader mondial"," de la ",[149,154,155],{},"chimie du phosphore",". Au fil des années, l'entreprise a travaillé avec de nombreuses agences et multiplié les sites et outils digitaux, ce qui a affaibli et brouillé son image de marque.",[140,158,160],{"id":159},"rendre-le-complexe-presque-simple","Rendre le complexe (presque) simple",[145,162,163,164,167,168,171],{},"Avec sa nouvelle stratégie de groupe, Prayon avait un objectif clair : ",[149,165,166],{},"remettre à plat tout son écosystème digital"," et ",[149,169,170],{},"retrouver une identité de groupe",".",[145,173,174,175,178,179,182],{},"Conçus par des partenaires différents, ces outils formaient un ",[149,176,177],{},"écosystème de plus en plus complexe",", aux niveaux de maturité très variés. Avec le département marque et marketing, EPIC a mené un ",[149,180,181],{},"audit complet de chaque outil"," : la raison d'être de chaque site, le parcours de chaque persona clé, les messages de marque. Tout a été reconstruit presque à partir de zéro.",[145,184,185,188,189,192,193,196,197,200],{},[149,186,187],{},"Le résultat :"," un portail web unique où l'entreprise apparaît ",[149,190,191],{},"moderne",", avec une image de groupe ",[149,194,195],{},"forte"," et unifiée, et une identité ",[149,198,199],{},"modernisée"," par le renouvellement de ses codes visuels.",[202,203,205,214],"case-gallery",{"cols":204},2,[145,206,207],{},[208,209],"img",{"alt":210,"src":211,"width":212,"height":213},"Wireframes","/images/projects/prayon/prayon-wireframe-1-1.webp",2400,1800,[145,215,216],{},[208,217],{"alt":210,"src":218,"width":212,"height":213},"/images/projects/prayon/prayon-wireframe-2.webp",[220,221],"case-video",{"src":222},"/images/projects/prayon/prayon-header-ld.mp4",[202,224,225,231,237,243],{"cols":204},[145,226,227],{},[208,228],{"alt":229,"src":230,"width":212,"height":213},"Page d'accueil","/images/projects/prayon/prayon-layout-homepage.webp",[145,232,233],{},[208,234],{"alt":235,"src":236,"width":212,"height":213},"Page équipements","/images/projects/prayon/prayon-layout-equipement.webp",[145,238,239],{},[208,240],{"alt":241,"src":242,"width":212,"height":213},"Page entreprise","/images/projects/prayon/prayon-layout-company.webp",[145,244,245],{},[208,246],{"alt":247,"src":248,"width":212,"height":213},"Aperçu des pages","/images/projects/prayon/prayon-layout-preview.webp",[140,250,252],{"id":251},"les-visuels","Les visuels",[145,254,255,256,259,260,263],{},"Prayon disposait de nombreuses images et vidéos, mais ",[149,257,258],{},"la plupart étaient datées",". Pour porter la nouvelle stratégie, ",[149,261,262],{},"plusieurs shootings photo"," ont été organisés pour renouveler les visuels et mettre les équipes en avant.",[145,265,266,267,270],{},"Le site comptant de nombreuses pages, les shootings ne suffisaient pas : ",[149,268,269],{},"les équipes de Prayon ont été formées à sélectionner des images cohérentes et de qualité"," dans des banques d'images haut de gamme.",[202,272,274,281,286,291,296,301,306,311,316,321,326,331],{"cols":273},4,[145,275,276],{},[208,277],{"alt":278,"src":279,"width":212,"height":280},"Shooting Prayon","/images/projects/prayon/030a0918.webp",1600,[145,282,283],{},[208,284],{"alt":278,"src":285,"width":280,"height":212},"/images/projects/prayon/030a0910.webp",[145,287,288],{},[208,289],{"alt":278,"src":290,"width":280,"height":212},"/images/projects/prayon/030a9861.webp",[145,292,293],{},[208,294],{"alt":278,"src":295,"width":212,"height":280},"/images/projects/prayon/030a0779.webp",[145,297,298],{},[208,299],{"alt":278,"src":300,"width":280,"height":212},"/images/projects/prayon/030a0869-vertical.webp",[145,302,303],{},[208,304],{"alt":278,"src":305,"width":212,"height":280},"/images/projects/prayon/030a0342.webp",[145,307,308],{},[208,309],{"alt":278,"src":310,"width":212,"height":280},"/images/projects/prayon/030a0351.webp",[145,312,313],{},[208,314],{"alt":278,"src":315,"width":212,"height":280},"/images/projects/prayon/030a9977.webp",[145,317,318],{},[208,319],{"alt":278,"src":320,"width":280,"height":212},"/images/projects/prayon/030a9882.webp",[145,322,323],{},[208,324],{"alt":278,"src":325,"width":212,"height":280},"/images/projects/prayon/030a9823.webp",[145,327,328],{},[208,329],{"alt":278,"src":330,"width":212,"height":280},"/images/projects/prayon/030a9320.webp",[145,332,333],{},[208,334],{"alt":278,"src":335,"width":280,"height":212},"/images/projects/prayon/030a9357.webp",{"title":337,"searchDepth":204,"depth":204,"links":338},"",[339,340,341],{"id":142,"depth":204,"text":143},{"id":159,"depth":204,"text":160},{"id":251,"depth":204,"text":252},"#f8f8f8","md",true,"https://www.prayon.com",{},6,"---\ntitle: Prayon\ndescription: \"Un leader mondial de la chimie du phosphore qui regroupe un écosystème digital éclaté en un portail unique, avec une identité de groupe forte.\"\norder: 6\nclient: Prayon\nyear: '2021'\nagency: EPIC\nrole: Développeur front-end\nservices: [Site web, Photographie]\nlink: https://www.prayon.com\ncover: /images/projects/prayon/cover.webp\ncolor: '#f8f8f8'\n---\n\n## D'une image diluée à une identité de groupe forte\n\nPrayon est un **leader mondial** de la **chimie du phosphore**. Au fil des années, l'entreprise a travaillé avec de nombreuses agences et multiplié les sites et outils digitaux, ce qui a affaibli et brouillé son image de marque.\n\n## Rendre le complexe (presque) simple\n\nAvec sa nouvelle stratégie de groupe, Prayon avait un objectif clair : **remettre à plat tout son écosystème digital** et **retrouver une identité de groupe**.\n\nConçus par des partenaires différents, ces outils formaient un **écosystème de plus en plus complexe**, aux niveaux de maturité très variés. Avec le département marque et marketing, EPIC a mené un **audit complet de chaque outil** : la raison d'être de chaque site, le parcours de chaque persona clé, les messages de marque. Tout a été reconstruit presque à partir de zéro.\n\n**Le résultat :** un portail web unique où l'entreprise apparaît **moderne**, avec une image de groupe **forte** et unifiée, et une identité **modernisée** par le renouvellement de ses codes visuels.\n\n::case-gallery{cols=\"2\"}\n![Wireframes](/images/projects/prayon/prayon-wireframe-1-1.webp)\n\n![Wireframes](/images/projects/prayon/prayon-wireframe-2.webp)\n::\n\n::case-video{src=\"/images/projects/prayon/prayon-header-ld.mp4\"}\n::\n\n::case-gallery{cols=\"2\"}\n![Page d'accueil](/images/projects/prayon/prayon-layout-homepage.webp)\n\n![Page équipements](/images/projects/prayon/prayon-layout-equipement.webp)\n\n![Page entreprise](/images/projects/prayon/prayon-layout-company.webp)\n\n![Aperçu des pages](/images/projects/prayon/prayon-layout-preview.webp)\n::\n\n## Les visuels\n\nPrayon disposait de nombreuses images et vidéos, mais **la plupart étaient datées**. Pour porter la nouvelle stratégie, **plusieurs shootings photo** ont été organisés pour renouveler les visuels et mettre les équipes en avant.\n\nLe site comptant de nombreuses pages, les shootings ne suffisaient pas : **les équipes de Prayon ont été formées à sélectionner des images cohérentes et de qualité** dans des banques d'images haut de gamme.\n\n::case-gallery{cols=\"4\"}\n![Shooting Prayon](/images/projects/prayon/030a0918.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a0910.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9861.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a0779.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a0869-vertical.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a0342.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a0351.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9977.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9882.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9823.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9320.webp)\n\n![Shooting Prayon](/images/projects/prayon/030a9357.webp)\n::\n","Développeur front-end",{"title":73,"description":75},[34,57],[],"projects/prayon","NFxKgSXbhl-rOn_AENHJe4QToMIqga10QMRGjvNhPB0",1794300045319]