Aller au contenu

Bloomays : site Webflow pour le recrutement tech

Bloomays recrute des talents tech et produit pour les entreprises. Le site devait proposer deux parcours distincts : trouver une mission ou recruter un spécialiste.

Bloomays s'est appuyé sur Gemeos, agence web pour les acteurs du recrutement tech, pour une direction artistique plus humaine, l'UX/UI des deux audiences, le développement Webflow et le SEO.

Page d’accueil Bloomays sur un ordinateur portable suspendu par des câbles, avec une illustration de palmier

Faire cohabiter les parcours des recruteurs et des talents tech

Bloomays met en relation les entreprises avec des experts des métiers tech et produit. Les attentes de ces deux publics ne sont pas interchangeables : les candidats veulent découvrir des opportunités et les recruteurs cherchent des compétences précises, rapidement. Le site devait donc organiser deux parcours clairs sous une même identité et rendre la plateforme crédible auprès des talents comme des entreprises.

Gemeos a conçu une direction artistique plus chaleureuse, puis des interfaces UX/UI adaptées aux candidats et aux recruteurs. Le développement Webflow repose sur des contenus CMS pour les offres et les ressources. L'organisation SEO vise à rendre visibles les expertises de recrutement tech tout en accompagnant les parcours de candidature et de prise de contact.

Industrie
RH
Services
DA
Intégration
SEO
UX/UI Design
Trois maquettes de la page d’accueil Bloomays « The Good Connection » avec palmier 3D et cartes de services

Direction Artistique : Le recrutement tech, humanisé

Le secteur RH souffre souvent d’une communication générique et peu inspirante. Bloomays voulait se démarquer avec une identité visuelle chaleureuse, moderne et humaine, qui donne envie aux meilleurs profils tech de rejoindre la plateforme et aux entreprises de faire confiance à l’équipe. Gemeos a défini une direction artistique ancrée dans la connexion humaine et le dynamisme du monde tech.

ÉlémentParti pris
PaletteTeintes chaleureuses et positives, orangé, corail ou vert tendre, pour évoquer l’énergie, la croissance et la connexion humaine dans un secteur souvent trop froid
TypographieSans-serif convivial et moderne, hiérarchie claire pour naviguer entre les offres d’emploi et le contenu RH
ImageriePhotographies authentiques d’équipes tech en contexte réel, illustrations abstraites évoquant le réseau et la mise en relation
TonHumain, direct et bienveillant, Bloomays parle aussi bien aux candidats qu’aux DRH avec le même niveau d’authenticité
  1. Épuré et éditorial

    Un univers épuré et éditorial qui joue la carte du contraste doux : fond crème, typographie bold et italique assumée pour les titres, photographie humaine centrée. Les blocs de contenu respirent, la hiérarchie est claire et directe. Les touches de couleur, rose poudré, vert kaki, restent subtiles et ponctuelles. L'ensemble dégage une modernité accessible, professionnelle sans être froide, qui positionne Bloomays comme un acteur sérieux et humain du recrutement.

  2. Univers pop et immersif

    Un univers épuré et éditorial qui joue la carte du contraste doux : fond crème, typographie bold et italique assumée pour les titres, photographie humaine centrée. Les blocs de contenu respirent, la hiérarchie est claire et directe. Les touches de couleur, rose poudré, vert kaki, restent subtiles et ponctuelles. L'ensemble dégage une modernité accessible, professionnelle sans être froide, qui positionne Bloomays comme un acteur sérieux et humain du recrutement.

  3. Synthèse entre les deux directions précédentes

    Une synthèse entre les deux directions précédentes : le monde illustré 3D du v2.1 est conservé, mais les fonds saturés cèdent la place à des tons plus doux, jaune paille, saumon pâle. L'énergie reste présente sans être criarde. Cette approche offre le meilleur des deux univers : la singularité visuelle de l'illustration immersive, tempérée par une palette plus apaisée qui élargit l'audience et renforce la crédibilité. Un équilibre entre audace créative et lisibilité professionnelle.

Maquette de la page d’accueil Bloomays : titre « The Good Connection », femme au téléphone et logos clients
Concept 1
Page d’accueil Bloomays sur desktop et mobile : « Bloomays The Good Connection », illustration de poignée de main

UX/UI Design : Deux audiences, une seule expérience cohérente

Bloomays adresse simultanément les entreprises qui recrutent et les profils tech qui cherchent leur prochaine opportunité. L’UX/UI a été pensée pour ces deux parcours distincts, sans jamais compromettre la cohérence globale de l’expérience.

