Contrasti verificati
Combinazioni colore testate su schermi diversi, luminosità variabili e scenari reali di utilizzo notturno.
- Analisi automatizzata e revisione manuale.
- Test su criteri di leggibilità e focus.
Chi siamo
Uno studio ossessionato dal dark mode utile.
Noctivio è uno studio di design basato a Milano specializzato in interfacce scure ad alto contrasto per SaaS, e-commerce e prodotti digitali con molte ore di utilizzo al giorno.
Nasciamo da un team di product designer, developer e strategist che ha lavorato su interfacce mission-critical in cui la leggibilità non è un dettaglio estetico, ma una questione di continuità operativa.
Uniamo ricerca sui pattern visivi, principi di accessibilità e una forte attenzione alla misurazione: test A/B, analisi delle sessioni e collaborazione diretta con i team di sviluppo per portare i layout in produzione senza frizioni.
- Progettazione interfacce dark end-to-end per nuovi prodotti.
- Refactoring di UI esistenti in chiave scura ad alto contrasto.
- Audit dedicati su leggibilità, contrasto, focus state e motion.
- Formazione pratica e toolkit pronti per il tuo team.
Vuoi approfondire come lavoriamo, chi sono le persone dietro Noctivio e quali brand abbiamo accompagnato? Scopri di più su Noctivio.
Perché scegliere Noctivio
Quattro leve che rendono il dark mode un vantaggio competitivo.
Non ci limitiamo a “invertire i colori”. Ogni progetto viene costruito come un sistema coerente di gerarchie visive, pattern di interazione e regole di contrasto pronte per essere implementate.
Design & sviluppo allineati
Layout pensati già per componenti riutilizzabili e handoff chiaro per frontend team esigenti.
- Specifiche pronte per i dev.
- Variabili di stile documentate.
Focus sul business
Ogni scelta visuale viene collegata a metriche: conversione, retention, soddisfazione degli utenti.
- KPI definiti prima del redesign.
- Report sintetici per stakeholder.
Pronti per SEO & ads
Struttura del sito chiara, copy orientato alla fiducia e performance tecniche in linea con gli standard moderni.
- Architettura informativa trasparente.
- Landing ottimizzate per campagne.
Cosa ricevi concretamente
Una base visiva solida, dalla prima bozza al sistema completo.
Ogni incarico viene strutturato in blocchi chiari: analisi, direzione visiva, libreria di componenti e supporto all’implementazione per il tuo team interno o partner esterni.
Libreria di componenti dark pronta all’uso
Costruiamo griglie, palette, stili tipografici e pattern di micro-interazioni pensati per l’uso quotidiano in ambienti scuri. Tutto viene documentato con esempi e linee guida pratiche, così il tuo team può evolvere il sistema senza rompere la coerenza.
Pulsanti, form, card, tab, modali e layout complessi con stati di hover, focus e error ben definiti.
Audit dettagliato su prodotti esistenti
Se hai già una UI scura in produzione, analizziamo pagina per pagina i punti critici: testo poco leggibile, componenti incoerenti, transizioni brusche, indicatori di stato poco comprensibili.
Ricevi una lista prioritaria di interventi, stimata in effort, pensata per essere eseguita rapidamente insieme al tuo team tecnico.
Documentazione esportabile per il tuo team Supporto opzionale alla fase di sviluppo Allineamento con brand guideline esistenti
Come lavoriamo
Un processo chiaro, dalla prima call al rilascio.
Lavoriamo in cicli brevi, con punti di controllo frequenti. Nessun “big bang”: vedrai prototipi, comparazioni e report intermedi prima di qualsiasi rilascio.
Primo contatto
Partiamo da una call esplorativa e da un breve questionario per capire contesto, obiettivi di business e vincoli tecnici.
Output: ambito del progetto e livello di urgenza.Prenota il primo confronto
Analisi mirata
Analizziamo l’interfaccia attuale, i dati disponibili e la percezione degli utenti. Individuiamo le aree critiche da affrontare per prime.
Output: mappa dei problemi e obiettivi misurabili.Direzione visiva e pianificazione
Definiamo la direzione estetica e tecnica, i componenti chiave e una roadmap condivisa con il tuo team.
Output: concept visuali, primi layout ad alto contrasto.Iterazioni, feedback e supporto
Testiamo con il tuo team e con utenti reali, raccogliamo feedback e correggiamo rapidamente per arrivare a un sistema stabile.
Output: kit pronto per la messa in produzione e linee guida.
Modello di offerta
Pacchetti chiari e un audit che puoi attivare subito.
Scegli il livello di intervento di cui hai bisogno oggi: dal pacchetto essenziale per una singola landing fino a un sistema completo per tutto il prodotto digitale.
Starter Dark Landing
Ideale per una pagina chiave (prodotto, pricing o lead generation) che deve performare in modalità scura senza sorprese.
890 € per progetto
- Analisi rapida della situazione attuale.
- Layout dark completo desktop + mobile.
- Specifiche pronte per sviluppo front-end.
Growth Product Suite
Per startup e team di prodotto che vogliono un sistema dark completo, con componenti riutilizzabili e linee guida consolidate.
1.950 € per modulo principale
- Analisi approfondita di flussi e UX attuale.
- Libreria di componenti dark con documentazione.
- 2 cicli di revisione con il tuo team.
- Supporto all’implementazione con sviluppatori interni.
Enterprise Continuous Design
Per organizzazioni che gestiscono più prodotti, mercati e team. Collaboriamo come partner lungo tutto il ciclo di vita del prodotto.
su richiesta retainer mensile
- Allineamento con brand e linee guida globali.
- Design system dark multi-prodotto.
- Sessioni di formazione dedicate al team.
Audit singolo disponibile a partire da 480 €: ricevi un report sintetico con priorità, esempi visivi e raccomandazioni tecniche pronte da condividere con il team. Attivazione tramite pagina contatti.
Team
Specialisti che parlano la lingua di designer e sviluppatori.
Combiniamo background in product design, frontend e UX research. Questo ci permette di creare interfacce scure che piacciono agli utenti e ai team tecnici allo stesso tempo.
Lucia Ferri Lead Product Designer
Guida la direzione visuale dei progetti, dall’analisi dei flussi ai prototipi ad alta fedeltà, con un focus maniacale sulla leggibilità.
Davide Conti Frontend Architect
Traduce le decisioni di design in componenti implementabili, definendo pattern, variabili di stile e best practice per il codice.
Giulia Romano UX Research Specialist
Coordina interviste, test di usabilità e analisi dati per validare che il dark mode funzioni davvero per i tuoi utenti reali.
Risultati concreti
Storie di prodotto che hanno trovato il proprio lato oscuro.
Ecco alcuni esempi di come un dark mode progettato con cura abbia migliorato conversione, soddisfazione e tempi di lavoro in scenari diversi.
SaaS B2B per supporto clienti
+32% soddisfazione degli operatori
Per una piattaforma di assistenza con turni notturni, abbiamo ridisegnato la console in modalità scura, riducendo l’affaticamento visivo e migliorando la leggibilità delle code di ticket.
Riduzione errori critici: −18% in 3 mesi.
App fintech consumer
+21% tasso di completamento funnel
Il nuovo layout scuro ha reso più chiari importi, grafici e avvisi, migliorando la percezione di controllo e sicurezza durante i pagamenti.
Aumento click su CTA chiave: +14%.
Piattaforma educativa digitale
+27% tempo di sessione serale
Implementando temi scuri ad alto contrasto per chi studia la sera, gli studenti hanno dichiarato meno disturbo visivo e maggiore concentrazione.
Riduzione abbandoni durante le lezioni lunghe.
Cosa dicono i clienti
Dark mode che convince anche gli scettici.
Molti team si avvicinano alla modalità scura con prudenza. Il nostro lavoro è trasformare i dubbi in evidenze misurabili e in interfacce che tutti sentono “proprie”.
«Temevamo che il dark mode fosse solo un esercizio di stile. Dopo il lavoro di Noctivio è diventato il layout più usato dai nostri utenti avanzati.»
Alessandro, Head of Product in una SaaS B2B
«Il team ha parlato la nostra stessa lingua tecnica. Le specifiche erano così chiare che i dev hanno potuto implementare rapidamente senza ricicli infiniti.»
Chiara, CTO in una fintech italiana
«L’audit ci ha dato una lista di interventi ordinati per impatto e effort. È stato facile decidere da dove partire e pianificare il lavoro con il marketing.»
Marco, Digital Manager in un gruppo retail
Il percorso
Da esperimenti notturni a studio specializzato.
Noctivio nasce dall’unione di esperienze diverse: prodotto, sviluppo, ricerca. Oggi lavoriamo come partner per brand esigenti che non si accontentano di un semplice “tema scuro”.
2018
I primi esperimenti
Progetti interni su interfacce scure per prodotti con alto tempo di utilizzo, in contesti come trading, customer service e tool creativi.
2020
Fondazione di Noctivio
Nasce lo studio con un focus dichiarato: progettare dark UI ad alto contrasto, indipendenti dalle mode e centrate sui dati.
2022
Prime collaborationi internazionali
Iniziamo a lavorare con team distribuiti in Europa e negli Stati Uniti, adattando i nostri framework a culture e settori diversi.
Oggi
Studio dedicato al dark mode
Continuiamo a raffinare metodologie, template e toolkit, rendendo il dark mode un’opportunità strategica e non un rischio di leggibilità.
Missione e principi
Dark mode come linguaggio stabile, non come esperimento.
Vogliamo che la modalità scura sia un’opzione naturale per i tuoi utenti, coerente nel tempo e facile da mantenere per il tuo team.
Eredità digitale
Progettiamo pensando alla vita lunga dei prodotti: la UI deve poter crescere senza perdere coerenza, anche cambiando persone e strumenti.
Principi chiari
Ogni decisione visiva viene collegata a regole esplicite, così che designer e developer possano allinearsi rapidamente.
Visione pragmatica
Amiamo il bello, ma non a scapito della funzionalità. Il dark mode deve ridurre l’attrito, non aggiungerlo.
Fiducia misurabile
Ci concentriamo su metriche concrete: tempi di completamento, errori ridotti, incremento di conversione e soddisfazione.
Domande frequenti
Domande che riceviamo spesso dai team.
Qui trovi alcune delle risposte più frequenti. Per esigenze specifiche, siamo felici di approfondire in una call dedicata.
Il dark mode è adatto a tutti i progetti?
Non necessariamente, e fa parte del nostro lavoro dirlo con chiarezza. Valutiamo tipo di contenuto, frequenza e durata d’uso, contesto e pubblico. In alcuni casi consigliamo un approccio misto con tema chiaro predominante e dark mode come opzione secondaria.
Quanto dura in media un progetto con Noctivio?
Dipende dalla complessità. Una singola landing in modalità scura richiede in genere 2-3 settimane, mentre un sistema completo per un’applicazione complessa può richiedere da 6 a 10 settimane, includendo analisi, design e supporto all’implementazione.
Potete lavorare con il nostro team di sviluppo esistente?
Sì. È lo scenario che preferiamo: organizziamo workshop mirati con il tuo team tecnico, consegniamo specifiche dettagliate e partecipiamo alle review di implementazione per assicurarci che il dark mode sia fedele al design e facile da mantenere.
Offrite solo design o anche implementazione?
Lavoriamo principalmente sul design e sulla definizione del sistema visivo. Possiamo però affiancare il tuo team durante l’implementazione o collaborare con partner tecnici di fiducia. In ogni caso, il punto di contatto resta uno: pagina contatti.
Come funziona la fatturazione e quali sono le condizioni economiche?
Lavoriamo per fasi, con preventivi chiari e milestone definite. Gli importi dipendono dall’ampiezza dell’intervento e dal livello di supporto richiesto. Nella sezione dedicata al modello di business trovi il quadro generale, mentre i dettagli contrattuali sono spiegati nelle pagine Business model, Terms and conditions e Refund policy.