# Griffon Noir

> Web studio in Lyon founded by Maéva Hostalier and Eric Huguenin: strategy, design, development and hosting for custom websites, no page builder.

Studio indépendant de stratégie, design et développement web, basé à Lyon (Auvergne-Rhône-Alpes, France). Le studio conçoit, développe et héberge des sites sur-mesure, sans thème acheté ni page builder (WordPress, Astro ou Payload CMS selon le projet). Un duo suit chaque projet, du cadrage à la mise en ligne. Site en français et en anglais.

- Maéva Hostalier : Co-fondatrice & Directrice de création (UX design, UI design, Design system, Branding, Illustration, Typographie), https://maevahostalier.com/
- Eric Huguenin : Co-fondateur & Directeur technique (Développement web, WordPress, WebGL, Motion design, Hébergement web, Gestion de projet), https://erichuguenin.com/
- Expertises : Stratégie web et conseil digital, Design web UX/UI et branding, Développement web sur-mesure, Hébergement web haute performance
- Domaines : Stratégie web, Audit de site web, Architecture de l'information, UX design, UI design, Design system, Branding, Identité visuelle, Développement web sur-mesure, WordPress, Astro, Payload CMS, WebGL, Motion design, Core Web Vitals, Hébergement web, Accessibilité web
- Zone : Lyon, Auvergne-Rhône-Alpes, France, projets à distance
- Contact : contact@griffonnoir.com
- LinkedIn : https://www.linkedin.com/company/griffonnoir/
- Instagram : https://www.instagram.com/griffonnoir/

