Retour

Hyde Recruit

La refonte du site vitrine d’un cabinet de recrutement pour se démarquer

Context

Hyde Recruit est un cabinet de recrutement spécialisé dans les métiers du marketing, du digital et de la communication.

Une refonte complète pour mieux affirmer les valeurs du cabinet, asseoir sa légitimité et développer les opportunités d’accompagnement.

Le calendrier

6 mois

Nos expertises

Problématique

Comment s’adresser aux deux cibles – recruteurs et talents – simultanément, sans en mettre une plus en avant ? Et évoquer d’entrée les différentes spécialités du cabinet ?

La méthode

  1. Kick-off et définition des cibles / définition du rétroplanning projet
  2. Benchmark de sites concurrents à forte visibilité pour identifier les bonnes pratiques du secteur et les aligner avec les besoins et l’esprit de Hyde
  3. Ateliers UX pour réaliser les wireframes et positionner les éléments primordiaux dans les pages
  4. Ateliers UI pour exprimer l’identité de Hyde au fil des pages, création de pictogrammes et réalisation d’un prototype interactif pour l’animation de homepage
  5. Élaboration d'un cahier des spécifications pour les développements
  6. Développement, connexion API, tests et recettage avant mise en production

Les solutions concrètes en bref

  1. Une home à deux têtes pour parler à deux cibles simultanément
  2. Un hover interpellant tous les intéressés
  3. Une identité made in Hyde pour connecter les utilisateurs aux valeurs maison
  4. Réassurer et ancrer une vision
  5. Un wording anti-héro, pas de magie, mais du travail de fond
  6. Des Call to action et blocs push pour faciliter l’action
  7. L’intégration et l’enrichissement de l’API offres d’emploi
  8. Un site entièrement modulable par le client
  9. Une animation plus poussée pour réveiller la navigation et illustrer le dynamisme du cabinet.

Nos réponses UX/UI et content

2 cibles, 1 expérience à double entrée

Les textes s’activent, des termes clés défilent pour répondre à la règle des 5W (les marketers savent, nldr). Un call-to-action permet de rediriger sans perdre de temps l’internaute vers sa page dédiée.
Pour être pleinement responsive sans déperdition, le fonctionnement est pensé différemment sur mobile : on navigue au moyen d’un bouton “switch”.

C’est sans doute ce que vous verrez en premier en visitant le site de Hyde : la homepage propose un hero à double entrée pour s’adresser aux 2 typologies de cibles : les entreprises qui recrutent et les candidats à l’affût de nouvelles opportunités.

Un hover pour interpeller les différents profils

Plus que deux cibles, Hyde s’adresse à des recruteurs de différentes natures (agence, entreprise, start up) et aux besoins uniques, et en regard à des talents de domaines bien à part (communication, digital et marketing).  

L’emploi d’un hover vient parfaire le rôle de personnalisation du hero à double entrée et parler à toutes les parties prenantes.

double entrée

Une identité made in Hyde, un cabinet avec du caractère

Le site reflète tout autant les valeurs de l’entreprise : humaines, sympathiques, de transparence et d’engagement, que le savoir-faire et l’expérience de Hyde en matière de recrutement.

Pour cela, nous avons opté pour des blocs de réassurance (avis, partenaires, chiffres clés…). Le leitmotiv du cabinet vient entériner le niveau d’implication et d’exigence de l’équipe : « On s'occupe de vous comme on aimerait que l'on s'occupe de nous ! ».
On valorise les spécialisations des membres de l’équipe et chacun a droit à sa biographie dans un composant “cards” dynamique dans la page Team. Sur les articles de blog, l’auteur/expert est également identifié avec des liens vers ses réseaux sociaux.
Dans la page Expertise, on détaille le processus de recrutement au moyen d’une timeline horizontale :

De manière générale, le design présente des formes arrondies, pour la rondeur, l’écoute, l’adaptabilité de l’équipe et de sa vision du métier.

Des couleurs vives telles que le jaune et un dégradé de cyan réveillent les yeux et tranchent avec les codes plus habituels du domaine. Des pictogrammes réalisés sur mesure renforcent le design identitaire du site.

Un rendu équilibré, dynamique, frais et joyeux à l’image de la personnalité de Hyde. Décontracté, mais affirmé et expert en son domaine.

