Aller au contenu

Side : refonte du site d'une plateforme d'intérim

Side met en relation entreprises et intérimaires du groupe Randstad. Après son rebranding, la plateforme voulait un site aligné avec sa nouvelle identité, sans confondre les parcours des recruteurs et des candidats.

Notre agence web dédiée aux acteurs RH a accompagné Side sur la direction artistique, le design UI, Webflow et le SEO.

Page d’accueil du site Side sur un ordinateur portable, menu Candidats ouvert, QR code de l’app et photo de jeunes

Deux parcours à distinguer après le rebranding de Side

Side, plateforme d'intérim du groupe Randstad, s'adresse à deux publics dont les attentes diffèrent : les entreprises qui veulent recruter et les candidats à la recherche de missions. Après son évolution de marque, le site devait mettre en scène la nouvelle identité tout en guidant chaque visiteur vers les informations et les actions pertinentes.

Gemeos a adapté la direction artistique de Side à ses supports digitaux, puis conçu les interfaces en collaboration avec l'équipe marketing. L'intégration Webflow a été structurée pour permettre les évolutions des pages sans repartir de zéro. Le travail SEO a accompagné l'organisation des contenus destinés aux entreprises et aux intérimaires.

Industrie
RH
Services
DA
Intégration
SEO
UX/UI Design
MacBook Pro au bord d'un bloc de granit devant un fond bleu électrique, ouvert sur la page Side « Des intérimaires fiables, en moins de 48h »

Direction Artistique

Un nouveau positionnement traduit pixel par pixel

Suite au rachat par Randstad en mai 2023, Side a redéfini son identité de marque. Notre rôle : retranscrire ce rebranding sur leur site web avec fidélité et cohérence. À partir des assets fournis par l'équipe Side, nous avons posé les bases d'un système visuel digital, choix typographiques, palette de couleurs, traitement des images, ton des illustrations, directement calqué sur la nouvelle identité de marque. Chaque décision graphique a été validée en collaboration avec l'équipe Marketing, pour garantir un résultat aligné avec le Randstad Group tout en conservant l'ADN Side : direct, humain, orienté expérience.

  1. Concept 1 : Hero Centré

    Le titre occupe toute la largeur de la page, centré, sans visuel en vis-à-vis. Le fold est épuré et typographique. La section suivante reprend le split photo/stat en bleu. Le layout le plus minimaliste et le plus axé sur l'impact du message.

  2. Concept 2 : Hero Splitté + Placeholder Vidéo

    Structure deux colonnes, mais la droite accueille un cadre vidéo plutôt qu'une photo. La section stat adopte une galerie photographique en frise horizontale avant le bloc bleu. Un layout plus orienté vers la démonstration produit.

  3. Concept 3 : Hero Splitté + Photo

    Le premier fold est divisé en deux colonnes, titre à gauche avec surlignage jaune fluo, photographie de profils Side à droite sur fond clair. La section suivante enchaîne sur un bandeau noir clients puis un split photo/stat en bleu électrique.

Maquette de la page d’accueil Side : titre centré « Renforcez vos équipes avec des intérimaires fiables, en moins de 48h »
Concept 1
Ordinateur portable affichant les maquettes du site Side dans un outil de design, sur fond vert fluo

UI Design

Des maquettes construites avec l'équipe, pas pour elle

Le design a suivi une approche itérative et collaborative avec l'équipe Marketing de Side. Plutôt que de livrer un résultat en une fois, chaque section a été pensée, présentée et ajustée en cycles courts. Le résultat : un site qui reflète exactement les enjeux business de Side, deux audiences distinctes (entreprises et Siders), trois offres à hiérarchiser, et un parcours clair pour chaque profil. La navigation, les pages produit, les landing pages sectorielles et les pages ressources ont toutes été traitées avec le même niveau d'attention, dans un système de design cohérent de bout en bout.

  • Maquette Side : offre de cariste chez Sofripa à Gennevilliers sur photo d’un ouvrier en gilet orange dans un entrepôt
  • Visuel Side : portrait de Mathilde, 22 ans, « Sider depuis 2022 », assise devant le CNIT à La Défense
