CONCEPTConcept — pas une commande client

SOLVENT : concept de tableau de trésorerie et de simulateur de scénarios pour une petite entreprise

SOLVENT est un produit de trésorerie que VITON13 a conçu comme concept, présenté sur la comptabilité de Kite & Co., un studio fictif de design et d’impression de 14 personnes. Il dit au dirigeant combien il y a en caisse, pour combien de mois cela suffit et à quoi ressemblent les 18 prochains mois, et lui permet d’essayer une décision avant de la prendre : huit leviers recalculent la prévision immédiatement, et une cascade montre ce que change chacun d’eux. Tout tourne dans le navigateur sur des données générées, et ce n’est pas un conseil financier.

Produit concept · Application web · anglais, russe · 2026

Ouvrir le projet
SOLVENT sur fond vert sombre, sous la ligne « Concept product · VITON13 · 2026 », le nom SOLVENT en larges capitales à empattements et la phrase « See the next 18 months before they happen. » : le tableau de bord dans une fenêtre d’ordinateur avec une trésorerie du jour de $148,210, une autonomie de 14,8 mois et le graphique sur 30 mois, un téléphone avec le scénario « Two hires + new retainer » et 18+ mois d’autonomie, et à gauche le chiffre « 14.8 → 18+ », l’autonomie en mois de la référence à ce scénario.
leviers de scénario et neuf scénarios prêts à l’emploi ; chaque changement recalcule la prévision sur 18 mois
8
vérifications automatiques des calculs, toutes réussies : autonomie, soldes, sommes de la cascade, leviers
1 927
tout le JavaScript compressé en gzip, sans bibliothèque de graphiques, d’interface ni de PDF
72 Ko
performance Lighthouse, mobile / ordinateur, sur l’adresse en ligne
81 / 98

Objectif

VITON13 conçoit des produits concepts pour montrer sa façon d’aborder les logiciels d’entreprise, pas seulement les sites. SOLVENT est l’outil financier de la série : un tableau de trésorerie et un simulateur de scénarios pour les dirigeants de petites entreprises, présenté sur Kite & Co., un studio inventé de design et d’impression qui compte 14 personnes, dix clients nommés, quatorze abonnements logiciels et un bail. L’entreprise, ses clients, ses fournisseurs et tous les chiffres sont inventés, et le produit le dit sur chaque écran, tout comme il précise qu’il ne donne pas de conseil financier.

Nous nous sommes fixé un objectif en deux volets. Répondre sur un seul écran aux trois questions qu’un dirigeant se pose avant la paie (combien y a-t-il en caisse, combien de temps cela tiendra-t-il, que se passe-t-il si l’on recrute, si l’on augmente les prix ou si l’on perd le plus gros client), avec la définition de chaque chiffre sur la page même. Et rendre une décision peu coûteuse à essayer : on change quelque chose, on voit les 18 prochains mois bouger aussitôt, et l’on voit exactement quelle part de l’écart revient à chaque changement.

Ce que nous avons fait

Le tableau de bord s’ouvre sur la trésorerie du jour (148 210 $, le solde de clôture du compte courant), l’autonomie (14,8 mois : le temps avant que le solde prévu en fin de journée passe pour la première fois sous zéro) et le flux net du mois. Un seul graphique porte 12 mois de solde réel et 18 mois de prévision : le solde quotidien, une courbe de fin de mois, une bande de 80 % tirée de l’erreur passée du modèle lui-même, le coussin de trésorerie, la ligne zéro, des hachures là où la trésorerie passe sous le coussin, le point le plus bas et le jour où l’argent viendrait à manquer. En dessous figurent les 30 prochains jours sous forme de bande d’encaissements et de décaissements, les plus gros paiements dans chaque sens, des alertes calculées à partir de la prévision, la part du chiffre d’affaires de chaque client et un court glossaire.

