App bMottura

Mottura, parte del gruppo svedese Assa Abloy, è uno dei marchi storici della sicurezza italiana, con decenni di esperienza nella progettazione di sistemi di chiusura per porte e ingressi. Negli ultimi anni, l'azienda ha esteso la propria offerta verso serrature smart dotate di moduli Bluetooth, gestibili tramite app mobile e connesse in rete: un passo naturale verso l'evoluzione del prodotto fisico in un ecosistema digitale.

Questa evoluzione è stata accompagnata anche da una trasformazione più ampia della visione di prodotto. L’obiettivo era costruire un ecosistema digitale capace di offrire un’esperienza allineata ai prodotti IoT consumer più moderni.

Questo ha significato ripensare il ruolo del digitale all’interno dell’azienda, trasformandolo da componente accessoria del prodotto fisico ad elemento centrale dell’esperienza.

Allo stesso tempo, il progetto rispondeva a una duplice esigenza di business: da un lato rendere il prodotto più accessibile e comprensibile per un pubblico B2C, dall’altro rafforzare il segmento B2B, offrendo a partner e rivenditori un ecosistema digitale più solido, coerente e scalabile. L'app esistente (sviluppata nativamente per iOS e Android) aveva accompagnato questo percorso, ma portava con sé le limitazioni di un'implementazione nata in un contesto diverso: duplicazione del codice tra le due piattaforme, un'esperienza utente che rispecchiava le logiche interne e tecniche del prodotto più che seguire i bisogni reali delle persone, alcune incoerenze tra la versione iOS e quella Android in determinate funzionalità, e una limitata coerenza visiva con la nuova identità del brand.

In questo contesto, Tangible è stata coinvolta per affiancare il team interno, portando velocità di esecuzione e un punto di vista progettuale esterno, mantenendo allo stesso tempo il presidio del know-how all’interno dell’azienda.

Il progetto ha previsto la riprogettazione completa dell’app in Flutter, con una codebase unica per iOS e Android, un’esperienza più fluida e moderna e le basi per supportare l’evoluzione futura del prodotto e dell’ecosistema digitale.

Obiettivi

• Progettare una nuova esperienza utente, composta da app mobile, piattaforma web cloud e widget per smartphone e smartwatch, più intuitiva e coerente con i pattern mobile contemporanei
• Migrare da un'implementazione nativa (iOS + Android separati) a un'unica codebase Flutter
• Supportare profili utente differenziati con permessi distinti: proprietario, installatore, ospite
• Allineare l'ecosistema digitale Mottura (app mobile e piattaforma web) a un'identità visiva e a pattern di interazione coerenti

Sfide principali

Lavorare con vincoli hardware rigidi

Le serrature Mottura funzionano tramite Bluetooth, con tutti i limiti che questo comporta: comunicazioni non sempre rapide, connessioni potenzialmente instabili, memoria limitata nelle schede elettroniche, impossibilità di connessioni simultanee tra più dispositivi.

Per l'utente, questa complessità doveva essere invisibile o quanto meno comprensibile. Il lavoro di progettazione ha trasformato un sistema rigido e soggetto a errori in un'esperienza percepita come fluida e affidabile, mascherando la complessità tecnica con messaggi chiari e interazioni calibrate e guidate.

Ereditare logiche di prodotto non riprogettabili

L'app non partiva da zero: erano già presenti logiche di implementazione consolidate nel codice esistente, che non era possibile stravolgere. Questo ha significato progettare l'esperienza utente entro vincoli tecnici preesistenti, trovando soluzioni che migliorassero la percezione senza poter modificare il funzionamento sottostante.

Un equilibrio delicato, che ha richiesto negoziazione continua tra ciò che era desiderabile per l'utente e ciò che era tecnicamente realizzabile.

La complessità dei flussi di errore e degli stati secondari

In un sistema che interagisce con oggetti fisici come serrature ed accessori, il numero di stati intermedi e condizioni di errore cresce rapidamente.

In questo progetto circa metà del lavoro di progettazione UX è stata dedicata proprio alla gestione di questi scenari: connessioni instabili, accessori non riconosciuti, moduli di connessione offline o configurazioni incomplete.

Profili utente multipli con permessi e contesti di utilizzo diversi

