CipherNox Mobile — Senior UI/UX Redesign

CipherNox · Mobile product redesign

Un design calme, précis et crédible pour une app de confiance.

Nouvelle proposition construite comme une application mobile de production : hiérarchie typographique forte, surfaces edge-to-edge, navigation compacte, densité maîtrisée et composants différenciés selon le contexte. Le périmètre fonctionnel des 38 écrans est conservé.

Moins de cartesLes listes, documents et réglages utilisent des séparateurs et des surfaces continues.

Une marque, plusieurs contextesDocuments, CipherTrack et CipherPass partagent les fondations mais pas la même densité.

Mobile d’abordZones tactiles, actions basses, lisibilité à une main, information progressive.

A · Entrée dans l’app

10 écrans — onboarding, création du compte, récupération et authentification.

10 écrans

Bienvenue

Entrée dans l’app

Décision UI/UX
Entrée de marque sans carte centrale : visuel spatial, promesse en 3 lignes, deux actions seulement.

9:41● ◔ ▰

CipherNox

Votre espace privé

Vos documents.
Vos secrets.
Un seul coffre.

Classez, suivez et protégez ce qui compte, sans sacrifier votre vie privée.

Créer mon espace

J’ai déjà un compte

Type de compte

Choix initial

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Étape 1 sur 5

Votre usage

20%

Nous adaptons les dossiers, rappels et suggestions à votre contexte.

Personnel

Factures, santé, logement, administratif, abonnements.

Indépendant

Documents personnels + activité, clients et dépenses pro.

Entreprise

Équipe, accès partagés et gouvernance documentaire.

Continuer

Inscription

Création du compte

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Étape 2 sur 5

Créer votre compte

Identité

Prénom

Nom

Adresse e-mail

camille@exemple.fr

Mot de passe maître

••••••••••••◉

14 caractères · uniqueFort

Votre mot de passe chiffre vos données avant l’envoi. CipherNox ne peut pas le lire.

Créer mon espace chiffré

Code par email

Vérification

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Étape 3 sur 5

Vérifiez votre e-mail

Nous avons envoyé un code à camille@exemple.fr.

4827

Ce code confirme uniquement que l’adresse vous appartient. Il ne donne aucun accès à vos données.

Renvoyer le code00:38

Vérifier

Kit d’urgence — Clé Secrète

Sauvegarde critique

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Kit d’urgence

Clé Secrète

À conserver hors de CipherNox.
Elle permet de récupérer votre espace si vous perdez votre mot de passe.

CNX7-4KQ9-M2PL-8VTA
QH6D-1RZ3-NE5Y-7XBC

Copier

Imprimer

Je l’ai sauvegardée

Phrase de récupération

12 mots

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Kit d’urgence

Phrase de récupération

Notez ces 12 mots dans l’ordre. Une capture d’écran est volontairement bloquée sur cet écran.

01abricot

02atlas

03brume

04cobalt

05dune

06écho

07forêt

08galet

09horizon

10ivoire

11jasmin

12koala

Ne stockez pas cette phrase dans vos notes, vos photos ou un cloud non chiffré.

J’ai noté les 12 mots

Code PIN — création

Protection locale

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

Protection de cet appareil

Créez un code PIN

6 chiffres, uniquement sur cet appareil.

⌫

✓

Face ID pourra ensuite déverrouiller l’app sans remplacer votre PIN.

Connexion

Retour dans l’app

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherNox

Bon retour.

Déverrouillez votre espace chiffré.

camille@exemple.fr

••••••••••••◉

Mot de passe oublié ?

Se connecter

⌁ Associer avec un QR code

L’association QR permet d’autoriser cet appareil depuis un appareil déjà connecté.

Double facteur

Vérification forte

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Connexion sécurisée

Double facteur

Saisissez le code de votre application d’authentification.

190583

AUTRE MÉTHODE

⌁

Clé de sécuritéUSB / NFC / passkey

›

Code de récupérationUsage unique

›

↗

Appareil déjà connectéValider depuis un autre appareil

›

Continuer

A10

Verrouillage PIN

Accès rapide

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherNox

Camille Martin

Entrez votre PIN pour continuer.

⌫

◎

Utiliser Face ID

B · Documents

9 écrans — cœur documentaire, capture, classement, recherche et calendrier.

9 écrans

Accueil

Vue d’ensemble

