1 · Onboarding & Auth
1.1 — Inscription
Desktop · PublicRubis Sur l'Ongle
Créez votre compte
Email pro
votre@entreprise.fr
Mot de passe
••••••••
— ou —
Déjà un compte ? Se connecter
Intention
- Frottement minimum : 2 champs, et c'est tout. Pas de SIRET ni d'infos société à l'inscription — repoussées au setup.
- Google SSO en évidence — la cible TPE-PME utilise massivement Google Workspace.
- Pas de "Conditions d'utilisation" en dur ici, juste un lien discret en pied de page (non dessiné).
1.2 — Connexion
Desktop · PublicRubis Sur l'Ongle
Connexion
Email
arthur@entreprise.fr
Mot de passe
••••••••
Mot de passe oublié ?
— ou —
Intention
- Symétrie volontaire avec l'inscription — l'utilisateur ne se demande jamais "j'étais où ?".
- Lien "Mot de passe oublié" bien placé : aligné à droite du champ, pas perdu en bas.
- Magic-link à étudier en v2 (pratique mobile, supprime totalement le mot de passe).
1.3 — Setup initial (1ère connexion)
Desktop · Wizard 3 étapesRubis Sur l'Ongle
✓
Compte2
Entreprise3
SignatureParlez-nous de votre activité
Nom de l'entreprise
SARL Exemple
SIRET (facultatif)
123 456 789 00012
Secteur d'activité
Sélectionner un secteur ▾
Combien de factures émettez-vous par mois ?
< 10
10 — 50
50 — 200
> 200
Intention
- Wizard 3 étapes max, jamais 5+. La 3ème étape (signature email) prépare le 1er envoi de relance pour qu'il soit pro tout de suite.
- Le volume mensuel est demandé en chips (1 clic) plutôt qu'en input — plus rapide et nous segmente pour la roadmap (pricing, OCR batch).
- Le SIRET est facultatif — frein inutile à l'onboarding, on le redemandera au moment où on en a vraiment besoin (facture émise par l'app, etc.).
2 · Upload & OCR factures
2.1 — Empty state · drag & drop
Desktop · App↓
Glissez vos factures ici
PDF, PNG, JPG · jusqu'à 20 fichiers en simultané
L'OCR fait le reste — vérifiez en 30 secondes et lancez la relance.
Intention
- L'écran "Factures" EST la dropzone. Pas de page intermédiaire "Importer". Glisser/déposer marche partout dans l'app, mais c'est ici que le geste est attendu.
- Le compteur de rubis est visible dès le sidebar — gratification permanente, pas seulement sur le dashboard.
- Bouton "Saisir manuellement" en discret secondaire : c'est le fallback, pas le default path.
2.2 — Vérification OCR
Desktop · App · Modale plein écranÉtape 1 / 1 · facture 2 sur 5
Vérifiez les informations extraites
facture-2024-0042.pdf
Client
Boulangerie Martin SARL
Email du contact
compta@martin.fr ✓
N° de facture
F-2024-0042
Montant TTC
1 240,00 €
Date d'échéance
15/05/2026
Plan de relance
📂 Plan standard B2B (J+7, J+15, J+30) ▾
Intention
- Split 50/50 : aperçu PDF à gauche, formulaire pré-rempli à droite. L'œil compare sans scroll.
- Tous les champs OCR sont déjà remplis avec un trait plein — l'utilisateur corrige plutôt qu'il ne remplit.
- Le plan de relance est sélectionné par défaut (basé sur le secteur déclaré au setup) — c'est ici que se gagne le 3ème clic du parcours.
- Compteur "facture 2 sur 5" pour gérer le batch sans perdre le fil.
2.3 — Saisie manuelle (fallback)
Desktop · App · ModalNouvelle facture
✕Client (commencez à taper pour rechercher)
Rechercher ou créer un client…
N° de facture
F-2024-0043
Date d'émission
05/05/2026
Montant TTC
€
Échéance
__ jours après émission ▾
Plan de relance
📂 Plan standard B2B (J+7, J+15, J+30) ▾
Intention
- Pop-in modal, pas une nouvelle page — l'utilisateur reste dans son contexte (la liste de factures derrière reste visible).
- Recherche client en autocomplétion : si le client existe déjà, on le sélectionne ; sinon on le crée à la volée.
- L'échéance en relatif ("30 jours après émission") est plus rapide que de calculer une date fixe.
- "Joindre le PDF" reste optionnel pour la saisie manuelle — on n'oblige pas l'utilisateur à scanner s'il facture déjà ailleurs.
2.4 — Liste des factures & statuts
Desktop · App
Toutes (23)
À relancer (8)
En relance (11)
Encaissées (4)
Litige (0)
| Client | N° facture | Montant | Échéance | Statut | Plan | ||
|---|---|---|---|---|---|---|---|
| Boulangerie Martin SARL | F-2024-0042 | 1 240,00 € | 15/05/2026 | À échéance dans 10j | Standard B2B | ··· | |
| Atelier Durand | F-2024-0039 | 3 600,00 € | 02/05/2026 | Relance J+3 envoyée | Standard B2B | ··· | |
| Cabinet Rousseau | F-2024-0038 | 850,00 € | 28/04/2026 | Relance J+15 demain | Premium | ··· | |
| Garage Lemoine | F-2024-0035 | 4 200,00 € | 20/04/2026 | ✓ Encaissée | Standard B2B | ··· |
Intention
- Filtres en chips, pas en dropdown — Arthur veut "à relancer" en 1 clic.
- Le statut est l'info principale de chaque ligne : "Relance J+3 envoyée", "Relance J+15 demain". L'utilisateur sait en un regard où il en est.
- Mise en gras de l'échéance dépassée (Atelier Durand) — signal visuel sans avoir à lire la date.
- Possibilité d'actions en lot via les checkboxes (relancer manuellement, changer le plan, archiver).
3 · Plans de relance
3.1 — Bibliothèque de plans
Desktop · AppUn plan = une cadence d'emails automatisée. 4 modèles fournis, modifiables.
Standard B2BPar défaut
• J+3 · Rappel amical
• J+10 · Premier rappel formel
• J+20 · Mise en demeure (brouillon)
Utilisé sur 18 factures
Premium · clients VIPDoux
• J+7 · Email + SMS
• J+15 · Appel manuel suggéré
• J+30 · Email avec relevé
Utilisé sur 4 factures
Court · cash flow tenduFerme
• J+1 · Rappel
• J+5 · Relance ferme
• J+10 · Mise en demeure
Utilisé sur 1 facture
+
Créer un plan
Intention
- Cards-first : on voit la cadence en un regard, pas besoin de cliquer pour comprendre un plan.
- 4 plans fournis par défaut → l'utilisateur peut commencer sans rien créer (élimine la friction du "page blanche").
- Le compteur "Utilisé sur N factures" aide à savoir lequel modifier prudemment.
- Tonalité du plan résumée par un chip ("Doux", "Ferme", "Par défaut") — on positionne l'app comme un outil respectueux du client, pas un harceleur.
3.2 — Éditeur de plan (cadence + email)
Desktop · App← Plans · Standard B2B
Cadence
Étape 1 · J+3Email
"Petit rappel facture F-XXXX"
Étape 2 · J+10Email
"Relance — facture en retard"
Étape 3 · J+20Email + brouillon
"Mise en demeure"
Email · étape 1 (J+3)
Objet
Petit rappel — facture {{numero}}
Corps
Bonjour {{prenom_client}},
Je me permets un petit rappel concernant la facture {{numero}} d'un montant de {{montant}}, échue le {{date_echeance}}.
Avez-vous reçu nos coordonnées de paiement ? Je reste disponible.
Cordialement,
{{signature}}
Je me permets un petit rappel concernant la facture {{numero}} d'un montant de {{montant}}, échue le {{date_echeance}}.
Avez-vous reçu nos coordonnées de paiement ? Je reste disponible.
Cordialement,
{{signature}}
{{prenom_client}}
{{numero}}
{{montant}}
{{date_echeance}}
{{signature}}
Intention
- Cadence à gauche, contenu à droite : on clique sur une étape pour éditer son email — pas de navigation pas-à-pas pénible.
- Variables sous forme de chips : l'utilisateur les insère sans connaître la syntaxe template ({{numero}}…). On peut même imaginer drag-to-insert.
- Tonalité de chaque étape rappelée explicitement (rappel doux → ferme → mise en demeure) — le ton monte avec le retard, pas avant.
- "Brouillon" en étape 3 : la mise en demeure est générée mais pas envoyée auto → règle métier importante (légal + risque de relation client).
3.3 — Le parcours "3 clics" pour lancer une relance
Storyboard · 3 étapes consécutivesClic 1 · drop
↓
facture-0042.pdf
Glisser-déposer
→
Clic 2 · valider OCR
Plan
Standard B2B ▾
→
Clic 3 · lancer
◆
+ 1 rubis gagné
~12 min libérées
Relance J+3 programmée pour le 08/05/2026.
Intention
- Ce storyboard est la promesse de la landing — c'est l'illustration à reprendre dans le hero.
- Le 3ème écran = récompense visuelle immédiate (rubis gagné, temps libéré). C'est ce qui transforme une corvée en moment satisfaisant et déclenche le "bookmark dans le cerveau" qui fait revenir.
- Au-delà de la 1ère facture, le drag&drop multiple permet 20 factures en 3 clics globaux — à mettre en avant côté pricing/conviction.
4 · Dashboard & rubis
4.1 — Dashboard principal
Desktop · App · Page d'accueil après login◆
RUBIS
124 rubis gagnés ce mois
≈ 24 h 48 min que vous n'avez pas passées à relancer vos clients. Vous êtes dans le top 15 % des utilisateurs ce mois-ci.
Objectif mensuel · 80 %
À relancer
8
3 nouvelles aujourd'hui
En cours de relance
11
2 mises en demeure à valider
Encaissé ce mois
14 320 €
+ 2 800 € vs avril
DSO moyen
38 j
↘ -6j depuis Rubis
Aujourd'hui
📤 Relance J+3 envoyée à Atelier Durand11:14
✓ Facture F-2024-0035 marquée encaissée10:02
📥 3 factures importées et OCRisées09:48
⚠️ Brouillon mise en demeure prêt — Cabinet Rousseau09:30
Top mauvais payeurs
Voir tout
Cabinet Rousseau2 retards
Atelier Durand2 retards
Garage Lemoine1 retard
Intention
- La hero du dashboard, c'est le rubis — pas un graphique financier. Le message émotionnel passe avant les chiffres comptables.
- Conversion rubis → heures gagnées verbalisée ("≈ 24h48 que vous n'avez pas passées…") : on rend la métaphore tangible.
- 4 KPIs scannables, dont le DSO (Days Sales Outstanding) : on parle le langage du dirigeant et on prouve la valeur en €.
- Liste "Aujourd'hui" en mode journal d'activité : ce qui s'est passé pendant que l'utilisateur faisait son vrai travail.
- "Top mauvais payeurs" doit être manié avec tact — c'est utile pour décider qui mettre sur plan ferme, mais on évite tout langage stigmatisant côté UI publique (jamais visible côté client).
4.2 — Détail facture · timeline des relances
Desktop · App← Factures
Atelier Durand · F-2024-0039
3 600,00 € · échue le 02/05/2026 (J+3)
Timeline · plan Standard B2B
02/04/2026 · facture émise
Importée · OCR validée
05/05/2026 · J+3 — Étape 1
Email envoyé · "Petit rappel — facture F-2024-0039" · ouvert 2x
12/05/2026 · J+10 — Étape 2
Email programmé · "Relance — facture en retard"
22/05/2026 · J+20 — Étape 3
Brouillon mise en demeure (validation manuelle requise)
Client
Atelier Durand
contact@atelier-durand.fr
2 retards sur 6 factures
Notes internes
Le client a confirmé la réception le 14/04 par téléphone…
Intention
- Une seule colonne timeline qui mélange passé (plein) et futur (estompé) — l'utilisateur voit tout l'arc de la relance.
- Tracking d'ouverture ("ouvert 2x") : preuve sociale interne — le client n'ignore pas, il temporise.
- Bouton "Relancer maintenant" en CTA : permet une relance manuelle hors cadence (cas réel : appel suivi d'un email).
- Notes internes en libre — capital pour les TPE qui ont des relations clients personnelles ("le gérant est en arrêt jusqu'au 20").
4.3 — Dashboard mobile
Mobile · App · iOS/Android web9:41● ● ●
Rubis
◆
124 rubis
≈ 24h48 libérées ce mois
Top 15 % · objectif 80 %
À relancer
8
Encaissé
14 320 €
Aujourd'hui
📤 Relance envoyée · Atelier Durand
⚠️ Brouillon prêt · Cabinet Rousseau
✓ F-2024-0035 encaissée
◆ Accueil
📄 Factures
📋 Plans
⚙ Réglages
Intention
- Mobile = mode "capture rapide" : l'action mise en avant est "+ Photo de facture" (l'OCR fait le reste). La saisie complète, c'est plutôt sur desktop.
- Le rubis reste au centre — c'est l'identité visuelle de l'app. Sur mobile c'est encore plus émotionnel parce que l'écran est plus petit, donc plus focus.
- Tab bar à 4 entrées max — on ne dilue pas la navigation. Pas de "Clients" en mobile, on y accède depuis une facture.
- L'écran tient en 1 scroll sur la plupart des téléphones → pas besoin de tab "détail" séparée.
Notes & questions à trancher avant la passe mid-fi
- Brand visual — la "gem" carrée ◆ est un placeholder. Direction à valider : losange à facettes (joaillerie), goutte (rubis brut), ou typographique pur (un "R" stylisé) ? Conditionne tout le design system.
- Conversion rubis ↔ temps — j'ai posé 1 rubis ≈ 12 min libérées. À ajuster avec une étude rapide (combien de temps prend en moyenne une relance manuelle ?). Cette conversion est marketing-critique.
- SMS — présent dans le plan "Premium". À confirmer pour le MVP : feature payante ou hors scope v1 ? Influence l'écran 3.1 et le pricing.
- Mise en demeure — j'ai imposé une validation manuelle à l'étape ferme. À discuter : conformité légale + on ne veut pas être responsables d'un envoi auto qui casse une relation client.
- Multi-utilisateurs — pas dessiné. À prévoir pour PME (gérant + comptable) ? Impact sur l'onboarding (wizard "inviter l'équipe") et sur le sidebar.
- Intégration banking / réconciliation auto — un client paie, l'app le détecte et arrête la relance. C'est la fonctionnalité "magique" suivante. Pas dans ce MVP mais à garder en tête côté architecture.
- Le 3ème clic — dans le storyboard 3.3, l'utilisateur clique "Valider" puis voit l'écran de récompense. C'est techniquement 2 clics utilisateurs (drop + valider) ; le 3ème "clic" est implicite (le clic sur le PDF dans le finder). À vérifier qu'on tient la promesse "3 clics" pour 20 factures d'un coup, pas seulement 1.