Le simulateur compte huit leviers (recruter, augmenter les prix, perdre le plus gros client, décrocher un nouveau contrat au forfait mensuel, déménager dans des bureaux plus grands, clients qui paient plus tard, réduire les logiciels ou résilier des abonnements, contracter un prêt), chacun avec ses réglages et son mois de départ, et neuf scénarios prêts à l’emploi. Chaque changement recalcule la prévision à l’instant : les quatre chiffres clés défilent jusqu’à leur nouvelle valeur, la courbe se transforme tandis que le scénario de référence reste en pointillé, et une cascade montre ce que chaque levier ajoute à la trésorerie en fin d’horizon ou lui retire. Les scénarios s’enregistrent, se renomment et se rechargent, le coussin se modifie, et Comparer superpose deux scénarios au choix avec un tableau des écarts et un verdict d’une ligne. Sur téléphone, les leviers se trouvent dans un volet en bas de l’écran.

Autour du simulateur se trouve le reste d’un outil financier. Factures présente les créances par ancienneté, le délai moyen de paiement et des filtres ; Relancer rédige un rappel à partir de modèles, du ton choisi et des habitudes de paiement du client, et Marquer comme payée met à jour partout la trésorerie, l’autonomie et le minimum à 30 jours, avec annulation possible. Dépenses propose une carte proportionnelle, des tendances sur 12 mois, des anomalies comme des dépenses logicielles en hausse de 38 % après trois nouveaux abonnements, 90 jours d’opérations classées par des règles avec un indice de confiance, et des abonnements dotés d’un interrupteur « Et si on résiliait ? » qui alimente le scénario. Le compte de résultat donne l’état mensuel et une vue annuelle. Ask Solvent (/ ou ⌘K) répond à 15 types de questions en anglais et en russe à partir du même moteur, et applique le scénario en un clic. L’export enregistre le scénario en CSV et en PDF d’une page.

Comment cela fonctionne

La comptabilité de Kite & Co. est générée de façon déterministe : chaque mois civil a sa propre graine, si bien que les écritures d’un mois ne changent pas quand « aujourd’hui » se déplace, et le solde est ancré à 148 210 $ au 28 septembre 2026. Deux ans d’historique réunissent les factures de chaque client avec son retard de paiement habituel, la paie le 10 et le 25, le loyer, les abonnements, les freelances et les coûts d’impression qui suivent le volume de travail, l’impôt trimestriel, la saisonnalité et la croissance. La prévision part des mêmes facteurs, sans le bruit : les factures ouvertes arrivent au jour de paiement habituel du client, et chaque levier modifie des événements datés. Les leviers sont attribués l’un après l’autre, c’est pourquoi la cascade donne exactement le scénario moins la référence. Les tests du projet vérifient cette somme, la définition de l’autonomie, le report des soldes, l’identité de chaque levier, le déterminisme et les réponses de l’assistant : 1 927 vérifications en tout.

L’application est écrite en modules JavaScript sans framework, regroupés par esbuild dans un dossier statique aux URL relatives ; sur le portfolio, elle se trouve à /demos/solvent/. Les graphiques sont nos propres SVG, l’export CSV est le nôtre (UTF-8 avec indicateur d’ordre des octets et, en russe, point-virgule et virgule décimale, pour qu’un tableur l’ouvre proprement), et le PDF est dessiné sur un canvas puis encapsulé par un générateur PDF 1.4 minimal que nous avons écrit : aucune bibliothèque de graphiques, d’interface ni de PDF. Le design est celui d’un journal financier sur papier chaud, avec Noto Serif Display pour les titres, Inter Tight pour le texte et JetBrains Mono pour les chiffres, toutes hébergées sur le site, et une édition de nuit. L’interface est en anglais et en russe, affiche des dollars ou des roubles à un taux de démonstration fixe de 90 pour un dollar, s’ouvre sur une intro de trois secondes au plus que l’on peut passer, et calme ses animations pour les visiteurs qui demandent moins de mouvement.

Ce qui existe aujourd’hui

Il existe aujourd’hui un concept fonctionnel à l’adresse tarasovvitalii.com/demos/solvent/, avec six sections (tableau de bord, scénarios, comparaison, factures, dépenses et compte de résultat), plus Ask Solvent et les exports, construit le 28 septembre 2026. Ce jour-là, ses tests ont réussi les 1 927 vérifications. Dans Chrome headless, nous avons ouvert chaque section en anglais à 1440 px et en russe sur un téléphone de 390 px, appliqué un scénario prêt à l’emploi, marqué une facture comme payée (la trésorerie de l’en-tête est passée de 148 210 $ à 151 500 $), posé une question et téléchargé le CSV et le PDF, sous la politique de sécurité du contenu de production du portfolio : aucune erreur dans la console, aucune violation de la politique, aucun défilement horizontal et aucune requête vers un autre serveur.

