Aller au contenu

Openeat : refonte d'un site de titres restaurant

Openeat propose une alternative aux titres restaurant, sans carte physique ni prélèvement sur salaire. Cette différence devait être expliquée clairement aux directions RH et financières, habituées aux solutions classiques.

Openeat a confié à Gemeos, agence web spécialisée dans les solutions RH, sa direction artistique, ses interfaces UI, le développement Webflow et la structuration SEO.

Page d’accueil Openeat sur un ordinateur portable : « Vos avantages salariés de demain, aujourd’hui »

Expliquer les titres restaurant aux décideurs RH

Openeat développe une solution alternative de titres restaurant destinée aux entreprises. Son positionnement repose sur une expérience simplifiée, sans carte physique ni prélèvement sur salaire. Dans le cadre du repositionnement de l'offre, le site devait mieux expliquer le fonctionnement du dispositif et répondre aux questions des responsables RH et financiers.

Gemeos a travaillé la direction artistique, le design UI et la hiérarchie des pages pour traduire cette proposition de valeur, puis réalisé l'intégration Webflow. Le référencement naturel a été pris en compte pour structurer des contenus utiles aux entreprises qui comparent les solutions de titres restaurant.

Industrie
Saas
Services
DA
UX/UI Design
Intégration
SEO
Étiquettes colorées Openeat : Collectivités, PME, TPE, ETI et grandes entreprises sur photo de mains tenant un smartphone

Direction Artistique

Un parti pris visuel qui rompt avec les codes du secteur

Les solutions de titres restaurant jouent toutes sur les mêmes registres : vert institutionnel, visuels génériques, ton corporatif. Le brief d'Openeat était clair, se démarquer sans pour autant décrocher de leur cible B2B.

Nous avons exploré plusieurs pistes de direction artistique avant de valider un système visuel fondé sur la clarté, la densité d'information et une chaleur visuelle qui tranche avec la froideur habituelle du secteur RH.

Le résultat : une identité de site qui se lit comme un avantage compétitif, pas comme une brochure institutionnelle.

  1. Avant • Le plaidoyer salarié

    Le registre visuel mise sur la proximité immédiate avec le salarié. Le positionnement "application" peut freiner la décision d'achat côté DRH ou dirigeant qui cherche une solution professionnelle, pas une app mobile.

  2. Après • Le SaaS qui a grandi

    La nouvelle version opère un pivot clair vers la cible acheteur : le RH et le dirigeant. Le bloc dark card ancre immédiatement l'autorité "L'app titres restaurant des salariés de demain" n'est plus une promesse émotionnelle, c'est un positionnement de marché.

Maquette de page d’accueil Openeat : « L’application qui rembourse le déjeuner de vos salariés », homme tenant un mobile
Concept 1
Personne lisant un livret Openeat titré « Tout ce que vos salariés n’oseront jamais vous dire. »

UI Design

Un système de composants pensé pour scaler

Le design ne s'arrête pas à la homepage. Openeat dispose d'un écosystème de contenu dense : blog par catégories, toolbox, webinaires, témoignages clients, simulateur, FAQ, pages partenaires. Nous avons conçu un UI Kit complet — typographies, couleurs, espacements, états interactifs — qui structure l'ensemble de ces surfaces de manière cohérente.

Chaque template a été pensé pour être autonome tout en restant dans le même système. L'objectif : que n'importe quelle nouvelle page créée par l'équipe Openeat garde le même niveau de qualité visuelle, sans intervention design.

  • Spécimen de la police Montserrat pour le UI Kit d’Openeat : « Aa » en violet foncé sur fond lavande
  • Palette de couleurs du UI Kit Openeat : bleu nuit, lavande, violet, vert citron, olive, turquoise, crème, brun
  • Visuel Openeat : bouton vert « Réserver une démo » sur une femme au téléphone sous une pluie de billets
  • Trois maquettes de pages du site Openeat : accueil « Vos avantages salariés de demain », réservation de démo et article
  • Maquette web Openeat : bannière « Des avantages salariés oui… », notification de remboursement, logos PayFit et Cegid
  • Maquettes Openeat : article de blog avec encarts et graphique, page témoignages clients avec portraits
  • Page « Réservez une démo » d’Openeat : formulaire, photo d’un homme sur smartphone et chiffres clés
