Chiarezza Gentile · logo Respiro
Un’identità che lascia spazio alla persona.
Respiro è il segno scelto per StoMale. Qui trovi lo stato reale della release, ciò che è già applicato, le proposte ancora in revisione e il flusso completo per trasformare feedback in brief eseguibili.
Segno selezionato
Respiro è il logo di StoMale.
Le due curve fanno spazio intorno alla persona senza chiuderla. Il segno parla di presenza, equilibrio e ascolto, con un calore adulto e non medicalizzato.
StoMaleCapire come stai, con calma.
StoMaleCapire come stai, con calma.
StoMaleCapire come stai, con calma.
Respiro usa due curve come presenze che fanno spazio, non come una barriera. Il punto centrale rappresenta la persona e ciò che sente.
File pronti all’uso
Scarica il logo nel formato che ti serve.
L’icona quadrata è ottimizzata per profili social e WhatsApp. Il logo completo unisce il segno Respiro al nome StoMale.
Icona profiloPNG · 1024 × 1024 px
Logo completoPNG · 1600 px
Studio lettering · Respiro
Tre direzioni costruite come un carattere.
Il simbolo resta invariato. Ogni proposta rispetta una griglia comune, proporzioni tipografiche, baseline e spaziatura ottica. Il richiamo a Respiro entra nelle curve senza alterare la leggibilità.
La più equilibrata. Peso uniforme, curve morbide, altezze e distanze controllate: funziona bene anche nell’header e nei formati piccoli.
La più identitaria. Mantiene la struttura della A, ma costruisce la “o” con due curve aperte e proporzionate, riprendendo Respiro senza inserire un’altra icona.
La più calda ed editoriale. Le proporzioni sono regolari, ma il contrasto delle forme rende il nome meno digitale e più umano.
Prima lettura: A è la base tipografica più solida; B aggiunge una firma proprietaria senza compromettere proporzioni e distanze; C apre una direzione più calda ed editoriale. Nessuna è ancora applicata al logo ufficiale.
Scarica il confronto completoFondamenta
Calore adulto, non zuccheroso.
La marca resta franca e precisa. Il calore viene dalla profondità dei toni, dalle forme aperte e dal ritmo, non da cuori, sorrisi o promesse facili.
Prugna profonda#4A2537 · fiducia e interiorità
Terracotta#C96F50 · presenza e umanità
Albicocca#EEA66F · energia gentile
Rosa pelle#F2C7B5 · prossimità
Crema#FFF7ED · respiro e comfort
Sistema di contenuti · versione finale proposta
Ogni pagina ha un compito preciso.
I testi visibili sono già applicati alla preview. Apri le pagine per provarli nel loro contesto reale.
Landing
Riconoscere il bisogno, spiegare la promessa e chiarire subito i confini.
Leggi la paginaOnboarding
Far entrare senza sentirsi esposti, spiegando il perché di ogni passaggio.
Prova l’accessoAssessment
Creare calma e comprensione intorno al modello, senza cambiarne una parola.
Apri l’assessmentIl tuo spazio
Restituire libertà di scelta: fare, rileggere o fermarsi.
Vai all’appMonitoring
Accompagnare l’osservazione quotidiana senza pressione o interpretazioni.
Prova un check-inRevisioni
Guidare clinici e owner non tecnici nel test, nella decisione e nel rework.
Apri le revisioniCabina di progetto
Rendere stato, rischi, owner e prossimi passi leggibili a colpo d’occhio.
Apri la CabinaBack Office
Gestire oggi assessment, persone, risposte e flussi; accogliere domani le altre funzioni operative del sito.
Apri il Back OfficeInterfaccia · PERSONAL-LANGUAGE-1.7.4
La release corrente, nel suo contesto reale.
L’anteprima di questa sezione viene aggiornata insieme a ogni modifica del sito, dell’assessment o degli strumenti interni. Mostra sempre la versione applicata, non una proposta storica.
StoMale
Accesso verificato
Uno spazio di lavoro che riconosce chi entra.
Il Gateway usa il linguaggio personale corretto per ogni profilo e orienta ciascuna persona verso moduli, attività e confini del proprio ruolo.
Sito demoAssessmentBrand LabCabina progettoBack Office
Apri il Gateway corrente4viste personaliUno spazio per capire da dove partire
Non devi avere già le parole giuste.
StoMale ti accompagna a fare il punto su come stai, con un assessment guidato e un percorso che diventa disponibile passo dopo passo.
- ✓Contenuti più rassicuranti
- ✓Margini fluidi e simmetrici
- ✓Immagini e testi separati
Sei nel tuo percorso. Non c’è una risposta da indovinare.
Quali sono le 3 emozioni maggiormente sperimentate da te nella coppia?
La release 1.6.2 accetta correttamente valori ripetuti. Domanda e risposte sono riportate dal modello senza modifiche; routing e scoring restano invariati.
Assessment completato
Il tuo spazio si apre da qui.
La restituzione racconta il momento osservato, non dà un voto e non definisce la persona. Dopo il completamento si attivano monitoring, andamento e percorso.
Il significato clinico viene mostrato soltanto nelle forme approvate. Il risultato dell’assessment non cambia in base al monitoring.
Check-in e andamento diventano accessibili; prima del completamento restano spiegati ma bloccati.
Apri lo spazio personaleContinuità senza pressione
“Puoi fermarti e riprendere.”“Al massimo un promemoria al giorno.”“Il promemoria si ferma al completamento.”
Cabina di progetto · vista Erika
Il lavoro che riguarda te
L’identità SSO porta a una home personale. Attività, sprint, documenti, review, modello e guide vivono in pagine distinte; gli strumenti tecnici restano riservati alla vista amministratore.
HomeSprintDocumentiReviewModello
Back Office · Assessment
Persona test 4F21A
Adulto · 3 tentativiPercorsoEtàGenereSegnale
Profilo · 5 risposteSalute · 16 risposteSintomatologia psichica · 28 risposte
Apri il Back Office correnteEvoluzione dell’interfaccia
Tre modi per portare più calore, senza distrarre.
Ogni direzione parte dalla UI approvata. Cambia il ruolo dell’immagine, non la gerarchia, i flussi o il contenuto clinico.
Direzione A · editoriale
Tracce interiori
Illustrazioni astratte e stratificate accompagnano i momenti di ingresso, rilettura e insight. Rendono visibile l’interiorità senza rappresentare emozioni in modo letterale.
- Dove: home, risultato, insight.
- Intensità: una scena ampia per pagina.
- Vantaggio: identità distintiva e contemplativa.
Direzione B · relazionale
Spazi che accolgono
Figure umane essenziali e forme aperte raccontano ascolto, privacy e vicinanza. È la direzione più coerente con il logo Respiro e la più immediata da comprendere.
- Dove: landing, onboarding, aiuto.
- Intensità: scene morbide nei passaggi emotivi.
- Vantaggio: massima fiducia e umanità.
Direzione C · modulare
Ritmi quotidiani
Piccole vignette coordinate raccontano pausa, movimento, riposo e connessione. Scaldano monitoring e ciclo editoriale senza trasformarli in una sfida.
- Dove: check-in, percorso, andamento.
- Intensità: moduli piccoli e ricorrenti.
- Vantaggio: varietà e continuità nel tempo.
ASSESS-FLOW-1.6.2 · applicata in preview
Regole per parlare a chi non sa ancora come raccontare ciò che sente.
La comunicazione accompagna ora l’intero viaggio: onboarding rassicurante, priorità all’assessment, aiuti selettivi e contestuali durante le domande, risultato non diagnostico e monitoring disponibile soltanto dopo il completamento.
Riconoscere prima di spiegare
Partiamo da vissuti quotidiani e ambivalenti. Non chiediamo alla persona di arrivare già con un problema definito.
Sì
Puoi iniziare anche se non sai ancora dare un nome a ciò che senti.No
Identifica subito il tuo problema.
Dire cosa succede, prima del clic
Ogni CTA prepara il passaggio: che cosa verrà chiesto, quanto controllo resta e che cosa arriverà dopo.
Sì
Una domanda alla volta. Puoi fermarti e riprendere.No
Scopri subito il tuo risultato.
Rendere concreta l’utilità
Parliamo di fare il punto, trovare parole e osservare cambiamenti. Evitiamo promesse di benessere o guarigione.
Sì
Una fotografia del momento da cui partire.No
La soluzione al tuo malessere.
Autorevolezza verificabile
Nominiamo persone, ruoli, metodo e confini. Distinguiamo contributo professionale, review e validazione formale.
Sì
Il modello è presidiato dai professionisti e ogni modifica è tracciata.No
Clinicamente validato, senza evidenza chiusa.
Calore senza infantilizzare
Frasi complete, tono adulto e presenza. Niente vezzeggiativi, entusiasmo artificiale o positività obbligatoria.
Sì
Prenditi il tempo che ti serve.No
Dai, ce la puoi fare!
Confini senza allarmare
Diagnosi, emergenza, privacy e limiti sono visibili nel punto giusto, con indicazioni comprensibili e non burocratiche.
Sì
Il risultato racconta un momento, non definisce chi sei.No
Disclaimer clinico in gergo tecnico.
Checklist di pagina
Prima di chiudere una release, verifichiamo sette domande.
- La persona si sente riconosciuta prima della spiegazione?
- Capisce che cosa può fare qui e perché potrebbe esserle utile?
- Sa che cosa accadrà dopo il clic?
- Trova prove di metodo, persone e responsabilità?
- Resta libera di fermarsi, scegliere o cambiare idea?
- I confini sono chiari senza rendere l’esperienza fredda?
- Il testo accompagna senza modificare il significato clinico?
Feedback, review e brief
Workstream Comunicazione e contenuti
Erika e Daniele aggiungono osservazioni e validano il contributo; Maurizio approva il pacchetto Agile; Codex esegue il rework e pubblica le evidenze nel Lab e nella Cabina di progetto.
Registro grafico · famiglia B
Ogni evoluzione ha una versione e una decisione.
Le proposte diventano applicazioni soltanto quando è chiaro dove vengono usate, chi deve valutarle e quale rework è richiesto. Gli stessi stati sono visibili nel back office.
Ruoli decisionali
Chi decide, chi collabora, chi supervisiona, chi esegue.
Decide su business model, UX/UI e sviluppo. Approva la versione finale di design e comunicazione.
Decide con Daniele sul modello clinico. Co-collabora a design e comunicazione, commenta e valida il proprio contributo.
Decide con Erika sul modello clinico. Co-collabora a design e comunicazione, commenta e valida il proprio contributo.
Vede l’intero progetto in lettura e partecipa al workflow nel solo Brand & Communication Lab, con osservazioni e feedback attribuiti.
Esegue proposta e rework, verifica i test e collega le evidenze.
Regola design e comunicazione: Erika e Daniele partecipano obbligatoriamente al ciclo creativo; Virginia supervisiona e contribuisce nel Lab senza introdurre un’ulteriore approvazione; Maurizio registra la decisione finale. Codex applica soltanto la versione chiusa.
- 1PropostaCodex versiona
- 2CollaborazioneErika e Daniele commentano
- 3ReworkCodex integra
- 4DecisioneMaurizio approva
- 5ApplicazioneCodex testa e documenta
MobileTitoli pulitisenza riquadro di focus
AssessmentDomanda subito leggibileposizionamento corretto a ogni step
BrandFile prontiicona e logo completo
Le superfici utente mostrano soltanto ciò che serve alla persona
Sito, onboarding, app e assessment non espongono più box o spiegazioni operative per il team. Gli aiuti contestuali alle domande restano disponibili. Su mobile l’elemento decorativo della domanda viene disattivato e il testo rimane sempre in primo piano.
- Contenuti
- Solo testi rivolti alla persona nelle superfici utente
- Assessment
- Aiuto contestuale preservato per ogni domanda
- Mobile
- Nessuna sovrapposizione grafica sul testo della domanda
- Asset
- PNG ad alta risoluzione e sorgenti SVG
- Modello clinico
- Invariato
- Rollback
- MOBILE-BRAND-1.7.5
Ogni persona viene accolta con il linguaggio corretto
Gateway, Cabina di progetto, guida contestuale e comunicazioni di workflow derivano il profilo dall’identità Google. Erika e Virginia ricevono testi rivolti al femminile; Daniele e Maurizio al maschile. Contenuti clinici e sito per gli utenti restano invariati.
- Gateway
- Saluto e stato della sessione personalizzati
- Cabina
- Introduzioni, attività e guida coerenti con il profilo
- Messaggi separati per destinatario, con genere grammaticale corretto
- Confine
- Nessuna modifica al sito pubblico o al modello clinico
- Rollback
- TUTORIALS-1.8.0
AssessmentValori interietà, peso e campi numerici
NotificheProcedi o Reviewazioni in base al compito
ProduzioneGoogle SSOhandoff fail-closed
I dettagli sono leggibili; le notifiche portano al lavoro giusto
La scheda persona usa contrasto bianco sul fondo viola e i campi numerici dell’assessment accettano soltanto interi. Le bozze e-mail distinguono l’autorizzazione semplice dalla review sostanziale e portano direttamente allo sprint. Il pacchetto per Cloudflare Access con Google SSO è predisposto, ma non attivo finché account e dominio non vengono collegati.
- Procedi
- Compare solo per autorizzazioni semplici e apre la conferma autenticata nel brief
- Review
- Collegamento sempre disponibile allo sprint; resta l’unica CTA quando serve un contributo o una decisione sostanziale
- Back Office
- Nome della persona in bianco sul fondo viola
- Assessment
- Età, peso e altri campi numerici senza decimali
- Produzione
- Adapter Cloudflare Access fail-closed e runbook pronti; attivazione esterna ancora richiesta
- Rollback
- CABINA-UX-1.7.2
SprintAttività dedicateruolo, debrief e brief
DocumentiArchivio scaricabilericerca e descrizioni
Back OfficeRegistro scalabilecluster e schede separate
Gli sprint diventano lavoro; il registro resta leggibile anche quando cresce
Ogni work package apre ora una pagina operativa con attività pertinenti al profilo SSO, contributi strutturati, materiali e passaggio al brief. L’archivio documentale offre ricerca, spiegazioni e download. Il Back Office separa la ricerca delle persone dall’analisi del singolo assessment.
- Sprint
- Pagina dedicata per WP, attività individuali o condivise, debrief, indicazioni e criteri di verifica
- Brief
- Contributi organizzati in un documento strutturato e collegati alla review competente
- Documenti
- 13 fonti scaricabili, raggruppate per uso e accompagnate da una descrizione pertinente
- Registro
- Cluster operativi, sette filtri, ordinamento e paginazione per decine o centinaia di persone
- Scheda persona
- Pagina autonoma con profilo, tentativi, output, note e flusso completo di risposte
- Rollback
- CABINA-UX-1.7.1
ArchivioPersone e tentativifiltri descrittivi
LetturaRisposte e flussomodello invariato
LavoroOsservazioniautore e ambito tracciati
Il registro diventa il Back Office autonomo del sistema
Il Back Office StoMale è separato dalla Cabina di progetto. Organizza il lavoro per persona, permette di filtrare profili e cluster descrittivi, confrontare i tentativi, leggere l’intero flusso di domande e risposte e lasciare osservazioni attribuite.
- Accesso
- Maurizio, Erika e Daniele con autorizzazione server dedicata
- Filtri
- Percorso, fascia d’età, genere, segnale previsto e ricerca libera
- Scheda
- Profilo, cronologia, aree del modello, output qualitativo e risposte ordinate per area
- Collaborazione
- Note per persona o singolo tentativo, con autore e data
- Confine
- Solo dati sintetici in preview; nessuna classificazione diagnostica aggiunta
- Rollback
- ACCESS-GATEWAY-1.6.4
Apri il Back Office · Controlla lo stato tecnico nella Cabina di progetto · Torna al Gateway
AccessoLogin privato3 account autorizzati
RaccordoGatewayprima destinazione
RisultatiRegistro assessmentaccesso diretto
Login, raccordo e risultati sono ora tre passaggi distinti
Dopo l’autenticazione, la radice del progetto mostra sempre il gateway. Il sito destinato all’esperienza utente vive nella voce “Sito demo”; il registro dei risultati ha una destinazione autonoma nel Back Office StoMale.
- Sequenza
- Login gestito da Sites → gateway StoMale → area scelta
- Destinazioni
- Sito demo, assessment, Lab, Cabina di progetto e Back Office
- Accesso ai risultati
- Maurizio, Erika e Daniele tramite la stessa allowlist privata
- Rollback
- ACCESS-GUIDE-1.6.3
- Decisione finale
- Maurizio; Erika e Daniele collaborano
AccessoSSO Gmail3 account autorizzati
IngressoGateway4 aree spiegate
Back OfficeGuida contestualetesto + voce AI
Un unico ingresso protetto e una guida che resta accanto al team
L’accesso è limitato a Maurizio, Erika e Daniele tramite account Gmail. Dopo il login, una gateway spiega e collega sito demo, assessment, Lab e Cabina di progetto. Nella Cabina una guida persistente riconosce la sezione corrente, offre spiegazioni controllate e può rispondere a domande libere e parlare con voce italiana naturale quando la credenziale OpenAI API è attiva.
- Accesso
- Allowlist completa a tre e-mail; negato per default agli altri account
- Guida
- Fallback testuale sempre disponibile; modello e TTS soltanto lato server
- Voce
- OpenAI gpt-4o-mini-tts, voce Marin calma e accogliente, dichiarazione IA visibile
- Confini
- Nessuna diagnosi, interpretazione clinica, approvazione automatica o accesso ai dati personali
- Rollback
- ASSESS-FLOW-1.6.2
- Decisione finale
- Maurizio; Erika e Daniele collaborano
Domanda C-153 emozioniselezione completa
Frequenza2 · 2 · 2valori ripetibili
Audit145 domandetutti i rami verificati
Frequenze corrette e flussi senza vicoli ciechi
La domanda sulle tre emozioni interpreta 1, 2 e 3 come frequenza della singola emozione, non come posizioni uniche. Valori uguali sono quindi ammessi. Un contratto automatico percorre ogni domanda e tutti i rami Adulto e Coppia, verificando campi diretti, scelte singole, scelte multiple e condizioni.
- Copertura
- 83 domande Adulto + 62 Coppia; tutti i rami raggiungibili
- Correzione
- Tre emozioni selezionate con tre frequenze valide, anche ripetute, consentono di proseguire
- Integrità
- Domande, opzioni, routing, scoring e output clinici invariati
- Rollback
- UX-CONTENT-1.6.1
- Assegnatario
- Codex
- Decisione finale
- Maurizio; Erika e Daniele collaborano
Prima visitaGuida essenzialecos’è e cosa fare
Vista personaleErika · Daniele · Maurizioattività per ruolo
SupportoRepository + pilloledocumenti e video
Una Cabina comprensibile anche alla prima visita
La console apre con una spiegazione semplice, mostra attività e responsabilità in base al ruolo e nasconde gli strumenti tecnici finché non vengono richiesti. Il repository racconta i documenti per scopo; la guida video mostra il percorso reale di review.
- Erika e Daniele
- Contesto, attività cliniche e creative, note libere e validazione senza linguaggio tecnico
- Semplificazione
- Azioni principali in primo piano; readiness, operations, analytics e mercati sotto “strumenti avanzati”
- Guida
- Prima pillola MP4 con voce e sottotitoli: review di una release
- Regola futura
- La sezione 02 Interfaccia si aggiorna contestualmente a ogni modifica del sito o assessment
- Rollback
- BO 1.5.0
Apri la guida della Cabina · Apri i documenti · Guarda la pillola
Desktop fluidoMargini simmetrici1024–1920 px
PeritestoImmagine e testo separatiuna composizione, due aree
PercorsoAssessment primamonitoring sbloccato dopo
Composizione fluida, controlli curati e guida continua
La release uniforma la larghezza desktop con margini uguali, separa sempre immagini e messaggi, riequilibra spaziature e blocchi di testo, ridisegna radio e campi numerici e mantiene la guida dell’assessment visibile a sinistra. Gli aiuti compaiono soltanto dove servono e sono specifici per la singola domanda. La sezione 02 del Lab riproduce questa stessa versione.
- Percorso personale
- Prima del risultato l’assessment ha priorità; dopo il completamento si attivano check-in, andamento, percorso e preferenze
- Continuità
- Salvataggio della posizione, ripresa diretta e promemoria WhatsApp opzionale massimo 1/giorno; provider reale OFF
- Aiuti
- Assenti sui dati semplici; contestuali su ogni domanda sostanziale, senza cambiare il significato clinico
- Composizione
- Nessun testo sovrapposto alle illustrazioni; ritmo verticale e CTA riallineati
- Rollback
- UX-MOBILE-1.6.0
- Assegnatario
- Codex
- Decisione finale
- Maurizio; Erika e Daniele collaborano
Home · Onboarding · Assessment · Spazio personale · BO
390 × 844iPhone 12+safe area e tastiera
360 × 800Androidtouch e griglie fluide
844 × 390Landscapeazioni sempre raggiungibili
Un’unica esperienza mobile, dalla Home al risultato
La release elimina overflow e sovrapposizioni, ricompone header e griglie, protegge le safe area, impedisce lo zoom involontario dei campi e mantiene raggiungibili le azioni dell’assessment. Include sito, onboarding, area personale, assessment, BO, Lab e revisioni.
- Matrice verificata
- 320, 360, 390, 412 e 428 px; portrait e landscape
- Accessibilità
- Touch target 44 px, zoom 200%, reduced motion, focus e testo ridimensionabile
- Rollback
- R1 1.5.0 / UX-IT-1.4.1
- Vincolo
- Domande, risposte, routing, scoring e output invariati
- Assegnatario
- Codex
- Decisione finale
- Maurizio; Erika e Daniele collaborano
HeroUn unico paesaggio
Sezione narrativaTesto dentro la scenaAssessmentAccoglienza ambientaleComposizioni sceniche, non immagini appoggiate
La release rimuove cornici, ombre e didascalie-card. Le scene diventano il fondale editoriale delle sezioni; testo, CTA e rassicurazioni emergono nello stesso spazio cromatico. Su mobile la composizione si ricompone verticalmente senza trasformare l’illustrazione in una card.
- Cosa cambia
- Hero a paesaggio continuo; bande narrative immerse; ritratti a filo; assessment introduttivo ambientale
- Rollback
- GFX-B-1.4.0
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Apri la Home · Apri Il progetto · Apri l’assessment · Apri il BO
Purpose · ascoltarsi prima
Racconta l’ingresso in uno spazio ampio, personale e non giudicante. Non rappresenta un risultato né un livello di benessere.
- Applicazioni
- Home, Il progetto, risultato assessment
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Metodo · osservare e collegare
Mostra continuità e costruzione professionale senza ricorrere a estetica sanitaria o diagnostica.
- Applicazioni
- Home, Come funziona, Metodo, Onboarding
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Team · competenze che dialogano
Introduce il contributo umano e professionale al progetto senza rappresentare Erika o Daniele.
- Applicazioni
- Home e apertura Professionisti
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Ritratto illustrato · Erika
Trasforma il riferimento fotografico pubblico in un ritratto editoriale coerente con la famiglia B, mantenendo riconoscibilità e calore senza effetto fotografico.
- Applicazione proposta
- Profilo Erika nella pagina Professionisti
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Ritratto illustrato · Daniele
Ritratto prodotto da un riferimento pubblico verificato e applicato nella stessa famiglia editoriale del profilo di Erika.
- Applicazione
- Profilo Daniele nella pagina Professionisti
- Stato tecnico
- Applicato nella release 1.3, soggetto a review visiva
- Assegnatario
- Codex
- Collaborano e validano
- Erika + Daniele
- Decisione finale
- Maurizio
Prima integrazione del peritesto
Versione storica rifiutata perché cornici, ombre e didascalie mantenevano l’effetto di immagini appoggiate alla pagina. È conservata come evidenza e confronto; la correzione applicata è GFX-B-1.4.1.
- Esito review
- Rework richiesto da Maurizio
- Sostituita da
- GFX-B-1.4.1
- Vincolo rispettato
- Domande, risposte, routing, scoring e output invariati
- Assegnatario
- Codex
- Collaborano
- Erika + Daniele
Dalle note all’esecuzione
Brief di competenza condivisi
Erika e Daniele raccolgono e validano le indicazioni; il sistema le trasforma in un documento unico per Maurizio e, dopo la decisione, in un brief operativo per Codex.