Tout le JavaScript tient en 11 fichiers et 220 Ko, soit 72 Ko en gzip ; le dossier complet avec ses polices pèse 0,65 Mo. Sur l’adresse en ligne, Lighthouse 13.5 (cinq passages par appareil, médianes, sur un MacBook dont la charge moyenne était de 3 à 9) a donné une performance de 81 sur mobile et de 98 sur ordinateur, avec l’accessibilité et les bonnes pratiques à 100 sur les deux, et la page transfère 0,47 Mo au chargement. Avant de mesurer, nous avons corrigé trois points dans l’application : un pied de page qui sautait au chargement, un graphique et un bouton sans nom accessible, et des interrupteurs de moins de 24 px sur téléphone.

Ce que cela ne prouve pas

SOLVENT est un concept que VITON13 a réalisé pour montrer sa palette, pas un produit commandé. Kite & Co., ses clients, ses fournisseurs, son personnel et tous les chiffres sont fictifs et générés dans le navigateur : il n’y a ni client, ni utilisateurs, ni connexion bancaire, ni trafic, ni chiffre d’affaires, et rien dans la démo n’est à vendre. Ce n’est pas un conseil financier : la prévision est un modèle simple qui suppose une demande stable au-delà de la saisonnalité et aucun client perdu quand les prix montent, et sa bande de 80 % décrit l’erreur du modèle lui-même sur des données inventées.

Ask Solvent et les brouillons de relance relèvent de l’IA de démonstration : des règles et des statistiques dans le navigateur, pas un modèle de langage, et aucune relance n’est jamais envoyée. Les 1 927 vérifications prouvent que les calculs respectent leurs propres définitions, pas que la prévision serait juste pour une vraie entreprise. Chaque chiffre est une mesure de laboratoire dans Chrome headless, sur une seule machine et un seul jour, et Lighthouse a tourné sur l’adresse en ligne avec un téléphone simulé, pas sur de vrais appareils. Une version de production demanderait encore des flux bancaires, une intégration comptable, des comptes et des rôles, un stockage chiffré et la relecture de professionnels de la finance.

Comment vérifier le portfolio d’une agence web

Revue SEO

Mesuré sur l’adresse en ligne le 28 septembre 2026. Lighthouse (cinq passages par appareil, médianes, sur un MacBook dont la charge moyenne était de 3 à 9) a donné une performance de 81 sur mobile (LCP de 3,5 s, 0,47 Mo) et de 98 sur ordinateur (LCP de 0,81 s), avec l’accessibilité et les bonnes pratiques à 100 sur les deux. Le SEO est de 63 parce que la démo est marquée noindex, nofollow dans la page et dans l’en-tête du serveur : c’est un concept, et la page destinée aux moteurs de recherche est son étude de cas sur le portfolio.

Vérifié le 28 septembre 2026 : 6 pages rendues dans Chrome comme les voit un robot d’indexation, et Lighthouse 13 sur la page d’accueil.

Lighthouse, page d’accueil

Performances
Mobile81Ordinateur98
Accessibilité
Mobile100Ordinateur100
Bonnes pratiques
Mobile100Ordinateur100
SEO
Mobile63Ordinateur63

Contrôles de page et SEO technique

  • Titres de page uniquesabsent1/6
  • Titre de 30 à 65 caractèresabsent0/6
  • Méta-description de 70 à 170 caractèresabsent0/6
  • Un seul H1 par pageen place6/6
  • Langue de la page déclaréeen placeen
  • Mise en page mobile sans défilement horizontalen place390 px
  • Images avec texte alternatifen place0 img
  • Liens internes cassésen place0
  • URL canoniqueabsent0/6
  • Open Graph : titre et imageabsent0/6
  • Données structurées (JSON-LD)absent0/6
  • sitemap.xml et robots.txtpartiel1/2