Décision UI/UX
Accueil piloté par priorités. Les alertes précèdent les dossiers ; les métriques sont intégrées au flux, pas enfermées dans des cartes.

9:41● ◔ ▰

Mercredi 9 septembre

Bonjour Camille

3 éléments demandent votre attention
Une échéance demain, deux documents à classer.

27DOCUMENTS

4DOSSIERS ACTIFS

2À TRAITER

REPRENDRE

↗

Mutuelle 2026Dernier ajout il y a 2 h

€

ÉlectricitéFacture attendue le 12 sept.

DOSSIERS

⌂

Logement8 documents · 2 échéances

›

♡

Santé11 documents · à jour

›

€

Impôts5 documents · 1 action

›

＋

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Tiroir — arborescence et compte

Navigation secondaire

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

⌂

◎

◇

□

⌕

Navigation

Mes dossiers

ARBORESCENCE

▤

Tous les documents

▾

Personnel

⌂

Logement

♡

Santé

€

Impôts

▸

Professionnel

COMPTE

♢

Abonnement Plus3 appareils sur 5

›

⚙

RéglagesSécurité, notifications…

›

Scanner

Capture documentaire

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

×Auto

Document détecté

Page 1 · cadrage automatique

Galerie • Flash

Validation après analyse

Contrôle IA

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

1 document

Vérifier l’analyse

98% lisible

CHAMPS DÉTECTÉS

TypeFacture d’énergie

Confiant

Montant86,42 €

Confiant

Échéance14 septembre 2026

À vérifier

Dossier suggéré : Logement › Électricité
Même émetteur que vos 6 dernières factures.

Confirmer et classer

Dossier

Navigation documentaire

Décision UI/UX
Hiérarchie de gestionnaire de fichiers : total, tri, liste continue. Les cartes décoratives disparaissent au profit de séparateurs.

9:41● ◔ ▰

Personnel / Dossiers

Logement

RécentsNomMontant

12 documents

1 248,60 €

2026

⚡

EDF — septembre86,42 € · échéance 14 sept.

›

⌂

Assurance habitation242,10 € · annuel

›

▤

Quittance août950,08 € · payé

›

▤

État des lieuxPDF · 3 pages

›

＋

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Détail document

Lecture & actions

Décision UI/UX
Le document est la surface principale. Les métadonnées restent secondaires et l’action est fixée au bas de l’écran.

9:41● ◔ ▰

‹

Logement / Électricité

Facture EDF

⋯

PDF · 2 pages

Facture86,42 €14 sept.

INFORMATIONS

⚡

EDFÉmetteur

□

14 septembre 2026Échéance

€

86,42 €Montant

Ouvrir

Recherche

Recherche globale

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

Tous vos contenus

Recherche

⚙

2026 ×Factures ×+ Filtre

4 RÉSULTATS

⚡

Facture EDF — septembreLogement · 86,42 €

›

⚡

Facture EDF — aoûtLogement · 79,18 €

›

▤

Échéancier EDF 2026Logement · PDF

›

◎

EDFInterlocuteur · 8 documents

›

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Filtres

Affinage

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

Recherche

Filtres

Réinitialiser

TYPE

FacturesContratsCourriers

PÉRIODE

30 jCette annéeTout

ÉTAT

Avec échéanceInclut les dates futures

◎

Non classésSans dossier

Afficher 12 résultats

Calendrier

Échéances

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

Calendrier

Septembre 2026

＋

LMMJVSD

À VENIR

J−1

EDF — facture86,42 € · demain

›

J+3

MutuelleRemboursement attendu

›

J−21

Assurance habitationRenouvellement annuel

›

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

C · CipherTrack

8 écrans — suivi, décisions, interlocuteurs et niveau de conseil.

8 écrans

CipherTrack — Dossiers

Progression par dossier

Décision UI/UX
CipherTrack devient une timeline de progression réellement lisible, avec étapes manquantes explicites.

9:41● ◔ ▰

Vue Dossiers

CipherTrack

Constats

DossiersÀ traiterContacts

Logement

5 / 7 étapes

71%

Bail signéAjouté le 4 janvier

Assurance habitationRenouvelée jusqu’en 2027

ÉlectricitéFacturation mensuelle active

Attestation d’entretienDocument attendu · source : contrat

Régularisation annuellePrévue en novembre

