T-Care

Analisi e ricerca di mercato, ideazione di naming, logo, immagine coordinata, creazione struttura e design del sito con successivo sviluppo

stereoscopio_V3
CopywritingBrandingGrafica e illustrazioniUX + UI + coding
Condividilo!

Una visione nuova di prendersi cura dell’altro dove l’attenzione al fattore umano è un aspetto centrale. Questo è il filo che ha guidato l’intero processo creativo nell’intera ideazione degli elementi di comunicazione per T-Care, il brand nato per offrire servizi sanitari a domicilio.

Obiettivi

Ideare un naming e un’immagine coordinata che fossero in grado di narrare l’intento del brand e il suo servizio, andando in seguito a strutturare un sito dall’interazione semplice ma dallo sviluppo strutturato così da soddisfare ogni esigenza del cliente.

Metodo

Il lavoro è iniziato con un’ampia raccolta dati sulla realtà di riferimento di T-Care così da avere le basi strategiche per elaborare un concept creativo che fosse poi il punto di partenza della brand identity. Con le analisi sul target e l’identità visiva realizzata, si è poi proceduto alla realizzazione del sito, strutturato in ogni dettaglio per essere responsive e di facile fruizione.

Risultato

Il brand ha assunto un’identità visiva capace di esprimerne l’unicità e distaccarsi dai riferimenti visivi classici che solitamente si collegano al mondo della cura della persona. Il sito è scorrevole e rende ogni processo di prenotazione semplice ed efficace.

Fasi di lavoro

Lo sviluppo di ogni elemento comunicativo ha seguito fasi precise così da avere sempre delle solide basi su cui muovere i passi successivi.

Naming e identità visiva

Il naming “T-Care” è partito dal concetto del “Ti curo”, reso però più dinamico e attuale dalla sostituzione del termine italiano con quello inglese care e troncando la “I” per mettere in risalto la “T” che è anche l’iniziale dei cognomi dei due fondatori del brand. Per quanto riguarda il logo invece ci siamo focalizzati tre concetti chiave:
– La città e il territorio in cui viene attuato il servizio
– La cura vista in un’ottica positiva e confortante
– La rapidità e semplicità del servizio

Questi tre aspetti sono riuniti in un segno grafico che vede nei primi due rettangoli i grattacieli cittadini, nel cerchio il sole (simbolo della vita della città) e negli ultimi due elementi i battiti del cuore perché T-Care, è il battito della città in cui opera.

La palette colori scelta è caratterizzata da sfumature morbide, calde e granulose per distaccarsi dalle tinte piatte e fredde solitamente usate nella comunicazione delle strutture sanitarie. Anche per le illustrazioni abbiamo preferito un’iconografia calda dove i letti di ospedale sono sostituiti dai divani delle case e gli operatori di T-Care partecipano alla vita domestica, creando una relazione umana con il paziente.

Branding

La fase di branding è iniziata con un’attenta analisi del target così da conoscerne abitudini e possibili aspettative verso il servizio offerto da T-Care. In questo modo è stato possibile unire la visione del cliente alla conoscenza strategica del mercato per far emergere al meglio l’innovazione introdotta da T-Care sul mercato e renderlo un marchio competitivo.

UX/UI

La struttura del sito è iniziata con l’ideazione di una nuova alberatura così da mettere in risalto le pagine principali e le CTA, fondamentali per rendere fruibile in modo semplice il sito.

Essendo lo strumento principale tramite cui T-Care riceve le richieste da parte degli utenti, abbiamo ideato quattro diversi flussi di prenotazione così da soddisfare le esigenze di ognuno.

Per semplificare la gestione del tutto anche per T-Care stessa è stato poi realizzato un pannello admin dedicato.

Coding

Il lavoro di coding è stato complesso e strutturato in ogni dettaglio. Ci siamo occupati sia della parte di front-end che di back-end creando un e-commerce completamente responsive sviluppato in Next.js.

Trattandosi di un servizio che richiede l’inserimento di dati sensibili, è stato integrato un sistema di autenticazione Auth0 e JWT in modo che tutte le interazioni client-server siano sicure. Inoltre, tutti i dati sanitari inseriti sul sito vengono cifrati con AES-256, standard crittografico utilizzato anche dal governo Americano.

Una libreria permette poi il controllo dei codici fiscali, verificandone l’integrità e la correttezza rispetto agli altri dati inseriti, e l’integrazione di Stripe e Satispay permette all’utente una gestione dei pagamenti comoda e priva di rischi.

Invece, per quanto riguarda le prenotazioni è stato integrato un pannello admin per salvarle in maniera cifrata in un database MySQL mentre un mailer notifica in tempo reale gli infermieri sulle avvenute prenotazioni.

Per permettere poi di non accettare prenotazioni in specifici intervalli di tempo, il calendario di prenotazione è stato customizzato ad hoc. Gli header di sicurezza delle richieste HTTP sono stati curati nel dettaglio mentre, per quanto riguarda i cookie, è presente un sistema di cookie (tecnici) per la gestione delle prenotazioni e delle richieste ed è poi stato integrato e customizzato un cookie banner di Iubenda che attiva il blocco preventivo dei cookie e degli script.

Lo stile SCSS è auto-compilato in modo da essere compatibile con tutti i browser moderni e uno script auto-genera la sitemap per un miglior controllo della SEO.

Infine, per quanto riguarda il design, il sito è diviso in due macroaree che permettono di creare un effetto di parallasse dello sfondo, andando però a nascondere il testo sotto l’header trasparente. Tutte le micro interazioni sono personalizzate graficamente con effetti semplici ma curati e l’integrazione di Swiper.js aiuta nella gestione degli slider

Riferimenti di progetto

Scopri gli altri progetti

copertina_website_prendiposto
AVSI
copertina_website_bellfish
Bellfish
copertina_website_mesharea1
MeshArea
copertina_website_nowr
NOWR
copertina_website_cergi
CERGI
copertina_website_eniCom
Eni
copertina_website_kaleidos
Kaleidos
Torna su