Laptop affichant la page d’accueil Openeat « L’app titres restaurant des salariés de demain », une main pointe l’écran

Dev Webflow

Une architecture CMS qui donne l'autonomie au client

L'intégration Webflow a été réalisée sur une base multilingue avec des collections CMS structurées autour des différents types de contenu : articles de blog (catégorisés), webinaires avec lecteur vidéo intégré, témoignages clients, ressources toolbox, et pages partenaires. Chaque collection a été conçue pour permettre à l'équipe marketing d'Openeat d'ajouter, modifier ou archiver du contenu sans toucher au code. Les interactions, animations et micro-détails UI ont été reproduits fidèlement depuis Figma. Le déploiement a inclus la configuration DNS (OVH → Webflow), l'intégration du tracking (UTM multi-niveaux, Microsoft Clarity), ainsi qu'une formation complète à la livraison — le client édite aujourd'hui son site en totale autonomie.

Composant techniqueDétail
CMS CollectionsBlog, Webinaires, Toolbox, Témoignages, Partenaires
Lecteur vidéo webinairesIntégration embed (Contrast) sur template dédié
TrackingUTM multi-sources, Microsoft Clarity, événements custom
DNS & mise en ligneMigration OVH → Webflow, configuration Record A
FormationRemise des clés à la livraison, client 100% autonome
  • Bloc d’appel à l’action Openeat : « Déployez vos titres resto en 24 h seulement », 4 portraits, bouton Réserver une démo
  • Hero du site Openeat : femme sur son téléphone, notification « 7 € sont remboursés », logos clients
  • Laptop affichant la page d’accueil Openeat « L’app titres restaurant des salariés de demain », une main pointe l’écran
  • Main tenant un smartphone affichant le site mobile Openeat : « Découvrez pourquoi plus de 500 entreprises… »
  • Ordinateur portable affichant un article du site Openeat avec le menu déroulant Ressources ouvert
  • Hero du site Openeat : « Des avantages justes pour le bien-être financier », menu Avantages et carte Titre restaurant
Maquettes Openeat : article de blog « Est-ce que je peux utiliser mes titres resto en vacances ? » et grille de témoignages

SEO/GEO

Une architecture sémantique construite pour dominer les SERPs et les réponses IA

Le SEO d'Openeat ne se résume pas à quelques balises title. Nous avons construit une architecture de contenu complète autour du cluster sémantique "titres restaurant" : pages piliers, articles de blog catégorisés (décryptage, guides RH, actualités réglementaires), FAQ structurée, pages ressources et toolbox. Chaque template a été optimisé en SXO — l'expérience utilisateur et la lisibilité pour les moteurs de recherche sont traitées simultanément, pas en deux étapes.

Sur le plan technique, l'audit SEO de semaine 10 a couvert : balises Hn, méta-données dynamiques via CMS, structure des URLs, maillage interne contextuel, balisage sémantique HTML, temps de chargement et Core Web Vitals.

Optimisation GEO (Generative Engine Optimization)‍

face à la montée en puissance des LLM dans les résultats de recherche (Google AI Overviews, ChatGPT, Perplexity), nous avons structuré les contenus d'Openeat pour qu'ils soient lisibles et extractibles par les modèles d'IA. Cela passe par des réponses directes aux questions dans les articles, des structures en question/réponse explicites, un balisage sémantique dense et une cohérence lexicale sur l'ensemble du corpus. L'objectif : qu'Openeat soit cité comme référence lorsqu'un RH interroge une IA sur les titres restaurant.

LevierAction réalisée
Architecture sémantiqueCluster "titres restaurant" : piliers + articles + FAQ + toolbox
SEO techniqueBalises dynamiques via CMS, URLs propres, maillage interne
SXOOptimisation UX et SEO traitées simultanément dès le design
Core Web VitalsAudit et optimisation performances avant mise en ligne
GEOStructure Q/R, lexique cohérent, contenu extractible par LLM
Formation contenuÉquipe Openeat formée aux bonnes pratiques SEO on-page

Nos dernières réalisations

+250 entreprises accompagnées

Des sites designés et développés avec

Voir tous les projets

Vous allez notre collaboration, c’est garanti

Prêt à faire décoller votre activité ?

demander un devis

Let’s f*****G GO !!