L'app serve utenti con ruoli e momenti d'uso molto diversi: chi installa la serratura durante il cantiere, chi ne diventa poi l'unico amministratore, chi riceve accesso limitato come ospite o collaboratore.
Ogni profilo vede permessi diversi e opera in contesti diversi, in prossimità della serratura via Bluetooth, oppure da remoto tramite un modulo aggiuntivo che consente la connessione della serratura alla rete.

Progettare questa complessità in modo comprensibile per tutti ha richiesto un lavoro approfondito di Information Architecture e di gestione dei permessi.

Un team distribuito che lavora su un prodotto fisico

Testare i flussi di un'app che controlla serrature fisiche, con i loro accessori, le logiche Bluetooth, le particolarità hardware, senza avere sempre i dispositivi a portata di mano è una sfida concreta. Il team ha sviluppato modalità di lavoro ibride per coordinare le sessioni di verifica da remoto, sfruttando strumenti come la funzione di telecamera panoramica di macOS per condividere in tempo reale sia l'interazione fisica con la serratura, sia le interazioni da app.

Un adattamento tattico che ha permesso di continuare a lavorare con rigore senza la necessità di essere sempre presenti nello stesso luogo fisico.

Collaborazione con un partner di sviluppo esterno

Il progetto ha visto il coinvolgimento di Quinck come partner tecnologico per lo sviluppo mobile, con cui abbiamo allineato modalità di lavoro e comunicazione, costruendo un flusso agile e iterativo dalla raccolta dei requisiti alla review dei prototipi, fino alla gestione delle segnalazioni e infine al rilascio.

Risultati

• Lancio di un MVP funzionante presentato alla fiera di settore SICUREZZA 2025 a novembre, con riscontri positivi da parte di pubblico e commerciali
• Presentazione ai commerciali Mottura (marzo 2025) con feedback molto favorevoli sull'esperienza, sull'affidabilità e sulla qualità visiva dell'app
• Ecosistema Mottura coerente: per la prima volta app mobile (iOS e Android), widget app e piattaforma web bWEBTECHNOLOGY seguono la stessa identità visiva e gli stessi pattern di interazione
• Design system scalabile che supporta l'evoluzione futura dell'app e la coerenza dell’ecosistema digitale

Processo e metodologia

Assessment in assenza di documentazione

Il progetto è iniziato senza documentazione scritta sull'app esistente. La fase di analisi si è basata su materiale video fornito dal cliente, sulla verifica diretta delle funzionalità disponibili e sessioni di condivisione requisiti col team interno di sviluppo costruendo progressivamente una mappa del funzionamento reale prima di poter definire le direzioni progettuali.

Un punto di partenza non convenzionale, che ha richiesto capacità di lettura e sintesi prima ancora di poter iniziare a progettare.

Raccolta requisiti in modo agile

I requisiti sono stati raccolti attraverso thread dedicati, uno per ogni feature. Questo ha permesso di mantenere una conversazione continua tra design e sviluppo, documentando decisioni tecniche, esempi video e chiarimenti sui comportamenti del sistema.

Ad integrare i thread, un file FigJam dedicato in cui abbiamo mappato i flussi emersi per avere confronti puntuali e concreti sulle funzionalità più critiche con gli stakeholder e il team di sviluppo.

Progettazione iterativa in parallelo allo sviluppo

Il lavoro ha seguito una metodologia fortemente iterativa, con progettazione e sviluppo che procedevano in parallelo.

Il team di design lavorava contemporaneamente sulla progettazione di nuove funzionalità e sull’affinamento dei flussi già in sviluppo, integrando progressivamente casi di errore, stati secondari e vincoli tecnici emersi durante l’implementazione.

Design system e coerenza dell'ecosistema

In parallelo alla progettazione dell'app, abbiamo lavorato all'allineamento dell'intero ecosistema digitale Mottura.

App mobile, piattaforma web e widget ora condividono gli stessi pattern visivi, la stessa tipografia e gli stessi meccanismi di interazione. Il design system costruito supporta l’evoluzione dell’ecosistema digitale, con token colore e componenti riutilizzabili che garantiscono coerenza e flessibilità nel tempo.

Gestione del rilascio e prioritizzazione delle feature

Nelle fasi finali, il lavoro ha incluso la gestione della prioritizzazione delle funzionalità (ridefinita più volte in base a fattori tecnici e di business) e il supporto al team marketing Mottura per la preparazione dei materiali di lancio: tutorial in-app, screenshot per gli store, asset promozionali.

Una collaborazione estesa che ha coperto l'intero ciclo di vita del prodotto, dalla progettazione al lancio.