Embaucher de n'importe où

caractéristique

avec navigation mobile basse, panneaux automatiques de collapse, chargements de squelette et notifications de toast. Revoir les candidats depuis votre téléphone.

Première impression

Gmail-style Chargement

Lorsque l'application est initialisée, vous voyez le logo Curriculo avec une barre de progression lisse en dessous. Pas d'écran blanc blanc, pas de spinner qui tourne pour toujours. L'état de chargement est poli et intentionnel.

+ barre de progression

L'écran de chargement montre le logo Curriculo centré sur un fond propre avec une barre de progression mince et animée sous. Il communique que l'application est en train de se charger et donne un sens visuel des progrès. Une fois que l'application est prête, l'écran de chargement disparaît sans problème.

Ce modèle est emprunté à Gmail, Notion et Linear, applications connues pour leur expérience de chargement. Il définit les attentes de qualité avant même que l'utilisateur ne voie le tableau de bord.

adaptatif Layout

Remplacement du panneau

Sur les écrans étroits (mobiles et tablettes), l'ouverture d'une vue de détail de candidat remplace la vue de liste au lieu d'apparaître à côté de celle-ci. Cela donne à chaque contenu la largeur complète de l'écran. Retournez à la liste avec un seul tap.

Collapse automatique Barne côtière

Lorsqu'un panneau de détail s'ouvre sur des écrans moyens, la barre latérale s'effondre automatiquement pour faire de la place. Sur mobile, la barre latérale devient entièrement la barre de navigation inférieure. Chaque pixel est utilisé pour le contenu avec lequel vous travaillez.

Mobile Navigation en bas

Sur mobile, la barre latérale du bureau est remplacée par une barre de navigation en bas de 5 onglets, toujours visible, toujours à un seul tapage.

Le Plus Tab

Le cinquième onglet ouvre un menu More avec accès aux paramètres, aux analyses, à la gestion de l'équipe, à la facturation et à d'autres fonctionnalités moins fréquemment utilisées. Cela garde la barre inférieure propre tout en veillant à ce que tout reste accessible.

Mobile Temps de démarcation

sur les rangées de demandeurs

Sur le bureau, les rangées de candidats affichent des timestamps complets (15 mars 2026 à 2:34 PM). Sur mobile, les timestamps sont compressés en formats relatifs (2h ago,Yesterday,Mar 15) pour économiser de l'espace horizontal tout en conservant l'information utile.

Chargeurs de squelette et Notifications de toast

Loaders à squelette

Chaque page de l'application a un état de chargement de squelette: des formes de place-hold grise qui correspondent à la disposition du contenu qui est chargé. La liste des candidats montre des squelettes en forme de rangée. La page d'analyse montre des squelettes en forme de graphique. Cela élimine le changement de mise en page et donne l'impression de vitesse.

Notifications de toast

Chaque action utilisateur produit une notification de toast: Candidat déplacé à Interview (succès, vert), N'a pas enregistré note (erreur, rouge), Interview programmé (info, bleu). Les toasts apparaissent en haut à droite sur le bureau et en bas au centre sur le mobile, et se débarrassent automatiquement après 4 secondes.

est bientôt arrivé

Mode sombre Appui

CSS Variables prêts

L'ensemble du UI est construit avec des propriétés personnalisées (variables) CSS pour les couleurs, les arrière-plans, les frontières et les ombres. Le passage au mode sombre est une question d'échange de valeurs variables, l'infrastructure est déjà en place.

Implementation partielle

(barre latérale, en-tête, cartes, boutons) ont déjà des variantes du mode sombre définies. La couverture complète du mode sombre est en cours et sera mise en place en tant que réglage accessible à l'utilisateur dans une future mise à jour.

Détection des préférences du système

Lorsque le mode sombre est lancé, il respectera par défaut les préférences du système d'exploitation de l'utilisateur (préférences-couleur-schéma: sombre), avec un commutateur manuel des paramètres pour l'annuler.