Aller au contenu principal
Références

Gamification en entreprise

Hubees Lab

Un one-page que Porte 7 a conçu et intégré, puis ré-habillé sans perdre un mot, et qu'on tient à jour depuis.

  • Site vitrine

Un site vitrine ne se juge pas le jour de sa mise en ligne. On l'a construit pour qu'il dure, puis on l'a fait durer.

Ce que nous avons livré

  • Design UX/UI
  • Intégration WordPress
  • Pictos sur mesure
  • Ré-habillage visuel
  • Maintenance et mises à jour

Trois temps, un seul site.

Ce qu'on a posé, ce qu'on a gardé, ce qu'on a changé. Chaque étape est prouvée par le site en ligne.

Une page unique, lue d'un seul défilement, qui mène à un formulaire.

  • Posé

    Le plan en un seul défilement : l'ambition, la méthode, l'argument scientifique, puis le contact. Le bouton de l'en-tête descend droit au formulaire.

  • Posé

    Un bandeau de cinq métiers sous l'accueil, chacun avec un picto dessiné pour le site.

  • Posé

    Le panneau de consentement : cookies obligatoires et complémentaires séparés, la finalité de chacun écrite en clair.

Bandeau de l'accueil de hubeeslab.com : cinq pictos en dégradé violet et cyan, Plateforme incentive, Serious game, Animation réseaux, Applications évènementielles et Analyse data.
Le bandeau des cinq métiers, sous l'accueil.
  1. La promesse
  2. Les cinq métiers#bandeau-icon-home
  3. Le plaisir au travail#plaisir-travail
  4. Nos process
  5. Les neurosciences#neurosciences-performance
  6. À nous de jouer !#contact
Le plan de la page, avec les ancres relevées dans son code.

Huit pictos, deux jeux.

Dessinés par Porte 7 pour le site : un trait noir épais, des aplats qui glissent du violet au cyan, et le même petit personnage d'un picto à l'autre.

  • Plateforme incentive
  • Serious game
  • Animation réseaux
  • Applications évènementielles
  • Analyse data
En couleur, pour le bandeau des métiers.
  • Marque employeur
  • Incentive managériale
  • Performance RH
Au trait blanc, pour les pastilles du parcours.
CSS de la page, extrait
#plaisir-travail .fontawesome-icon::before {
  content: none;
}
#plaisir-travail .fontawesome-icon img {
  margin: 13px 16px;
}

Le thème prévoit des icônes génériques. On les vide pour loger nos pictos à leur place, sans toucher au thème lui-même : il reste à jour.

Trois offres, une ligne à suivre.

Marque employeur, incentive managériale, performance RH : les trois offres sont reliées par un fil vertical, chacune accrochée à sa pastille. Au survol, la pastille et le titre passent au magenta, le visiteur sait quelle offre il lit.

Captation du site en ligne, survol des trois offres.

Sur mobile, la page se lit dans le même ordre, jusqu'au formulaire.

Accueil de hubeeslab.com sur smartphone : le titre « Le fun au travail peut-il booster votre performance ? », le bouton Découvrir notre approche et l'illustration du cube.
Section Le plaisir au travail sur smartphone : le texte d'intention sur fond violet puis la liste des savoir-faire, chacun avec son icône.
Section À nous de jouer ! sur smartphone : le texte d'invitation puis les champs Nom, Email, Téléphone, Entreprise et Votre projet.