Hyde Recruit

Site internet WordPress

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

Voir le site




Le projet

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


La mission

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



Problématiques traitées

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 ?



 

Challenges à relever

  • Faire cohabiter deux cibles et une pluralité de profils dans la navigation
  • Faire ressentir l’ADN de Hyde : un sourcing inspiré et appliqué, une  approche énergique et transparente tout en affirmant son expertise et sa place dans le secteur.
  • Construire une identité juste et forte pour se démarquer des grands acteurs

Le calendrier

6 mois

    Nos expertises

    • Conception UX / UI
    • Responsive design
    • WordPress ACF Pro
    • Connexion API logiciel de recrutement
    • WordPress sur-mesure

    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



    Mockup Site Hyde
       

    Les talents mobilisés

    • UX designer
    • UI designer
    • Cheffe de projet
    • Développeur WordPress

    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.


                  En détails 

                  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.






                  Au final

                  • Avant/après : Une hausse de la génération de leads sur les derniers mois, et notamment de clients annonceurs avec un fort besoin en recrutement.
                  • Ce dont nous sommes fiers : Un univers graphique sur-mesure aujourd’hui utilisé par Hyde sur tous ses supports de communication. 
                  • Notre valeur ajoutée : Un accompagnement stratégique pour hisser Hyde au rang de ses concurrents sur un secteur ultra-compétitif.

                  En ensuite ?

                  L’aventure Hyde continue, l’entreprise continue à faire confiance à Big District pour :

                  La maintenance mensuelle de son site via notre outil de monitoring
                  Un projet d’intégration d’un feed Linkedin sur la homepage, réseau sur lequel Hyde est actif et promulgue des conseils en carrière et déconstruit les idées reçues du secteur du recrutement.


                  D’autres réalisations de sites WordPress


                  Voir d'autres sites WordPress


                  Comment Big District peut vous aider ? 

                  Faire auditer votre site

                  Donner plus de visibilité à votre site et accroître son trafic

                  Demander un audit

                  Créer votre site WordPress

                  Une création ou refonte sur-mesure et performante

                  Créer votre site

                  Donner plus de visibilité

                  à votre site et accroître son trafic sur les moteurs de recherche

                  Votre site SEO Friendly



                  Vous avez un projet ?

                  Notre équipe est disponible pour répondre à vos questions et vous apporter des solutions.

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