Homepage : La promesse Bloomays en un coup d’œil

Hero dual avec des messages adaptés aux deux cibles, chiffres clés de la plateforme (profils actifs, temps de placement, taux de satisfaction) et CTA différenciés pour guider chaque type de visiteur vers le bon parcours.

Espace candidats

Pages optimisées pour les profils tech : offres d’emploi filtrables par technologie et secteur, présentation de l’accompagnement Bloomays et témoignages de candidats placés avec succès.

Espace entreprises

Présentation de la méthodologie de sourcing, cas clients par secteur (startup, scale-up, grand groupe) et parcours de mise en relation simplifié pour convertir les décideurs RH.

Responsive & accessibilité

Interface entièrement responsive, particulièrement soignée sur mobile où les candidats consultent les offres en déplacement.

  • Section « L’équipe Bloomays » du site : carrousel de cartes membres avec photo, rôle (CTO, CPO) et biographie
  • Cartes de parrainage Bloomays : 1500€ pour une mission et 1000€ pour un candidat, sur fond rouge avec nuage
  • Bloomays : section testimonials « Nos Bloomers racontent leur recrutement » avec flèches de carrousel sur fond bleu
  • Ordinateur portable affichant les maquettes des pages web Bloomays dans un outil de design, sur fond corail
  • Maquette de la page d’accueil Bloomays sur fond vert : « Le recrutement plus rapide et plus fiable », offres Freelance et CDI
  • Cartes d’étapes numérotées Bloomays sur fond dégradé rouge-rose : « 1. Projet idéal », « 2. Entretien »
  • Cartes UI Bloomays : carte dégradée orange-rose avec cible et flèche, « Retrouvez toutes nos offres », sur fond vert
  • Section du site Bloomays « Un process rapide, structuré et fluide » : trois cartes illustrées en 3D sur fond rose
Ordinateur portable affichant la page Bloom’Help du site Bloomays avec un formulaire de contact sur fond dégradé

Intégration Webflow : Agilité et évolution pour une plateforme RH en croissance

L’intégration Webflow de Bloomays a été pensée pour accompagner la croissance rapide de la plateforme : CMS évolutif, composants réutilisables et performances maîtrisées pour un trafic en hausse continue.

LivrableDétail
CMS offres d’emploiStructure CMS sur mesure pour la gestion des offres, profils et contenus RH, entièrement éditable par l’équipe sans développeur
Intégration pixel-perfectFidélité totale aux maquettes Figma de l’équipe design, avec composants Webflow réutilisables
Animations IX2Micro-interactions et effets au scroll pour dynamiser l’expérience et refléter l’énergie de la plateforme
Performance & responsiveScore Lighthouse optimisé, expérience mobile parfaite pour les candidats qui consultent en déplacement
  • Mains tapant sur un ordinateur portable affichant la page livre blanc Bloomays avec formulaire de téléchargement
  • Site mobile Bloomays sur smartphone : carte « Recrutement piloté par des experts métiers » avec une cible et une flèche
  • Page d’accueil Bloomays sur un ordinateur portable : « The Good Connection », poignée de main illustrée et logos clients
  • Smartphone entouré de cordes affichant le site mobile Bloomays : « Bloomays the good connection » et une poignée de main
  • Page d’accueil Bloomays sur un ordinateur portable, illustration de palmier et titre sur le recrutement
  • Section témoignages du site Bloomays : carrousel « +200 clients satisfaits » avec photos et citations clients
Maquettes du site Bloomays : page Ressources en grille d’articles, article avec vidéo et articles suggérés

SEO : Capter les profils tech et les entreprises qui recrutent

L’enjeu SEO de Bloomays était d’attirer simultanément deux audiences aux comportements de recherche très différents : les candidats tech qui cherchent des opportunités et les DRH/managers qui sourcent des talents. Gemeos a défini une stratégie SEO combinant visibilité locale et autorité thématique dans le recrutement tech.

Action SEOMise en œuvre
SEO techniqueBalises optimisées par page, structure Hn cohérente, données structurées JobPosting et Organization (schema.org)
Stratégie éditorialeArborescence de pages pensée pour couvrir les requêtes recrutement par technologie (React, Python, Product Manager) et par secteur
Données structuréesImplémentation du schéma JobPosting pour les offres d’emploi, éligibilité aux rich snippets Google for Jobs
Maillage interneLiens stratégiques entre les offres, les pages métier et le blog pour maximiser l’indexation et la circulation du PageRank

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 !!