MacBook Pro sur un sous-main en cuir capitonné noir, ouvert sur l'accueil Side « Le monde du travail a changé, nous aussi »

Dev Webflow

Une intégration propre, scalable, sans compromis technique

La migration vers Webflow a été traitée comme un projet d'ingénierie à part entière. Chaque page a été construite selon les bonnes pratiques Webflow : nommage strict des classes, structure HTML sémantique, optimisation des assets (compression, lazy loading, formats WebP), et logique de composants basée sur les Symbols natifs et les Variables globales Webflow.

La lecture du DOM a été optimisée pour minimiser le render-blocking. Les animations ont été traitées en CSS natif autant que possible pour limiter les dépendances JavaScript et préserver les scores WebPerf. Un lecteur vidéo custom a été intégré pour les témoignages clients, sans autoplay, en accord avec les standards UX actuels.

Le résultat technique :

CritèreApproche Gemeos
Structure de classesBEM-like, nommage cohérent et documenté
ComposantsSymbols + Variables globales Webflow
AssetsWebP, lazy loading, compression automatisée
AnimationsCSS-first, JS limité aux interactions complexes
MaintenanceAutonomie complète de l'équipe Growth
ScalabilitéArchitecture pensée pour la création de nouvelles pages sans refonte
  • Page Side sur ordinateur portable : « Renforcez vos équipes avec des intérimaires qualifiés », photo d’Anne-Gaëlle
  • Page d’accueil mobile de Side : « Le monde du travail a changé, nous aussi », boutons App Store et Google Play
  • Laptop affichant le site Side : « Des profils qualifiés dans votre secteur », trois profils d’intérimaires
  • Smartphone en main sur fond rose affichant le site Side : « Choisissez les missions », offre Inventoriste Leclerc
  • Page Side sur un ordinateur portable : « Choisissez les missions qui vous correspondent » et carte d’offre Inventoriste
MacBook Pro sur une dalle de béton devant un fond rose, ouvert sur le Guide candidats du site Side

SEO / GEO

Un socle technique pensé pour les moteurs, et pour les LLM

Le volet SEO a débuté en amont de la mise en ligne avec un audit complet de l'architecture existante. Un plan de redirection 301 exhaustif a été établi pour mapper chaque ancienne URL vers sa nouvelle destination, préservant l'intégralité du capital SEO acquis par Side. La structure sémantique du site, balises Hn, fil d'Ariane, attributs alt, méta descriptions, a été revue et normalisée page par page.

Côté tracking : GA4, Facebook Pixel, Hotjar et Google Tag Manager ont été intégrés et testés avant la mise en ligne, avec une QA complète pour valider l'absence de doublons de tracking et de pertes de données entre l'ancien et le nouveau site.

Action SEODétail
Redirections 301Mapping exhaustif ancienne → nouvelle architecture
Structure sémantiqueHiérarchie Hn normalisée, alt text, méta optimisées
TrackingGA4 + Facebook Pixel + Hotjar + GTM
QA pré-lancementTests de tracking, crawl, vérification des redirections

Sur la partie GEO (Generative Engine Optimization), le site a été structuré pour être lisible et exploitable par les moteurs de recherche génératifs, ChatGPT, Gemini, Perplexity. Cela passe par une hiérarchie de contenu explicite, des micro-données Schema.org (Organization, FAQPage, BreadcrumbList), et un contenu répondant directement aux questions que les LLM utilisent pour construire leurs réponses. L'objectif : que Side soit correctement cité et positionné lorsqu'un candidat ou un employeur interroge une IA sur les meilleures plateformes d'intérim en ligne.

  • iPhone sur fond bleu, ouvert sur le Guide candidats mobile de Side
  • iPhone sur fond rose, ouvert sur l'article Side « Le 13ème mois en intérim : tout savoir sur vos droits et calculs »

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