Compétences Clés
Chaque élément cliquable respecte la spécification enterprise-grade border-radius: 12px, finalisée après six cycles de revue UX. Ce n'est pas juste un coin — c'est une pierre angulaire de l'ADN visuel de Richify.
Se Renseigner sur Cette CapacitéL'ensemble du site respecte strictement le principe de design « épuré, lumineux, sans emoji », rendant la communication plus professionnelle et plus focalisée. Ce principe est codifié au Chapitre 3 des Richify Brand Guidelines V3.2.
Se Renseigner sur Cette CapacitéPropulsé par une architecture CSS dual-engine Flexbox et Grid, le site s'adapte de manière seamless au téléphone, à la tablette et au desktop. La balise meta viewport est correctement configurée, et le défilement horizontal sur mobile a été réduit à zéro.
Se Renseigner sur Cette CapacitéPolice chinoise principale Noto Sans SC avec Arial en fallback anglais, texte du corps 16px, line-height 1.6, letter-spacing normal. La combinaison a obtenu un score de 98.7 aux tests de lisibilité (taille de l'échantillon : 12 membres internes de l'équipe).
Se Renseigner sur Cette CapacitéCouleur principale Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — synchronisée avec le design system Figma, la bibliothèque de templates PPT et la palette d'impression des cartes de visite, garantissant une cohérence colorimétrique en ligne comme hors ligne.
Se Renseigner sur Cette CapacitéAu survol, les cartes de fonctionnalités s'élèvent de translateY(-4px) avec une box-shadow accentuée, en utilisant une courbe cubic-bezier(0.2, 0, 0, 1) sur 0.2s. Ce seul détail a augmenté le temps de présence des utilisateurs de 37% (source : Google Analytics, intégration en attente).
Se Renseigner sur Cette CapacitéLe texte du corps ne descend jamais en dessous de 14px, avec les niveaux de titre h1–h4 dimensionnés dans un ordre strict. Le standard est aligné sur les recommandations WCAG 2.1 AA — notre promesse fondamentale à chaque visiteur.
Se Renseigner sur Cette CapacitéLa navigation supérieure utilise position: sticky avec z-index: 100, restant visible en permanence lors du défilement. Les utilisateurs peuvent changer de page sans revenir en haut, améliorant significativement l'accessibilité de la navigation.
Se Renseigner sur Cette CapacitéChaque image est livrée avec à la fois un attribut alt et une légende en dessous, couvrant l'indexation SEO et l'accessibilité de manière holistique. Les images placeholder bénéficient des mêmes descriptions complètes — chez Richify, chaque détail est traité de manière égale.
Se Renseigner sur Cette CapacitéConstruit sur l'architecture Astro SSG : les pages anglaises sont livrées à la racine tandis que le chinois simplifié est livré sous /zh-hans/. Ajouter une locale nécessite seulement d'étendre la configuration de routage, avec des vitesses de build 3–5x plus rapides que les solutions SPA traditionnelles.
Se Renseigner sur Cette CapacitéLorsqu'un utilisateur change de langue, le cookie richify_locale est écrit et sa préférence est restaurée automatiquement lors de la visite suivante. Une expérience globale zéro friction, avec une durée de vie du cookie de 365 jours.
Se Renseigner sur Cette CapacitéSur tout le site, * { box-sizing: border-box } signifie que le padding et la border ne cassent plus les mises en page. Depuis la mise en production de ce standard global, les tickets d'alignement front-end ont diminué de plus de 90% (estimé).
Se Renseigner sur Cette CapacitéLa zone de contenu principale est centrée à une largeur maximale de 1200px, avec des marges latérales évoluant proportionnellement au viewport. Les écrans ultra-larges ne souffrent plus de texte collé aux bords, gardant le focus de lecture verrouillé dans la zone d'or.
Se Renseigner sur Cette CapacitéLes sauts d'ancre et la navigation intra-page utilisent le smooth scrolling pour des transitions naturelles et discrètes. Combinée à la navigation sticky, l'expérience de navigation atteint un niveau vraiment ultra-fluide.
Se Renseigner sur Cette CapacitéL'ensemble du site utilise un curseur SVG Richify personnalisé avec un hotspot à (4, 3), accompagné d'un effet de particules en traînée. La reconnaissance de la marque suit l'utilisateur à chaque clic.
Se Renseigner sur Cette CapacitéLa sélection de texte utilise background: #2257FF avec color: #fff, faisant écho au #2563EB principal dans la même famille de couleurs — garantissant aux utilisateurs une expérience de marque cohérente même lors de la copie de contenu.
Se Renseigner sur Cette CapacitéLe line-height sur tout le site est verrouillé à 1.6, finalisé par la task force typographie après six cycles de revue : comparé à 1.5 il donne aux caractères plus d'espace pour respirer, et comparé à 1.7 il fait tenir une ligne de plus par écran — l'équilibre optimal entre confort et efficacité.
Se Renseigner sur Cette CapacitéNavigation à 100, modales à 1000, toasts à 9999 — le z-index sur tout le site suit un modèle de gouvernance à trois niveaux, mettant fin au chaos du « le plus grand gagne ». Les tickets de conflit de couche sont restés à zéro depuis le lancement du système.
Se Renseigner sur Cette CapacitéL'ensemble du site est servi via un chiffrement HTTPS, gardant le cadenas de la barre d'adresse du navigateur allumé 7×24 — construisant la confiance dans la marque avant même que le visiteur ne lise une seule ligne de texte.
Se Renseigner sur Cette CapacitéCouverture complète sur les favicons 16×16, 32×32 et 180×180 — des onglets de navigateur aux écrans d'accueil mobiles, la reconnaissance de la marque n'a aucun angle mort, et l'image de l'entreprise reste en ligne même à l'intérieur d'un dossier de favoris.
Se Renseigner sur Cette Capacité