Prochaine étape
Ajouter l’attestation d’entretien lorsque vous la recevez.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

CipherTrack — À traiter

Décisions attendues

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherTrack

À traiter

DossiersÀ traiterContacts

PRIORITAIRE

Confirmer l’échéance EDFL’analyse hésite entre le 14 et le 19 sept.

›

Classer “Attestation CPAM”Santé ou Administratif ?

›

PLUS TARD

↗

Ajouter le contrat d’entretienRecommandé pour compléter Logement

›

Chaque demande explique pourquoi CipherTrack vous sollicite. Aucune suggestion n’est imposée.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

CipherTrack — Interlocuteurs

Relations

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherTrack

Interlocuteurs

⌕

DossiersÀ traiterContacts

EDF8 documents · 612 € facturés

›

MGEN11 documents · 386 € remboursés

›

AXA4 documents · 242 € facturés

›

Impots.gouv5 documents · 1 échéance

›

IDENTITÉ VISUELLE

La couleur d’un interlocuteur reste stable dans les listes, graphes et détails pour faciliter le repérage.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Fiche interlocuteur

Profil relationnel

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Interlocuteur

EDF

⋯

EDF

Électricité de France

Logement · Énergie

8DOCUMENTS

612 €FACTURÉ

mensuelRYTHME

14 sept.PROCHAINE DATE

RÉGULARITÉ

DOCUMENTS RÉCENTS

⚡

Facture septembre86,42 €

›

⚡

Facture août79,18 €

›

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

CipherTrack — Sans dossier

Classement

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherTrack

Sans dossier

Ces éléments sont reconnus mais pas encore rattachés à un dossier.

Attestation CPAMPDF · 2 pages

Santé ?

Courrier CAFPDF · 1 page

Admin ?

Reçu Leroy MerlinPhoto · 48,20 €

Logement ?

Contrat mobilePDF · 7 pages

Aucun

Sélectionnez plusieurs éléments pour les classer ou les ignorer en une seule action.

Ignorer

Classer

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Vue d’ensemble

Graphe documentaire

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherTrack

Vue d’ensemble

12 liens

Logement

EDF

AXA

Bail

CAF

Le graphe aide à comprendre les relations entre dossiers, documents et interlocuteurs. Il ne remplace pas la navigation principale.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

CipherTrack — niveau Rien

Mode minimal

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

Mode minimal

CipherTrack

Rien

Logement

Votre dossier reste organisé, sans analyse dérivée.

CipherTrack affiche uniquement les éléments indispensables : titre, appartenance et ordre documentaire.

CONTENU

BailDocument de référence

›

Assurance habitationRattaché au logement

›

Factures énergie8 documents

›

Périodes, totaux, jauges et recommandations sont masqués conformément à votre niveau de conseil.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Niveau de conseil

Consentement

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

CipherTrack

Niveau de conseil

Choisissez ce que CipherTrack peut déduire de vos documents. Vous pouvez changer à tout moment.

Rien

Organisation uniquement. Aucune donnée dérivée, aucun total, aucune suggestion.

Constats

Repère les régularités, échéances et relations déjà visibles dans vos documents.

Conseils

Ajoute des recommandations explicables à partir des constats observés.

Les calculs restent limités à ce que vous autorisez. Le niveau choisi s’applique à tout CipherTrack.

Enregistrer

D · CipherPass

7 écrans — coffre, secrets, partage, alias et santé.

7 écrans

Coffre — liste

Secrets & identifiants

Décision UI/UX
CipherPass reçoit un header sombre propre au coffre et une densité plus forte, adaptée aux secrets et TOTP.

9:41● ◔ ▰

CipherPass

Coffre

＋

⌕ Rechercher un identifiant, une note…

TousIdentifiantsTOTP

Googlecamille@gmail.com

Notioncamille@studio.fr

Réutilisé

Dropboxcamille@exemple.fr

Sans 2FA

Figmacamille@studio.fr

⌘

Clé API StripeNote sécurisée

›

＋

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Coffre — détail

Secret individuel

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Identifiant

Google

⋯

Google

accounts.google.com

IDENTIFIANT

camille@gmail.comCopier

MOT DE PASSE

••••••••••••••••Afficher

CODE À USAGE UNIQUE

481 927Expire dans 18 secondes

Le presse-papiers sera automatiquement vidé après 60 secondes.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Coffre — éditeur