Réassurer et ancrer une vision

Le site reflète tout autant les valeurs de l’entreprise : humaines, sympathiques, de transparence et d’engagement, que le savoir-faire et l’expérience de Hyde en matière de recrutement.
Pour cela, nous avons opté pour des blocs de réassurance (avis, partenaires, chiffres clés…). Le leitmotiv du cabinet vient entériner le niveau d’implication et d’exigence de l’équipe : « On s'occupe de vous comme on aimerait que l'on s'occupe de nous ! ».
On valorise les spécialisations des membres de l’équipe et chacun a droit à sa biographie dans un composant “cards” dynamique dans la page Team. Sur les articles de blog, l’auteur/expert est également identifié avec des liens vers ses réseaux sociaux.
Dans la page Expertise, on détaille le processus de recrutement au moyen d’une timeline horizontale :

Process de travail Hyde

Un wording anti-héro

Dans le wording, pas d’utilisation de mots magiques ("parfait", "pépite”, "perle rare", "100 %"...). Hyde, ce n’est pas de la poudre de perlinpin, c’est avant tout un travail de fond, la recherche assidue d’un bon match entre une entreprise et un candidat, à la différence d’un cabinet classique.

Les candidats sont des “talents”, et, encore une fois, on valorise la notion d’accompagnement pour dévoiler et s’assurer du potentiel de chacun.

Call to action et blocs push pour faciliter l’action

Bien dosés, les appels à l’action restent omniprésents pour postuler, recruter, contacter sans effort et sans perdre de temps.
Sur plusieurs pages, un miniformulaire permet aux entreprises d’exprimer leur besoin en recrutement, et aux candidats de partager leur profil Linkedin !

Nos Réponses techniques

API offres d’emploi, intégrée, enrichie

La nouvelle version du site reprend l’API d’offres d’emploi, Recruit CRM, solution externe permettant de faire remonter dynamiquement des opportunités d’emploi. Cet exercice a été l’occasion d’enrichir les annonces et ainsi de proposer davantage de filtres de recherche.

WordPress ACF, la liberté d’admin

Le site est développé sur le CMS WordPress couplé à ACF Pro pour permettre au client une totale liberté sur l’administration de ses contenus, et notamment les futures publications d’actualités.

Animation CSS / JS, caché/décaché

Pour pousser la dimension vivante et personnalisée du site, nous avons joué sur le “hyde” et le “show”. Quand l’utilisateur passe sur les blocs, cela active de nouvelles animations et révèle du contenu.

Les textes s’affichent tels des prompteurs, les logos scrollent à l’horizontal. De l’action pour interpeller et illustrer la pro-activité et le dynamisme de la maison.

Le résultat ?

Augmentation des leads et des clients recruteurs, univers graphique sur-mesure pour Hyde, et stratégie renforçant sa compétitivité dans un secteur exigeant.

Et vous ?

Vous aussi, vous avez un projet ambitieux en tête ? N’attendez plus, contactez-nous pour créer une expérience digitale sur-mesure qui fera la différence !

Contactez-nous

ou appelez-nous au
+ 33 1 84 17 06 36

lorem ipsum site vitrine

Paylib x Wero

Passation de Paylib à Wero, une nouvelle solution de paiement européenne, en assurant une transition claire et fluide pour les utilisateurs.

voir le projet

Atelier de Paris

Identité digitale et site internet WordPress

voir le projet

Jeu de Paume

Reprise, optimisation & évolution continue - site WordPress

voir le projet

Fondation Macif

Site vitrine et platforme sur-mesure Laravel

voir le projet

Essity France

Audit, conseil et retravail UX

voir le projet

Grand Paris Seine Ouest

Site internet sur-mesure

voir le projet

Didaxis

La refonte d’un site vitrine ultra personnalisé et personnalisable

voir le projet

Isautier

Création d'un site immobilier, centré utilisateurs et conversion

voir le projet

Paylib

Après avoir créé un premier site en 2016, Paylib Services renouvelle sa confiance en Big District et We Are Young pour la réalisation d'une plateforme plus ambitieuse orientée transformation.

voir le projet

Sephora

Optimisation UX/UI du tunnel d'achat de sephora.fr

voir le projet

Logivolt

Créer une MVP (Minimum Viable Product) fonctionnelle et convaincante.

voir le projet