Telematic.Pro: l’aurora boreale nell’interfaccia e una nuova pagina di pagamento

Di recente ti abbiamo raccontato perché abbiamo riscritto Telematic.Pro da zero. Il prodotto continua a crescere, e con l’ultimo aggiornamento ci siamo concentrati sulla parte visiva: l’interfaccia è diventata decisamente più ricca, senza perdere nulla in velocità.

Il livello di design «Aurora»

Prima il sito si reggeva su uno sfondo scuro con una griglia. Ora alle sue spalle prende vita una vera aurora:

Il tema chiaro ha una palette tutta sua — «Perla»: un cielo pastello e un gradiente rosa pesca al posto del semplice sfondo bianco.

Bello, ma veloce

Una grafica elaborata può appesantire un sito in un attimo. Per questo «Aurora» funziona in due modalità. Sul sito pubblico lo sfondo si mostra in tutto il suo splendore, mentre all’interno dell’app passa a una versione più tranquilla, così nulla ti distrae dal lavoro. La modalità risparmio ferma le animazioni infinite, la sfocatura del vetro si attiva solo sui dispositivi potenti e l’impostazione di sistema «Riduci movimento» disattiva del tutto le animazioni. La trasparenza di card e pannelli resta invece identica in tutte le modalità, così l’interfaccia appare sempre coerente.

Elementi dei moduli uniformi

I menu a tendina, le caselle di spunta e gli slider standard hanno un aspetto diverso in ogni browser. Li abbiamo sostituiti con componenti nostri, nello stile del prodotto — in tutte le impostazioni, nell’editor video, nel pannello di amministrazione e nelle finestre modali. Sugli smartphone pulsanti e campi sono diventati più grandi, così è più facile centrarli con il dito.

Una nuova pagina di ricarica del saldo

La finestra di ricarica è stata completamente ripensata: ogni pacchetto di token ha un suggerimento su cosa ci puoi realizzare, in fondo c’è l’importo totale, compaiono solo i loghi dei metodi di pagamento davvero disponibili, più un blocco di garanzie e il link alle condizioni d’uso. Sai fin da subito per cosa stai pagando.

Un easter egg nel calcolatore

Nella pagina dei prezzi c’è un calcolatore che confronta il costo di gestire un canale a mano con quello di gestirlo con Telematic. Prova a inserire uno stipendio orario del dipendente pari a 0: il calcolatore farà scattare l’allarme, con nastri segnaletici lampeggianti e un radar — «Attenzione: rilevato lavoro da schiavi».

Screenshot aggiornati in tutte le lingue

Gli screenshot del prodotto sulla landing page ora vengono acquisiti automaticamente dagli account demo e sono disponibili in tutte e 7 le lingue e in entrambi i temi: ogni visitatore vede l’interfaccia nella propria lingua. Già che c’eravamo, abbiamo corretto un bug per cui la Feed API rifiutava gli articoli molto lunghi.

In numeri

4 commit, 137 file e circa 880 righe di nuovo CSS per il livello di design.

Puoi provare il servizio aggiornato su telematic.pro, mentre il caso di studio completo è nel nostro portfolio.

Vuoi che anche il tuo prodotto sia così d’effetto e resti veloce? Raccontaci il tuo progetto.