PageSourceSearch

https://www.cxl.studio/playground

html cxl.studio collected 2026-10-05 11:29:47 UTC 27,430 bytes, 1 lines download raw bytes

1<!DOCTYPE html><html lang="fr"><head><meta charSet="utf-8"/><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/><title>Playground - CXL Studio</title><meta name="description" content="Studio de design et de développement proposant des solutions multi-plateformes print &amp; digitales. Basé à Strasbourg, France."/><link rel="alternate" hrefLang="fr" href="https://www.cxl.studio/playground"/><link rel="alternate" hrefLang="en" href="https://www.cxl.studio/en/playground"/><link rel="alternate" hrefLang="x-default" href="https://www.cxl.studio/playground"/><meta property="og:locale" content="fr_FR"/><meta property="og:site_name" content="CXL Studio"/><meta property="og:title" content="Playground - CXL Studio"/><meta property="og:type" content="website"/><meta property="og:url" content="https://www.cxl.studio/playground"/><link rel="canonical" href="https://www.cxl.studio/playground"/><meta property="og:description" content="Studio de design et de développement proposant des solutions multi-plateformes print &amp; digitales. Basé à Strasbourg, France."/><meta property="og:image" content="https://www.cxl.studio/share_image.png"/><meta property="og:image:type" content="image/png"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="twitter:site" content="CXL Studio"/><meta property="twitter:title" content="Playground - CXL Studio"/><meta property="twitter:description" content="Studio de design et de développement proposant des solutions multi-plateformes print &amp; digitales. Basé à Strasbourg, France."/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:image" content="https://www.cxl.studio/share_image.png"/><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/><link rel="manifest" href="/favicon/site.webmanifest"/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5"/><meta name="msapplication-TileColor" content="#00aba9"/><meta name="theme-color" content="#ffffff"/><meta name="next-head-count" content="31"/><link rel="preload" href="/_next/static/media/867bce6efedfde96-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/5aa2628035ee3403-s.p.ttf" as="font" type="font/ttf" crossorigin="anonymous" data-next-font="size-adjust"/>
1<script id="sr" data-nscript="beforeInteractive">window.history.scrollRestoration = "manual"</script>
1<link rel="preload" href="/_next/static/css/64b13780d7a606aa.css" as="style"/><link rel="stylesheet" href="/_next/static/css/64b13780d7a606aa.css" data-n-g=""/><noscript data-n-css=""></noscript>
1<script defer="" nomodule="" src="/_next/static/chunks/polyfills-78c92fac7aa8fdd8.js"></script>
1<script src="/_next/static/chunks/webpack-60d328ea1049e7c2.js" defer=""></script>
1<script src="/_next/static/chunks/framework-ecc4130bc7a58a64.js" defer=""></script>
1<script src="/_next/static/chunks/main-d1d935c134faad91.js" defer=""></script>
1<script src="/_next/static/chunks/pages/_app-9c1963c0e1bd95d4.js" defer=""></script>
1<script src="/_next/static/chunks/959-f946230627646c46.js" defer=""></script>
1<script src="/_next/static/chunks/347-81a112807bcc0a06.js" defer=""></script>
1<script src="/_next/static/chunks/pages/playground-37ac63dd8a5a41fb.js" defer=""></script>
1<script src="/_next/static/anDUVQlfVpySUgNgyya6i/_buildManifest.js" defer=""></script>
1<script src="/_next/static/anDUVQlfVpySUgNgyya6i/_ssgManifest.js" defer=""></script>
1</head><body class="bg-gray-100"><div id="__next"><div class="__variable_ba7a58 __variable_a885ff font-satoshi text-gray-900"><div id="scroller" class="absolute inset-0 overflow-y-hidden"><header class="fixed top-0 left-0 w-full md:pt-5 z-[30] invisible" role="banner"><div class="px-4 md:px-3"><div class="flex md:justify-between items-end"><a class="w-20" aria-label="accueil" href="/"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 134 40"><path d="M29.657 26.665h7.192c1.849 0 3.35 1.492 3.35 3.333v6.667c0 1.84-1.5 3.333-3.35 3.333h-20.1a3.34 3.34 0 0 1-3.35-3.333v-6.667c0-1.84-1.5-3.333-3.35-3.333H3.35A3.34 3.34 0 0 1 0 23.332v-6.667c0-1.84 1.5-3.333 3.35-3.333h6.7c1.85 0 3.35-1.492 3.35-3.334V3.333C13.4 1.493 14.9 0 16.75 0h20.1c1.85 0 3.35 1.492 3.35 3.333V10c0 1.84-1.499 3.333-3.35 3.333h-20.1a3.34 3.34 0 0 0-3.35 3.334v6.666c0 1.84 1.498 3.334 3.35 3.334h12.907zM76.557 13.332h7.682a2.85 2.85 0 0 0 2.859-2.845V2.845A2.85 2.85 0 0 0 84.24 0h-7.682a2.85 2.85 0 0 0-2.86 2.845v7.643a2.85 2.85 0 0 1-2.858 2.845h-7.683a2.85 2.85 0 0 1-2.859-2.845V2.845A2.85 2.85 0 0 0 57.44 0h-7.682A2.85 2.85 0 0 0 46.9 2.845v7.643a2.85 2.85 0 0 0 2.86 2.845h7.681a2.85 2.85 0 0 1 2.86 2.845v7.644a2.85 2.85 0 0 1-2.86 2.845h-7.682a2.85 2.85 0 0 0-2.859 2.845v7.643A2.85 2.85 0 0 0 49.76 40h7.681a2.85 2.85 0 0 0 2.86-2.845v-7.643a2.85 2.85 0 0 1 2.859-2.845h7.682a2.85 2.85 0 0 1 2.86 2.845v7.643A2.85 2.85 0 0 0 76.56 40h7.682a2.85 2.85 0 0 0 2.859-2.845v-7.643a2.85 2.85 0 0 0-2.86-2.845H76.56a2.85 2.85 0 0 1-2.86-2.845v-7.644a2.85 2.85 0 0 1 2.86-2.845zM93.798 2.845A2.85 2.85 0 0 1 96.658 0h7.681a2.853 2.853 0 0 1 2.86 2.845v20.977a2.85 2.85 0 0 0 2.859 2.845h21.083A2.85 2.85 0 0 1 134 29.512v7.643A2.85 2.85 0 0 1 131.141 40h-21.083a2.85 2.85 0 0 1-2.859-2.845v-7.643a2.853 2.853 0 0 0-2.86-2.845h-7.682a2.85 2.85 0 0 1-2.859-2.845z"></path></svg></a></div></div></header><div class="fixed inset-0 flex justify-center items-center bg-gray-800 z-[1]"><div class="flex w-1/2 gap-6"><div class="flex-1 invisible"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306.6 304.8"><g data-name="Layer_1"><path d="m297.8 12.5-1-1-1-1-1-1-.6-.6c-4.5-4.5-10.8-7.3-17.7-7.3h-150c-13.8 0-25 11.1-25 24.8v49.7c0 13.7-11.2 24.8-25 24.8h-50c-13.8 0-25 11.1-25 24.8v49.7c0 6.9 2.8 13.1 7.4 17.6l.5.5 1 1 1 1 1 1c4.6 4.8 11 7.9 18.2 7.9h50c5.9 0 11.3 2 15.6 5.4 3.3 4.2 5.3 9.5 5.3 15.3v49.7c0 6.9 2.8 13.1 7.4 17.6l.5.5 1 1 1 1 1 1c4.6 4.8 11 7.9 18.2 7.9h150c13.8 0 25-11.1 25-24.8v-49.7c0-7.1-3-13.5-7.8-18l-1-1-1-1-1-1-.6-.6c-4.5-4.5-10.8-7.3-17.7-7.3h-150c-5.9 0-11.3-2-15.6-5.4-3.3-4.2-5.3-9.5-5.3-15.3V130c0-13.7 11.2-24.8 25-24.8h150c13.8 0 25-11.1 25-24.8v-50c0-7.1-3-13.5-7.8-18h0Z" style="fill:#171717;stroke:#171717;stroke-linecap:round;stroke-linejoin:round;stroke-width:2"></path><path d="M221.8 199.2h53.7c13.8 0 25 11.1 25 24.8v49.7c0 13.7-11.2 24.8-25 24.8h-150c-13.8 0-25-11.1-25-24.8V224c0-13.7-11.2-24.8-25-24.8h-50c-13.8 0-25-11.1-25-24.8v-49.7c0-13.7 11.2-24.8 25-24.8h50c13.8 0 25-11.1 25-24.8V25.3c0-13.7 11.2-24.8 25-24.8h150c13.8 0 25 11.1 25 24.8V75c0 13.7-11.2 24.8-25 24.8h-150c-13.8 0-25 11.1-25 24.8v49.7c0 13.7 11.2 24.8 25 24.8h96.3Z" style="fill:#e7e7e7;stroke:#171717;stroke-linecap:round;stroke-linejoin:round"></path></g></svg></div><div class="flex-1 invisible"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306.4 304.5"><g data-name="Layer_1"><path d="m298.7 210-1-1-1-1-1-1-.6-.6c-3.9-3.9-9.2-6.3-15.1-6.3h-57.3c-4.9 0-9.3-1.6-12.9-4.4-2.7-3.5-4.3-7.9-4.3-12.7v-56.9c0-11.7 9.6-21.2 21.3-21.2h57.3c11.8 0 21.3-9.5 21.3-21.2V26.8c0-6.1-2.6-11.6-6.7-15.4l-1-1-1-1-1-1-.6-.6c-3.9-3.9-9.2-6.3-15.1-6.3h-57.3c-11.8 0-21.3 9.5-21.3 21.2v56.9c0 11.7-9.6 21.2-21.3 21.2h-57.3c-4.9 0-9.3-1.6-12.9-4.4-2.7-3.5-4.3-7.9-4.3-12.7V26.8c0-6.1-2.6-11.6-6.7-15.4l-1-1-1-1-1-1-.6-.6c-3.9-3.9-9.2-6.3-15.1-6.3H22.9C11.1 1.5 1.6 11 1.6 22.7v56.9c0 5.9 2.4 11.2 6.3 15 .2.2.4.3.5.5l1 1 1 1 1 1c3.9 4.2 9.4 6.8 15.6 6.8h57.3c4.9 0 9.3 1.6 12.9 4.4 2.7 3.5 4.3 7.9 4.3 12.7v56.9c0 11.7-9.6 21.2-21.3 21.2H22.9c-11.8 0-21.3 9.5-21.3 21.2v56.9c0 5.9 2.4 11.2 6.3 15 .2.2.4.3.5.5l1 1 1 1 1 1c3.9 4.2 9.4 6.8 15.6 6.8h57.3c11.8 0 21.3-9.5 21.3-21.2v-56.9c0-11.7 9.6-21.2 21.3-21.2h57.3c4.9 0 9.3 1.6 12.9 4.4 2.7 3.5 4.3 7.9 4.3 12.7v56.9c0 5.9 2.4 11.2 6.3 15 .2.2.4.3.5.5l1 1 1 1 1 1c3.9 4.2 9.4 6.8 15.6 6.8h57.3c11.8 0 21.3-9.5 21.3-21.2v-56.9c0-6.1-2.6-11.6-6.7-15.4" style="fill:#171717;stroke:#171717;stroke-linecap:round;stroke-linejoin:round;stroke-width:2"></path><path d="M221.6 99.8h57.3c11.8 0 21.3-9.5 21.3-21.2V21.7C300.2 10 290.7.5 278.9.5h-57.3c-11.8 0-21.3 9.5-21.3 21.2v56.9c0 11.7-9.6 21.2-21.3 21.2h-57.3c-11.8 0-21.3-9.5-21.3-21.2V21.7C100.4 10 90.9.5 79.1.5H21.8C10 .5.5 10 .5 21.7v56.9c0 11.7 9.6 21.2 21.3 21.2h57.3c11.8 0 21.3 9.5 21.3 21.2v56.9c0 11.7-9.6 21.2-21.3 21.2H21.8C10 199.1.5 208.6.5 220.3v56.9c0 11.7 9.6 21.2 21.3 21.2h57.3c11.8 0 21.3-9.5 21.3-21.2v-56.9c0-11.7 9.6-21.2 21.3-21.2H179c11.8 0 21.3 9.5 21.3 21.2v56.9c0 11.7 9.6 21.2 21.3 21.2h57.3c11.8 0 21.3-9.5 21.3-21.2v-56.9c0-11.7-9.6-21.2-21.3-21.2h-57.3c-11.8 0-21.3-9.5-21.3-21.2V121c0-11.7 9.6-21.2 21.3-21.2" style="fill:#e7e7e7;stroke:#171717;stroke-linecap:round;stroke-linejoin:round"></path></g></svg></div><div class="flex-1 invisible"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 306.6 304.6"><g data-name="Layer_1"><path d="m298.9 210-1-1-1-1-1-1-.6-.6c-3.9-3.9-9.2-6.3-15.1-6.3H122.9c-4.9 0-9.3-1.6-12.9-4.4-2.7-3.5-4.3-7.9-4.3-12.7V26.8c0-6.1-2.6-11.6-6.7-15.4l-1-1-1-1-1-1-.6-.6c-3.9-3.9-9.2-6.3-15.1-6.3H23C11.2 1.5 1.7 11 1.7 22.7V179c0 5.9 2.4 11.2 6.3 15 .2.2.4.3.5.5l1 1 1 1 1 1c3.9 4.2 9.4 6.8 15.6 6.8h57.3c4.9 0 9.3 1.6 12.9 4.4 2.7 3.5 4.3 7.9 4.3 12.7v56.9c0 5.9 2.4 11.2 6.3 15 .2.2.4.3.5.5l1 1 1 1 1 1c3.9 4.2 9.4 6.8 15.6 6.8h157.3c11.8 0 21.3-9.5 21.3-21.2v-56.9c0-6.1-2.6-11.6-6.7-15.4h0Z" style="fill:#171717;stroke:#171717;stroke-linecap:round;stroke-linejoin:round;stroke-width:2"></path><path d="M.5 21.7C.5 10 10.1.5 21.8.5h57.3c11.8 0 21.3 9.5 21.3 21.2V178c0 11.7 9.6 21.2 21.3 21.2H279c11.8 0 21.3 9.5 21.3 21.2v56.9c0 11.7-9.6 21.2-21.3 21.2H121.7c-11.8 0-21.3-9.5-21.3-21.2v-56.9c0-11.7-9.6-21.2-21.3-21.2H21.8C10 199.2.5 189.7.5 178z" style="fill:#e7e7e7;stroke:#171717;stroke-linecap:round;stroke-linejoin:round"></path></g></svg></div></div></div><div><div><div class="fixed inset-0 bg-gray-100 z-[1] will-change-transform invisible"></div><main class="relative min-h-svh z-[4]"><section><div class="absolute inset-0 flex items-center justify-center text-[25vw] uppercase font-mango font-v-black invisible"><div class="px-4 md:px-3"><h1>Playground</h1></div></div><div class="relative h-svh overflow-y-hidden px-4 md:px-20"><div class="relative grid grid-cols-4 items-start w-full gap-x-4 md:gap-x-8 overflow-y-clip invisible"></div><div class="fixed inset-0 hidden cursor-pointer"><div class="flex w-full h-full items-center justify-center bg-[rgba(0,0,0,0.7)]"><div class="flex h-[80%] aspect-[0.85] max-w-full px-3"></div></div></div></div></section></main></div></div></div></div></div>
1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"messages":{"Footer":{"allRightReserved":"Tous droits réservés","legals":{"url":"/information","label":"Mentions légales"},"privacy":{"url":"/privacy-policy","label":"Politique de confidentialité"}},"Home":{"title":"","url":"/","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France.","tandem":"*Tandem : Nom masculin, anglais tandem, du latin tandem, à la longue (Au figuré, familier : une association de deux personnes, de deux groupements liés dans une action. Source : dictionnaire Larousse)","presentation":"Hello, nous sommes CXL, un studio, ou plutôt un tandem* strasbourgeois proposant des solutions multiplateformes print \u0026 digitales, composé de Cyrille Brun \u0026 Louis Burgard, respectivement, développeur web / mobile et directeur artistique","ctaText":"Vous trouverez ici nos derniers projets communs, mais également des “side projects” sous forme d'expérimentations, tant graphiques que techniques.","projects":"Nos projets","cta":{"studio":{"pin":"Derrière les initiales","label":"Qui on est","href":"/studio"},"projects":{"title":"projets","label":"Ce qu'on fait","href":"/projects"},"playground":{"pin":"Tout et n'importe quoi","label":"Voir les à-cotés","href":"/playground"}}},"Studio":{"title":"Studio","url":"/studio","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France.","hero":{"subtitle":"Pour nous, chaque projet doit être singulier, unique. Nos solutions sont conçues pour évoluer avec vos besoins et les attentes de vos utilisateurs."},"vision":{"title":"Vision","firstLines":"Une équipe de créatifs chevronnés et engagés, déterminée à vous aider à accroître la visibilité de votre marque et à en assurer le succès à long terme.","sorry":"Désolé... \u003cbr /\u003e Mais on est allergiques au bullshit marketing.","secondLines":"Plus sérieusement, on préfère montrer notre travail plutôt que de parler de nous. Que vous soyez un indépendant ou bien une organisation plus conséquente, notre approche sur mesure garantit une solution adaptée à vos besoins, qu'il s'agisse de la conception d'identité visuelle ou bien la réalisation d'une application digitale plus complexe.","thirdLines":"On reste toutefois disposé à discuter d'un éventuel projet autour d'un Doppio \u003csup className=\"font-v-light\"\u003e(01)\u003c/sup\u003e ou bien d'un Cortado \u003csup className=\"font-v-light\"\u003e(02)\u003c/sup\u003e."},"skills":{"title":"Nos Compétences","development":"Développement","design":"Design","lines":{"site":"Site web","ecommerce":"E-commerce","application-web":"Application web","application-mobile":"Application mobile","application-desktop":"Application desktop","seo":"SEO","visual-identities":"Identité visuelle","logo":"Conception de logotypes","ui":"Design d'interfaces","design-system":"Design System","motion-design":"Motion Design","print":"Supports imprimés","typography":"Typographie sur mesure","iconography":"Iconographie"}},"tandem":{"title":"Le tandem"},"more":{"textFirst":"Envie de connaitre","textSecond":"nos tarifs et les outils","textThird":"qu'on utilise ?","folder":"Contactez-nous"}},"Projects":{"title":"Projets","url":"/projects","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France.","discoverWebsite":"Découvrir le site","client":"Client","mission":"Mission","domain":"Domaine","year":"Année","projects":{"adventif":{"mission":"Design, Développement, Data visualization","description":"\u003cp\u003eAdventif est un cabinet 'Business to Business' de conseil en organisation, spécialisé dans la conception de méthodes et d'interventions pour l'intelligence collective. Il propose également des formations et des séminaires à un large éventail d'entreprises en France et à l'étranger. En plus de son activité principale de conseil, Adventif s'engage depuis 2016 dans la création de jeux d'apprentissage.\u003c/p\u003e\u003cp\u003eCe projet visait à assurer la clarté et la hiérarchisation du contenu, en soulignant des notions importantes, sous la forme de chiffres clés, via la data visualization, tout en intégrant une dimension ludique fidèle aux valeurs du client.\u003c/p\u003e","domain":{"rh":"Ressources humaines","coaching":"Coaching"}},"nimes-la-romaine":{"mission":"Développement","description":"\u003cp\u003eNîmes La Romaine est une application qui a pour objectif de faire découvrir les divers monuments du patrimoine nîmois, de proposer des parcours audio sur les principaux monuments de la Romanité, et d'offrir une expérience inédite avec 'L'ultime combat', un docu-fiction combiné à une expérience deepfake interactive. L'utilisateur peut envoyer une photo de son visage pour le voir intégré, grâce à une IA, dans un court-métrage d'une dizaine de minutes.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec Anamnesia.\u003c/p\u003e","domain":{"tourism":"Tourisme"}},"uimm":{"mission":"Développement","description":"\u003cp\u003eL'Union des industries et métiers de la métallurgie est une organisation professionnelle qui représente les entreprises du secteur métallurgique en France. Ce secteur englobe des industries comme la production de métaux, la mécanique, l'aéronautique et l'automobile. L'UIMM défend les intérêts des entreprises, promeut l'innovation et la formation et participe aux négociations sociales, notamment sur les conventions collectives. Elle joue un rôle clé dans le développement des compétences des salariés et le soutien aux entreprises.\u003c/p\u003e\u003cp\u003eL'application permet de découvrir les différents métiers de l'industrie métallurgique de manière ludique et interactive. Les participants sont invités à explorer dans un parcours in situ, les différents ateliers où ils réalisent des opérations pratiques et saisissent leurs résultats sur la tablette en temps réel. Le tout prend la forme d'un jeu, avec un score final attribué à chaque équipe en fonction de ses performances.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec Anamnesia.\u003c/p\u003e","domain":{"formation":"Formation"}}
1,"hjc-sports":{"mission":"Design","description":"\u003cp\u003eHJC est une marque spécialisée dans la conception et la fabrication de casques de moto, reconnue pour son expertise dans l'industrie depuis plus de 50 ans. Elle propose une large gamme de casques pour différentes disciplines motorisées, allant des modèles pour la route aux compétitions professionnelles, alliant sécurité, confort et innovation technologique.\u003c/p\u003e\u003cp\u003eLa mission consistait à moderniser l'interface tout en respectant l'identité visuelle de la marque, axée sur la sécurité, l'innovation et la performance. Il était essentiel de garantir une navigation intuitive et fluide, en mettant en avant les différents modèles de casques tout en veillant à offrir une expérience utilisateur optimisée sur tous les supports, notamment le mobile.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec les agence PAN et VO.\u003c/p\u003e","domain":{"sport":"Sport"}},"icn":{"mission":"Éducation","description":"\u003cp\u003eICN Business School est une école de commerce française fondée en 1905, membre de la Conférence des Grandes Écoles. Elle propose des cours en management et en commerce avec un focus spécifique sur l'innovation, la créativité et l'aspect international, et bénéficie d'une double accréditation EQUIS et AMBA, qui souligne la qualité de ses programmes.\u003c/p\u003e\u003cp\u003eL'enjeu de la mission consistait à moderniser l'interface en reflétant les valeurs clés de l'école, telles que la créativité, l'internationalisation et l'excellence académique. Il était nécessaire de concevoir une identité ludique et engageante, tout en mettant l'accent sur les chiffres clés et la diversité des campus de l'institution.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec les agence PAN et VO.\u003c/p\u003e","domain":{"design":"Design"}},"justice-climatique":{"mission":"Design, Développement, Eco-Conception","description":"\u003cp\u003eFace au réchauffement climatique et à l'inaction des gouvernements, un nombre croissant de citoyens choisit de poursuivre leurs États en justice. La web-série Justice Climatique explore ce nouveau front de la lutte écologique.\u003c/p\u003e\u003cp\u003eCo-produite selon les normes actuelles du CNC, il était essentiel que le site internet reflète l'engagement de la production. Nous avons ainsi déployé des efforts importants pour obtenir une note B sur l'Eco-index tout en veillant à rendre le site accessible au plus grand nombre (norme RGAA, respect des critères de contraste 4:1, bon usage des attributs de balises...).\u003c/p\u003e","domain":{"doc":"Documentaire","eco":"Ecologie"}},"seppia":{"mission":"Design, Développement","description":"\u003cp\u003eTraduction, sous-titrage, montage, mixage, livraison… Depuis plus de 20 ans Seppia accompagne les projets audiovisuels et propose une offre globale de prestations, de la réception des rushs jusqu'à la livraison aux chaînes et festivals. Via leur pôle Seppia Brand, il proposent leur savoir-faire en termes de production et de storytelling documentaires au service de la communication, que ce soit à destination d'une entreprise ou d'une institution.\u003c/p\u003e\u003cp\u003eL'objectif de ce projet consistait à optimiser la présentation des projets vidéo de Seppia en établissant une structure claire, avec une mise en avant du contenu plutôt que du contenant. Il était également important que, dès l'arrivée sur le site web, l'utilisateur soit immédiatement immergé dans l'univers de la société de production, grâce à des extraits de vidéos.\u003c/p\u003e","domain":{"audiovisual":"Audiovisuel"}},"boehmer-architectes":{"mission":"Design, Développement","description":"\u003cp\u003eFondé en 2020 par Laurent Boehmer, le cabinet composé d'une équipe pluridisciplinaire d'architectes et d'ingénieurs, réalisant tout type de projet avec expertise et créativité. Leur approche se distingue par une architecture profondément enracinée dans les territoires, où chaque site, avec ses particularités uniques, nourrit leur processus créatif.\u003c/p\u003e\u003cp\u003ePour ce projet, le défi consistait à établir un compromis et trouver le juste milieu entre la mise en avant des visuels et une approche minimaliste. Le site web a pour vocation à proposer une navigation intuitive, tout en arborant un design élégant et raffiné.\u003c/p\u003e","domain":{"architecture":"Architecture"}},"trace-verte":{"mission":"Design, Développement","description":"\u003cp\u003eTrace Event est une agence évènementielle créée en 2004 par Jean-Baptiste Clevenot. Nous sommes spécialisés dans l'organisation d'évènements et de team building pour les entreprises et les collectivités. Que vou
1s veniez dans un cadre professionnel ou personnel, Trace Verte vous mitonne des activités sur mesure toute l'année.\u003c/p\u003e\u003cp\u003eL'enjeu de ce projet consistait à mettre en avant le caractère multidisciplinaire de Trace Verte, en valorisant à la fois ses activités ludiques et son magasin, qui propose la vente et la location de matériel. Il était essentiel que le discours soit adapté à une clientèle variée, allant du particulier souhaitant faire réparer son vélo à l'entreprise cherchant à organiser un séminaire.\u003c/p\u003e","domain":{"cycling":"Cyclisme","event":"Événementiel"}},"zevent":{"mission":"Design","description":"\u003cp\u003eCe projet caritatif, un marathon de diffusion en continu sur trois jours, a été créé par Adrien Nougaret et Alexandre Dachary dans le but de collecter des fonds.\u003c/p\u003e\u003cp\u003eLe défi majeur consistait à concevoir une solution hybride : à la fois un site vitrine présentant le projet avec ses enjeux, ainsi que les associations partenaires, et une web app permettant de suivre les différentes chaînes en direct et de participer aux dons, tout en assurant une navigation fluide et intuitive.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec Will Traore, Romain Lanz, Isak et Alex Mog.\u003c/p\u003e","domain":{"streaming":"Streaming"}},"ciap-les-recollets":{"mission":"Développement","description":"\u003cp\u003eCréé en 1985, le label « Pays d'art et d'histoire » est attribué par le Ministre de la Culture, aux communes qui s'engagent dans une politique de sensibilisation des habitants, des visiteurs et du jeune public à la qualité du patrimoine, de l'architecture et du cadre de vie. Ainsi, au titre de la baie, les communes de Saint-Jean-de-Luz et Ciboure ont obtenu le label Pays d'Art et d'Histoire en 2016.\u003c/p\u003e\u003cp\u003eÀ votre rythme, laissez-vous guider par une sélection de sites incontournables valorisant le patrimoine architectural, naturel, paysager ou immatériel de la baie de Saint-Jean-de-Luz et Ciboure.\u003c/p\u003e\u003cp\u003eL'application permet d'accéder à des fiches détaillées sur chaque lieu, offrant des informations supplémentaires sur leur histoire et leurs spécificités.\u003c/p\u003e\u003cp\u003eCe projet a été réalisé en collaboration avec Anamnesia.\u003c/p\u003e","domain":{"tourism":"Tourisme"}},"matiere-grise":{"mission":"Design, Développement","description":"\u003cp\u003eMatière Grise est une agence de communication globale et indépendante, fondée en 1994 et implantée à Strasbourg, avec une antenne à Lyon. L'agence se distingue par une approche alliant créativité, stratégie et performance digitale : de la construction d'univers de marque (branding, identité visuelle, storytelling) à la mise en œuvre opérationnelle (print, digital, événementiel), elle accompagne ses clients à chaque étape de leur projet. Engagée et soucieuse de réduction de son impact environnemental, l'agence mise sur des pratiques responsables comme le tri des déchets, l'impression raisonnée, l'utilisation de fournisseurs locaux ou encore la mobilité douce entre ses bureaux.\u003c/p\u003e\u003cp\u003eNous avons conçu et développé le site internet de Matière Grise autour d'un thème à la fois coloré et ludique, en résonance avec l'identité visuelle vibrante et décalée de l'agence. Le design mise sur des aplats de couleurs, des illustrations au trait, des animations fluides et une navigation intuitive, pour refléter la personnalité audacieuse de la marque. Côté technique, le développement a été optimisé afin d'assurer fluidité, compatibilité multi-devices et performance SEO, dans l'esprit du travail UX/UI et de l'expertise digitale de Matière Grise.\u003c/p\u003e","domain":{"communication":"Communication"}}}},"Contact":{"title":"Contact","url":"/contact","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France.","firstTitle":"Et si on","secondTitle":"travaillait\u003cbr /\u003eensemble ?","anyRequest":"Pour toute demande","follow":"Nos réseaux sociaux"},"Error":{"title":"Page non trouvée","home":"Retour à l'accueil","url":"/404","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France."},"Playground":{"title":"Playground","url":"/playground","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France."},"Legals":{"title":"Mentions légales","url":"/information","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France."},"Privacy":{"title":"Politique de confidentialité","url":"/privacy-policy","description":"Studio de design et de développement proposant des solutions multi-plateformes print \u0026 digitales. Basé à Strasbourg, France."}}},"__N_SSG":true},"page":"/playground","query":{},"buildId":"anDUVQlfVpySUgNgyya6i","isFallback":false,"gsp":true,"locale":"fr","locales":["fr","en"],"defaultLocale":"fr","scriptLoader":[]}</script>
1</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.