Édition sécurisée

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Google

Modifier

Enregistrer

NOM

Google

IDENTIFIANT

camille@gmail.com

MOT DE PASSE

••••••••••••Générer

SITE WEB

accounts.google.com

TOTP

Clé configuréeScanner QR

NOTES

Ajouter une note chiffrée…

Génération et lecture du QR sont effectuées localement sur l’appareil.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Générateur

Mot de passe

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

CipherPass

Générateur

172 bits

vN7!qR9#Km2@Lp8$Qx

Très fortUnique

LONGUEUR · 20

MajusculesA–Z

Minusculesa–z

Chiffres0–9

Symboles! @ # $ %

Utiliser ce mot de passe

Lien de partage

Partage zero-knowledge

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Zero-knowledge

Partager un secret

La clé reste dans le fragment #.
Le serveur reçoit le contenu chiffré, jamais la clé qui permet de le lire.

LIEN

share.ciphernox.app/s/4H8K2#hF73kL2v...

CONDITIONS

◷

Expiration24 heures

Lectures autorisées1 seule lecture

⌫

Après lectureSupprimer automatiquement

Toute personne possédant le lien complet peut déchiffrer le secret jusqu’à expiration.

Copier le lien sécurisé

Alias e-mail

Identités jetables

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherPass

Alias e-mail

＋

Apprentissage en cours · 6 jours
Nous observons uniquement les métadonnées nécessaires pour proposer des règles d’alias.

✓

shopping@alias.cn12 messages

Actif

↻

news@alias.cnApprentissage

Analyse

old@alias.cn3 expéditeurs inconnus

Vérifier

temp@alias.cnAucun trafic

Off

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

Santé du coffre

Hygiène sécurité

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

CipherPass

Santé du coffre

Bon

Bon niveau

2 éléments méritent votre attention.

Mot de passe réutiliséNotion · Figma

›

TOTP manquantGoogle · Dropbox

›

✓

12 mots de passe fortsAucune action requise

L’analyse de santé s’effectue localement. Les mots de passe ne sont pas envoyés à CipherNox.

⌂Accueil

◎Track

◇Pass

□Agenda

⌕Recherche

E · Compte

4 écrans — réglages, sécurité, appareils et abonnement.

4 écrans

Réglages

Préférences

Décision UI/UX
Réglages volontairement sobres : groupes fonctionnels, sous-titres d’état et zone sensible isolée.

9:41● ◔ ▰

Compte

Réglages

SÉCURITÉ

⌁

Verrouillage et biométriePIN actif · Face ID actif

›

▣

Appareils associés3 sur 5

›

APPLICATION

◎

NotificationsÉchéances uniquement

›

◐

ApparenceSystème

›

◇

CipherTrackNiveau : Constats

›

COMPTE

♢

AbonnementPlus · 8,99 €/mois

›

↗

Parrainage2 invitations disponibles

›

ZONE SENSIBLE

Supprimer mon compteEffacement définitif

›

Sécurité & verrouillage

Protection

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Compte

Sécurité

Protégé

Votre compte est bien protégé.
2FA actif, 3 appareils associés, aucun incident récent.

SUR CET APPAREIL

Code PINProtection locale

◎

Face IDDéverrouillage local

SUR VOTRE COMPTE

Double facteurApplication d’authentification

›

✦

Kit d’urgenceClé + phrase configurées

›

Appareils associés

Confiance appareils

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Compte

Appareils

3 / 5

Chaque appareil autorisé possède une copie locale protégée de vos clés.

⌘

iPhone 15 ProCet appareil · maintenant

Actif

MacBook ProParis · il y a 2 h

›

Windows PCLyon · il y a 6 j

›

Retirer un appareil efface sa copie locale.
Il devra être associé de nouveau pour retrouver l’accès.

Associer un nouvel appareil

Abonnement

Plan & usages

Décision UI/UX
Composition simplifiée, priorité au contenu et aux actions. Les composants sont dimensionnés pour un usage tactile réel.

9:41● ◔ ▰

‹

Compte

Abonnement

Plus

CipherNox Plus

8,99 €par mois · renouvellement le 18 septembre

Gérer le plan

UTILISATION

Stockage chiffré7,2 / 10 Go

Appareils3 / 5

Liens sécurisés14 / 50

Alias actifs4 / 10

Comparer les plans