Projet Opsyde : site vitrine + back-office métier

Opsyde en quelques mots

Opsyde est une société spécialisée dans la mise en relation de candidats et d’employeurs. En parallèle de son activité de recrutement, elle propose des formations à destination de ses clients et partenaires.

Pour structurer et automatiser leur activité au quotidien, ils avaient besoin d’une solution web complète : un site vitrine professionnel côté public, et un outil de gestion métier performant côté administration.


Le projet en résumé

Url du projet : https://opsyde.com

ÉlémentDétail
Type de projetSolution web sur mesure (front-office + back-office)
SecteurRecrutement & Formation
Stack techniqueSymfony + Twig
Niveau de custom100% — aucun composant générique
DuréePlusieurs mois (conception + développement)

Contexte du projet

À mon entrée dans le projet, le gérant d’Opsyde avait déjà recruté un designer dédié pour concevoir les maquettes frontend et backend. Ce partenariat s’est étalé sur plusieurs mois, avec un échange constant entre les deux expertises : le design d’un côté, la conception fonctionnelle de l’autre — en particulier sur la partie administration, où j’ai apporté mon expérience en UX back-office.

C’est ce type de collaboration qui permet d’aboutir à une solution cohérente, à la fois belle visuellement et réellement utilisable au quotidien.


Quel stack technique pour ce projet ?

Le choix s’est porté sur Symfony + Twig, un duo particulièrement adapté aux projets ambitieux qui nécessitent une personnalisation totale.

Contrairement aux CMS génériques (WordPress, Webflow…), cette approche implique d’écrire la majorité du code from scratch. C’est une contrainte en termes d’investissement initial, mais c’est aussi ce qui garantit :

  • Une architecture pensée pour les besoins métier spécifiques d’Opsyde
  • Une maintenabilité sur le long terme
  • Des performances optimales, sans code inutile
  • Une indépendance totale vis-à-vis de plugins tiers

Les fonctionnalités développées

Le projet Opsyde couvrait un périmètre fonctionnel large et exigeant. Voici les grandes briques développées :

Côté site vitrine (front-office)

  • Design 100% personnalisé, pixel perfect depuis les maquettes
  • Navigation fluide sur mobile et desktop
  • SEO technique complet (balises, structure, LCP optimisé)
  • Score Google PageSpeed 90+ sur mobile

Côté administration (back-office)

FonctionnalitéDescription
Parsing de CV par IAAnalyse automatique des CV pour extraction et intégration en base de données
Recherche de candidatsMatching entre profils et offres d’emploi internes ou entreprises clientes
Génération automatique de PDFPrésentation formatée des ressources humaines à destination des clients
Gestion des formationsModule complet avec inscription en ligne
Automatisation des e-mailsEnvois automatiques selon les actions utilisateurs
Enrichissement fiche entrepriseRécupération automatique des infos (TVA, adresse…) depuis le nom de la société
Gestion de contenu totale100% du texte du site modifiable depuis l’administration

Les challenges relevés

1. Le parsing de CV par intelligence artificielle

Le premier défi technique a porté sur l’analyse automatique des CV. L’objectif : permettre à l’équipe Opsyde de charger des CV dans le système, qui les interprète, en extrait les informations clés et les intègre directement en base de données.

Cela permet ensuite de retrouver facilement les candidats correspondant à une offre d’emploi, que celle-ci soit publiée par Opsyde ou par une entreprise partenaire.

2. Le branchement d’APIs métier sur les formulaires

Le deuxième enjeu était d’intégrer plusieurs APIs externes sur les formulaires pour éviter les ressaisies manuelles. L’exemple le plus parlant : taper le nom d’une entreprise dans un champ et voir ses informations (numéro de TVA, adresse, forme juridique…) se compléter automatiquement. Un gain de temps immédiat pour les équipes.

3. L’UX de l’administration

Le troisième challenge était peut-être le plus subtil : concevoir un back-office puissant mais accessible. Chaque ligne de texte visible sur le site public est éditable depuis l’administration — jusqu’à la moindre virgule. Le vrai enjeu était de rendre cette flexibilité intuitive pour le webmaster, afin qu’il gagne du temps au quotidien sans avoir besoin d’assistance technique.

Backoffice Opsyde - Dashboard

Opsyde – Interface d’administration simple et épurée


Les performances frontend

Le frontend était un enjeu fort du projet. L’objectif était d’atteindre une navigation aussi fluide sur mobile que sur desktop, dans un contexte où Google pénalise les sites lents, surtout sur mobile.

Opsyde page speed insights score 98 mobile

Actions mises en place pour atteindre les 90+ sur Google PageSpeed :

  • Optimisation et compression des images
  • Détection et chargement prioritaire du LCP (Largest Contentful Paint)
  • Structure HTML sémantique pour le SEO
  • SEO technique complet : balises, structure de données, canonicals

Ce projet s’inscrit dans mon offre sur mesure

Le projet Opsyde illustre parfaitement ce que je propose dans le cadre de ma prestation solution web sur mesure : un site à l’image de votre société, pensé pour votre métier — aussi bien côté public (front-office) que côté gestion interne (back-office).

Pas de solution générique, pas de plugin tiers qui impose ses contraintes. Une base de code propre, maintenable, et conçue pour durer.