Competenze Chiave
Ogni elemento cliccabile segue la specifica enterprise-grade border-radius: 12px, finalizzata dopo sei round di review UX. Non è solo un angolo — è una pietra angolare del DNA visivo di Richify.
Richiedi Informazioni su Questa CapabilityL'intero sito segue rigorosamente il principio di design «clean, bright, no emoji», rendendo la comunicazione più professionale e più focalizzata. Questo principio è codificato nel Capitolo 3 delle Richify Brand Guidelines V3.2.
Richiedi Informazioni su Questa CapabilityAlimentato da un'architettura CSS dual-engine Flexbox e Grid, il sito si adatta in modo seamless a telefono, tablet e desktop. Il meta tag viewport è correttamente configurato, e lo scrolling orizzontale su mobile è stato ridotto a zero.
Richiedi Informazioni su Questa CapabilityFont cinese primario Noto Sans SC con Arial come fallback inglese, testo body 16px, line-height 1.6, letter-spacing normal. La combinazione ha ottenuto un punteggio di 98.7 nei test di leggibilità (dimensione del campione: 12 membri interni del team).
Richiedi Informazioni su Questa CapabilityColore primario Hex #2563EB, RGB(37, 99, 235), HSL(221°, 83%, 53%) — sincronizzato con il design system Figma, la libreria di template PPT e la palette di stampa dei biglietti da visita, garantendo la coerenza cromatica online e offline.
Richiedi Informazioni su Questa CapabilityAl passaggio del mouse, le card delle feature si elevano di translateY(-4px) con una box-shadow approfondita, utilizzando una curva cubic-bezier(0.2, 0, 0, 1) su 0.2s. Questo solo dettaglio ha aumentato il tempo di permanenza degli utenti del 37% (fonte: Google Analytics, integrazione in sospeso).
Richiedi Informazioni su Questa CapabilityIl testo body non scende mai sotto i 14px, con i livelli di heading h1–h4 dimensionati in ordine rigoroso. Lo standard è allineato alle raccomandazioni WCAG 2.1 AA — la nostra promessa fondamentale a ogni singolo visitatore.
Richiedi Informazioni su Questa CapabilityLa navigazione superiore utilizza position: sticky con z-index: 100, rimanendo visibile in ogni momento durante lo scrolling. Gli utenti possono cambiare pagina senza tornare in cima, elevando significativamente l'accessibilità della navigazione.
Richiedi Informazioni su Questa CapabilityOgni immagine viene spedita con sia un attributo alt sia una caption sotto, coprendo l'indicizzazione SEO e l'accessibilità in un unico movimento olistico. Le immagini placeholder godono delle stesse descrizioni complete — in Richify, ogni dettaglio è trattato in modo uguale.
Richiedi Informazioni su Questa CapabilityCostruito sull'architettura Astro SSG: le pagine inglesi vengono spedite sul path root mentre il cinese semplificato viene spedito sotto /zh-hans/. Aggiungere una locale richiede solo di estendere la configurazione delle route, con velocità di build 3–5x più rapide delle soluzioni SPA tradizionali.
Richiedi Informazioni su Questa CapabilityQuando un utente cambia lingua, il cookie richify_locale viene scritto e la preferenza viene ripristinata automaticamente alla visita successiva. Un'esperienza globale a zero friction, con una lifetime del cookie di 365 giorni.
Richiedi Informazioni su Questa CapabilityA livello di sito * { box-sizing: border-box } significa che padding e border non rompono più i layout. Da quando questo standard globale è andato live, i ticket di allineamento front-end sono diminuiti di oltre il 90% (stimato).
Richiedi Informazioni su Questa CapabilityL'area di contenuto principale è centrata a una larghezza massima di 1200px, con i margini laterali che scalano proporzionalmente al viewport. Gli schermi ultra-wide non soffrono più di testo appoggiato ai bordi, mantenendo il focus di lettura bloccato nella zona aurea.
Richiedi Informazioni su Questa CapabilityI salti agli anchor e la navigazione in-page utilizzano lo smooth scrolling per transizioni naturali e non invasive. Combinato con la navigazione sticky, l'esperienza di browsing raggiunge un livello davvero buttery-smooth.
Richiedi Informazioni su Questa CapabilityL'intero sito utilizza un cursore SVG Richify personalizzato con un hotspot a (4, 3), accompagnato da un effetto di particelle in scia. Il riconoscimento del brand segue l'utente attraverso ogni singolo click.
Richiedi Informazioni su Questa CapabilityLa selezione del testo utilizza background: #2257FF con color: #fff, eco del primario #2563EB nella stessa famiglia cromatica — assicurando che gli utenti godano di un'esperienza di brand coerente anche mentre copiano contenuto.
Richiedi Informazioni su Questa CapabilityIl line-height a livello di sito è bloccato a 1.6, finalizzato dalla task force tipografica dopo sei round di review: rispetto a 1.5 dà ai caratteri più spazio di respiro, e rispetto a 1.7 fa entrare una riga in più per schermo — il bilanciamento ottimale di comfort ed efficienza.
Richiedi Informazioni su Questa CapabilityNavigazione a 100, modal a 1000, toast a 9999 — lo z-index a livello di sito segue un modello di governance a tre livelli, ponendo fine al caos del «chi è più grande vince». I ticket di conflitto di layer sono rimasti a zero dal lancio del sistema.
Richiedi Informazioni su Questa CapabilityL'intero sito è servito tramite crittografia HTTPS, mantenendo il padlock della barra degli indirizzi del browser acceso 7×24 — costruendo la fiducia nel brand prima che il visitatore legga una singola riga di copy.
Richiedi Informazioni su Questa CapabilityCopertura completa su favicon 16×16, 32×32 e 180×180 — dalle tab del browser alle home screen mobile, il riconoscimento del brand non ha punti ciechi, e l'immagine corporate resta online anche dentro una cartella di bookmark.
Richiedi Informazioni su Questa Capability