## Pages
- [Accueil](https://griffonnoir.com/fr/) : Studio web à Lyon fondé par Maéva Hostalier et Eric Huguenin : stratégie, design, développement et hébergement de sites sur-mesure, sans page builder.
- [Studio](https://griffonnoir.com/fr/studio/) : Une directrice de création et un développeur, côte à côte du cadrage à la mise en ligne. Plus de 200 sites en production, 70 distinctions internationales.
- [Expertises](https://griffonnoir.com/fr/expertises/) : Stratégie web, design UX/UI et branding, développement sur-mesure, hébergement : quatre expertises pensées ensemble par un même studio, à Lyon.
- [Stratégie et conseil](https://griffonnoir.com/fr/expertises/strategie-et-conseil/) : Audit de site, arborescence, stratégie de contenu, gestion de projet : nous cadrons votre projet web avant la première maquette. Studio Griffon Noir, Lyon.
- [Design](https://griffonnoir.com/fr/expertises/design-et-identite/) : UX design, maquettes UI, design system, identité visuelle : des interfaces pensées pour vos utilisateurs et dessinées avec les contraintes du code, à Lyon.
- [Développement](https://griffonnoir.com/fr/expertises/developpement-sur-mesure/) : WordPress sur-mesure sans page builder ni thème acheté, Astro ou Payload CMS selon le projet. Code documenté, Core Web Vitals soignés, Lighthouse 90+ visé.
- [Infrastructure et hébergement](https://griffonnoir.com/fr/expertises/infrastructure-et-hebergement/) : VPS, serveur dédié ou cloud choisi et réglé pour votre site : cache, CDN, SSL, sauvegardes quotidiennes, noms de domaine. Un environnement documenté.
- [Réalisations](https://griffonnoir.com/fr/realisations/) : Sites de marque, vitrines et portfolios sur-mesure pour Asmodee, Ozone Light, Hebras Avocats, Epok Design… distingués par Awwwards et CSS Design Awards.
- [Contact](https://griffonnoir.com/fr/contact/) : Décrivez votre projet de site : Maéva et Eric vous répondent sous 48 h ouvrées avec une première analyse, sans engagement. Griffon Noir, studio web à Lyon.

## Réalisations
- [Ozone Light](https://griffonnoir.com/fr/projets/ozone-light/) (Client : Ozone Light, Ezperanza Studio ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Ezperanza Studio, Développement et motion design : Eric Huguenin ; Awwwards & Mentions : Honorable Mention, Special Kudos) : Site WordPress sur-mesure pour Ozone Light, luminaires d'exception : trois langues, 29 projets et 50 produits, animations GSAP. Design Ezperanza Studio.
- [Hebras Avocats](https://griffonnoir.com/fr/projets/hebras-avocats/) (Client : Hebras Avocats, Ezperanza Studio ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Ezperanza Studio, Développement et motion design : Eric Huguenin) : Site sur-mesure pour Hebras, cabinet d'avocats en droit fiscal : bilingue, sobre et animé, actualités filtrées par domaine. Design Ezperanza Studio.
- [Un Jour Un Dessin](https://griffonnoir.com/fr/projets/un-jour-un-dessin/) (Client : Matthieu Bolufer ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Matthieu Bolufer, Développement et motion design : Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention, Mobile Excellence) : Galerie immersive en WebGL (PixiJS) pour les dessins de Matthieu Bolufer, administrée sous WordPress. Mobile Excellence Awwwards, Website of the Day CSSDA.
- [Legend of the Five Rings](https://griffonnoir.com/fr/projets/legend-of-the-five-rings/) (Client : Asmodee, Ezperanza Studio ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Ezperanza Studio, Développement et motion design : Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention) : Site de l'univers Legend of the Five Rings pour Asmodee : trente ans de lore et cinq gammes réunis, motion image par image. Primé Awwwards et CSSDA.
- [Halley&Co](https://griffonnoir.com/fr/projets/halley-and-co/) (Client : Halley&Co ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Halley&Co, Développement et motion design : Eric Huguenin) : Portfolio sur-mesure pour Halley&Co, studio de direction artistique : pages projets composées par l'équipe, transitions fluides, visuels HD à la demande.
- [Der Löwe Burgberg](https://griffonnoir.com/fr/projets/der-loewe/) (Client : Der Löwe Burgberg, Ohaey ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Ohaey, Développement et motion design : Eric Huguenin) : Site bilingue sur-mesure pour un hôtel-restaurant de Bavière : chambres, carte et offres administrables, réservation intégrée, pages animées. Avec Ohaey.
- [Label Experience](https://griffonnoir.com/fr/projets/label-experience/) (Client : Label Experience, Halley&Co ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Halley&Co, Développement et motion design : Eric Huguenin) : Site sur-mesure pour Label Experience (Sézane, Diptyque, Montblanc) : une marque, deux activités, un back-office qui range chaque projet. Design Halley&Co.
- [Epok Design](https://griffonnoir.com/fr/projets/epok-design/) (Client : Epok Design ; Prestation : Développement WordPress sur-mesure ; Équipe : Design : Epok Design, Développement et motion design : Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention) : Site sur-mesure pour Epok Design, studio d'identité et d'édition (Moët Hennessy, Grand Palais) : pages modulaires, motion calé sur l'identité du studio.

## Journal
- [Tous les articles](https://griffonnoir.com/fr/journal/)
- [L’artisanat appliqué au web : pourquoi nous avons créé Griffon Noir](https://griffonnoir.com/fr/journal/artisanat-applique-au-web/) (2026-09-29) : Griffon Noir réunit une directrice de création et un directeur technique à Lyon : un seul duo suit votre site, de la stratégie à la mise en ligne.

## Informations
- [Mentions légales](https://griffonnoir.com/fr/mentions-legales/)

## Pages (English)
- [Home](https://griffonnoir.com/en/) : Web studio in Lyon founded by Maéva Hostalier and Eric Huguenin: strategy, design, development and hosting for custom websites, no page builder.
- [Studio](https://griffonnoir.com/en/studio/) : A creative director and a developer, side by side from scoping to launch. Over 200 sites in production, 70 international awards.
- [Expertise](https://griffonnoir.com/en/expertise/) : Web strategy, UX/UI design and branding, custom development, hosting: four areas of expertise planned together by a single studio in Lyon.
- [Strategy & Consulting](https://griffonnoir.com/en/expertise/strategy-consulting/) : Site audit, sitemap, content strategy, project management: we scope your web project before the first mockup. Griffon Noir studio, Lyon.
- [Design](https://griffonnoir.com/en/expertise/design-branding/) : UX design, UI mockups, design system, visual identity: interfaces designed for your users and drawn with the constraints of code in mind, in Lyon.
- [Development](https://griffonnoir.com/en/expertise/custom-development/) : Custom WordPress without page builders or off-the-shelf themes, or Astro or Payload CMS. Documented code, solid Core Web Vitals, Lighthouse 90+ target.
- [Infrastructure & Hosting](https://griffonnoir.com/en/expertise/infrastructure-hosting/) : VPS, dedicated server or cloud, chosen and tuned for your site: caching, CDN, SSL, daily backups, domain names. A documented environment.
- [Work](https://griffonnoir.com/en/work/) : Custom brand sites, showcase sites and portfolios for Asmodee, Ozone Light, Hebras Avocats, Epok Design… recognized by Awwwards and CSS Design Awards.
- [Contact](https://griffonnoir.com/en/contact/) : Describe your website project: Maéva and Eric reply within 48 business hours with an initial analysis, no commitment. Griffon Noir, web studio in Lyon.

## Work (English)
- [Ozone Light](https://griffonnoir.com/en/projects/ozone-light/) (Client : Ozone Light, Ezperanza Studio ; Service : Custom WordPress development ; Team : Design: Ezperanza Studio, Development and motion design: Eric Huguenin ; Awwwards & Mentions : Honorable Mention, Special Kudos) : Custom WordPress website for Ozone Light, exceptional lighting: three languages, 29 projects and 50 products, GSAP animations. Design by Ezperanza Studio.
- [Hebras Avocats](https://griffonnoir.com/en/projects/hebras-avocats/) (Client : Hebras Avocats, Ezperanza Studio ; Service : Custom WordPress development ; Team : Design: Ezperanza Studio, Development and motion design: Eric Huguenin) : Custom website for Hebras, a tax law firm: bilingual, understated and animated, with news filtered by practice area. Design by Ezperanza Studio.
- [Un Jour Un Dessin](https://griffonnoir.com/en/projects/un-jour-un-dessin/) (Client : Matthieu Bolufer ; Service : Custom WordPress development ; Team : Design: Matthieu Bolufer, Development and motion design: Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention, Mobile Excellence) : Immersive WebGL gallery (PixiJS) for Matthieu Bolufer's drawings, managed in WordPress. Awwwards Mobile Excellence, CSSDA Website of the Day.
- [Legend of the Five Rings](https://griffonnoir.com/en/projects/legend-of-the-five-rings/) (Client : Asmodee, Ezperanza Studio ; Service : Custom WordPress development ; Team : Design: Ezperanza Studio, Development and motion design: Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention) : Legend of the Five Rings website for Asmodee: thirty years of lore and five product lines in one place, frame-by-frame motion. Awwwards and CSSDA winner.
- [Halley&Co](https://griffonnoir.com/en/projects/halley-and-co/) (Client : Halley&Co ; Service : Custom WordPress development ; Team : Design: Halley&Co, Development and motion design: Eric Huguenin) : Custom portfolio for Halley&Co, an art direction studio: project pages composed by the team, smooth transitions, HD visuals loaded on demand.
- [Der Löwe Burgberg](https://griffonnoir.com/en/projects/der-loewe/) (Client : Der Löwe Burgberg, Ohaey ; Service : Custom WordPress development ; Team : Design: Ohaey, Development and motion design: Eric Huguenin) : Custom bilingual website for a hotel and restaurant in Bavaria: editable rooms, menu and offers, built-in booking, animated pages. With Ohaey.
- [Label Experience](https://griffonnoir.com/en/projects/label-experience/) (Client : Label Experience, Halley&Co ; Service : Custom WordPress development ; Team : Design: Halley&Co, Development and motion design: Eric Huguenin) : Custom website for Label Experience (Sézane, Diptyque, Montblanc): one brand, two businesses, a back office that files every project. Design by Halley&Co.
- [Epok Design](https://griffonnoir.com/en/projects/epok-design/) (Client : Epok Design ; Service : Custom WordPress development ; Team : Design: Epok Design, Development and motion design: Eric Huguenin ; Awwwards & Mentions : Website of the Day, Honorable Mention) : Custom website for Epok Design, a branding and publishing studio (Moët Hennessy, Grand Palais): modular pages, motion matched to the studio's identity.

## Journal (English)
- [All articles](https://griffonnoir.com/en/journal/)
- [Craftsmanship applied to the web: why we founded Griffon Noir](https://griffonnoir.com/en/journal/craftsmanship-applied-to-the-web/) (2026-09-29) : Griffon Noir brings together a creative director and a technical director in Lyon: one duo takes your website from strategy to launch.

## Information (English)
- [Legal notice](https://griffonnoir.com/en/legal-notice/)

## Optional
- [Texte complet du site, en français](https://griffonnoir.com/llms-full.txt) : le contenu de chaque page, projet et article
- [Sitemap](https://griffonnoir.com/sitemap_index.xml)