Fonctionnalité
Design responsive façon Gmail avec navigation mobile en bas d'écran, panneau à repli automatique, skeletons et notifications toast. Évaluez les candidats depuis votre téléphone.
Première impression
Chargement façon Gmail
Au lancement de l'application, le logo Curriculo apparaît accompagné d'une barre de progression fluide en dessous. Pas d'écran blanc, pas de loader qui tourne indéfiniment. L'état de chargement est soigné et intentionnel.
Logo + barre de progression
L'écran de chargement affiche le logo Curriculo centré sur un fond épuré, avec une fine barre de progression animée en dessous. Il indique que l'application se charge et donne une sensation visuelle de progression. Une fois l'application prête, l'écran de chargement disparaît en douceur.
Ce modèle est inspiré de Gmail, Notion et Linear, des applications réputées pour leur expérience de chargement. Il fixe le niveau de qualité attendu avant même que l'utilisateur ne voie le tableau de bord.
Mise en page adaptive
Remplacement des panneaux
Sur les écrans étroits (mobiles et petites tablettes), l'ouverture de la fiche détaillée d'un candidat remplace la liste au lieu de s'afficher à côté. Chaque élément de contenu dispose ainsi de toute la largeur de l'écran. Revenez à la liste d'un seul geste.
Barre latérale à repli automatique
Lorsqu'un panneau de détail s'ouvre sur un écran de taille moyenne, la barre latérale se réduit automatiquement pour libérer de l'espace. Sur mobile, la barre latérale se transforme entièrement en barre de navigation inférieure. Chaque pixel est utilisé pour le contenu sur lequel vous travaillez.
Navigation inférieure sur mobile
Sur mobile, la barre latérale du bureau est remplacée par une barre de navigation inférieure à 5 onglets, toujours visible et toujours à portée de touche.
Boîte de réceptionNouveaux candidats et actions en attenteFavorisCandidats marqués pour un accès rapidePostesToutes les offres actives et archivéesEntretiensCalendrier des entretiens à venir et passésL'onglet « Plus »
Le cinquième onglet ouvre un menu « Plus » permettant d'accéder aux Paramètres, Analyses, Gestion d'équipe, Facturation et autres fonctionnalités moins utilisées. La barre inférieure reste ainsi épurée tout en gardant tout accessible.
Horodatage sur mobile
Affichage compact des dates dans les lignes candidats
Sur ordinateur, les lignes candidats affichent l'horodatage complet (« 15 mars 2026 à 14h34 »). Sur mobile, les horodatages sont compressés en formats relatifs (« il y a 2 h », « Hier », « 15 mars ») pour économiser l'espace horizontal tout en restant utiles.
Skeletons & notifications toast
Skeletons
Chaque page de l'application possède un état de chargement squelette : des formes grises d'attente qui reproduisent la mise en page du contenu en cours de chargement. La liste des candidats affiche des skeletons en forme de lignes. La page d'analyses affiche des skeletons en forme de graphiques. Cela élimine les décalages de mise en page et donne une impression de rapidité.
Notifications toast
Chaque action de l'utilisateur déclenche une notification toast : « Candidat déplacé vers Entretien » (succès, vert), « Échec de l'enregistrement de la note » (erreur, rouge), « Entretien planifié » (information, bleu). Les notifications apparaissent en haut à droite sur ordinateur et en bas au centre sur mobile, et disparaissent automatiquement après 4 secondes.
Bientôt disponible
Prise en charge du mode sombre
Variables CSS prêtes
Toute l'interface est construite avec des propriétés personnalisées CSS (variables) pour les couleurs, les fonds, les bordures et les ombres. Passer en mode sombre se résume à inverser les valeurs des variables ; l'infrastructure est déjà en place.
Implémentation partielle
Les composants principaux (barre latérale, en-tête, cartes, boutons) possèdent déjà des variantes en mode sombre. La couverture complète du mode sombre est en cours et sera publiée sous forme de paramètre activable par l'utilisateur dans une prochaine mise à jour.
Détection des préférences système
Lors du lancement du mode sombre, il respectera par défaut la préférence du système d'exploitation de l'utilisateur (prefers-color-scheme: dark), avec un bouton de bascule manuel dans les paramètres pour le remplacer.
FAQ
Questions fréquemment posées
Existe-t-il une application mobile native ?
CurriculoATS est une application web responsive, et non une application native iOS ou Android. Elle fonctionne dans n'importe quel navigateur mobile (Safari, Chrome, Firefox) et est conçue pour offrir une expérience proche d'une application native, avec navigation en bas d'écran, transitions fluides et commandes tactiles.
Puis-je évaluer des candidats depuis mon téléphone ?
Oui. L'interface mobile vous donne accès à la liste des candidats, aux fiches détaillées, à l'aperçu des CV, aux notes, aux actions de pipeline et à la planification des entretiens. Tout ce que vous pouvez faire sur ordinateur, vous pouvez le faire sur mobile.
Quand le mode sombre sera-t-il pleinement disponible ?
L'infrastructure de variables CSS est en place et les composants principaux possèdent déjà des variantes sombres. Le mode sombre complet est sur la feuille de route et sera publié en tant que paramètre activable. Pas de date précise pour le moment, mais le développement est en cours.
Les skeletons affectent-ils les performances ?
Non. Les skeletons sont des éléments légers en CSS uniquement qui s'affichent instantanément. Ils améliorent même la performance perçue en montrant la structure de la mise en page pendant le chargement des données, éliminant ainsi le saut visuel brutal entre l'écran vide et le contenu complet.
Puis-je installer l'application sur mon écran d'accueil ?
Oui. CurriculoATS fonctionne comme une Progressive Web App (PWA). Sur mobile, vous pouvez utiliser l'option « Ajouter à l'écran d'accueil » de votre navigateur pour créer une icône qui ouvre l'application en plein écran, sans l'interface du navigateur.