Vérifié sur les 6 vues de l’adresse unique, rendues dans Chrome headless à 390 px et à 1440 px. En place : exactement un H1 sur chaque vue, la langue déclarée (en, puis ru après la bascule), aucun défilement horizontal à 390 px et 0 lien cassé parmi les destinations (les six vues, studio.viton13.com et l’étude de cas du portfolio) ; il n’y a aucune balise <img> à décrire, car les graphiques sont en SVG, et le graphique principal porte un nom accessible. Manquant : les 6 vues partagent un titre de 68 caractères et une description de 215, et il n’y a ni URL canonique, ni image Open Graph (seulement un titre et une description), ni JSON-LD. robots.txt se trouve à la racine du domaine ; la démo est volontairement absente de sitemap.xml.

Si SOLVENT était un vrai produit : garder l’application derrière une connexion et hors des moteurs de recherche, et lui donner un site public avec une page par fonction (tableau de bord, scénarios, créances, dépenses), chacune avec son titre de 30 à 65 caractères, une description de 70 à 170, une URL canonique et une image Open Graph ; ajouter du JSON-LD (Organization, SoftwareApplication, FAQPage pour les définitions, BreadcrumbList) et lister ces pages dans sitemap.xml. Sur l’adresse en ligne, ce qui freine le score mobile est le plus grand élément affiché, le titre du tableau de bord, qui n’apparaît qu’après l’intro (LCP de 3,5 s) ; une intro plus courte le relèverait.

Services illustrés par ce cas

Décrivez la tâche sur la page du service ; le périmètre, le délai et le prix écrits arrivent sous un jour ouvré.

Parler d’un projet similaire
L’accueil de Möbius sur fond bleu nuit : le titre « Only further. » en grandes lettres blanches à empattements sur un ruban torsadé de cartes d’histoires en noir et blanc, au-dessus la ligne « School & Institute · Ages 5 to 25 », au centre un bouton rond Continue et, en bas, les sélecteurs « I am a visitor » et « Exploring everything ».

CONCEPTConcept — pas une commande client

Möbius School & Institute

Site concept · three.js · anglais, russe · 2026

Möbius est une école et un institut fictifs pour les 5 à 25 ans, et voici le site que VITON13 a conçu pour eux, comme concept destiné aux écoles, aux lycées et aux universités. Sur l’accueil, 40 cartes d’histoires défilent sur un véritable ruban de Möbius en three.js ; derrière se trouvent le film « Who we are », les programmes, les outils d’admission, un plan du campus et My Möbius, une démo fonctionnelle de l’espace personnel des élèves, des parents et des enseignants.

Lire l’étude
Première diapositive de VOXA : un immense « 1 », un téléphone qui écoute « Send Anna $25 for pizza » sur un socle lilas au milieu d’anneaux sonores blancs, une carte flottante « Voice ID 98% » et le titre « Pay With Your Voice ».

CONCEPTConcept — pas une commande client

VOXA — La banque du futur

Site concept · three.js · voix · anglais, russe · 2026

VOXA est une banque du futur fictive, et voici le site que VITON13 a réalisé pour elle comme concept pour les banques et la fintech. Une caméra traverse un monde three.js de dix fonctions ; chacune ouvre une vraie appli de téléphone où le visiteur paie un ami à la voix, épargne pour un rêve commun, achète un vol qui devient une carte d’embarquement ou compose sa carte, et une scène finale avec deux films Veo 3.1 lui tend le micro.

Lire l’étude
La page d’accueil de viton13.com en russe sur un écran d’ordinateur : le menu, un titre qui cite la boutique, les services, VJOURNAL, VIT MARKET et SCHOOL, deux boutons, des onglets de rubrique et le panneau de la boutique ouvert.

INTERNENotre propre produit

viton13.com

Next.js 16 · 5 langues · 7 domaines · 2026

Le propre site de VITON13 : une seule application Next.js sert le domaine principal et six sous-domaines de rubrique en anglais, en russe, en espagnol, en français et en hindi. Avant chaque mise en ligne, une exploration automatique vérifie ses routes internes.

Lire l’étude