Aller au contenu Aller au pied de page

FamilyNest

Un SaaS de gestion du budget familial, né d'un travail de fin d'études et en ligne depuis le 15 mai 2025.

Le projet

Le contexte

FamilyNest est né d'une conversation de Renaud avec sa maman : ses factures arrivaient par courrier, par mail ou par application bancaire. Elles ne se retrouvaient jamais au même endroit. Ce travail de fin d'études est devenu le premier produit que le studio a mené de bout en bout.

Expertise
SaaS sur mesure
Année
2025
Rôle
Conception, design et développement
Client
Travail de fin d'études
Secteur
Finances familiales
Statut
Bêta ouverte et gratuite
Hébergement
Laravel Forge
En ligne
family-nest.on-forge.com
La pile technique
  • PHP
  • Laravel
  • Livewire
  • Alpine.js
  • Algolia
  • AWS
  • iLovePDF
  • OCR.space
  • Tailwind CSS
  • PostgreSQL
Les outils
  • PhpStorm
  • VS Code
  • Figma
  • GitHub
  • TablePlus
  • Herd
  • Raycast
  • Claude
  • Firefox Developer Edition
  • 500+ heures de conception et de développement
  • 28 jours de la version 1 à la lecture des factures
  • 3 rôles pour partager un budget
  • 6 tutoriels vidéo pour démarrer

Le produit

Une seule question à chaque ouverture : où en est le budget du foyer ce mois-ci ?

Les factures du foyer, au même endroit.

Le tableau de bord additionne ce qui est payé, ce qui est en retard et ce qui tombe ce mois-ci. Il se filtre par membre, par échéance ou par statut de paiement. Les factures se rangent par catégorie puis par tags.

  • Le tableau de bord de l'application : le montant total, le montant en retard et les échéances du mois au-dessus d'un graphique des factures par type
    Le tableau de bord
  • La page des factures : les catégories en couleur, les factures récentes puis le tableau de tous les fichiers avec leurs tags
    Les factures
  • Les objectifs financiers : trois budgets (abonnements, santé, loyer) avec leur montant, leur période et leur progression
    Les objectifs
  • La page Famille : trois membres avec leur rôle (administrateur, éditeur, lecteur) et le menu qui change le rôle d'un membre
    La famille

Un budget qui se partage.

On invite son conjoint ou ses parents dans l'espace de la famille. Chacun y reçoit un rôle : administrateur, éditeur ou lecteur. Les objectifs fixent un plafond mensuel ou annuel par poste de dépense.

Pensé pour tous les écrans.

L'application s'ouvre sur ordinateur, sur tablette ou sur téléphone. Sa page d'accueil la présente en cinq onglets, du tableau de bord à la famille.

Accueil de FamilyNest : le titre « Organisation familiale simplifiée » au-dessus des onglets qui présentent l'application
L'accueil sur téléphone : le titre, les deux boutons puis le tableau de bord sous un menu déroulant

La fabrication

Un travail de fin d'études mené comme un produit : livré par versions et documenté.

Une facture photographiée, des champs remplis.

On prend une photo ou on importe un PDF. AWS Textract et OCR.space lisent le document. Le fournisseur, le montant et les dates arrivent déjà remplis dans le formulaire.

La section des outils : le tableau de bord filtré à côté de la reconnaissance automatique des factures par AWS Textract et OCR.space
Les outils sur téléphone : la carte du tableau de bord puis celle de la reconnaissance automatique

Livré par versions.

La version 1 ouvre le 15 mai 2025. Le partage en famille et les tags arrivent le 28 mai. La lecture automatique des factures suit le 12 juin. Chaque version est annoncée sur la page des nouveautés.

Page des nouveautés : la mise à jour du 12 juin 2025 qui ajoute la lecture automatique des factures
Les nouveautés sur téléphone : le titre de la page puis la mise à jour du 12 juin 2025

Accompagné dès le premier jour.

Des tutoriels vidéo guident les premiers pas, de la création du compte aux raccourcis clavier. Les premiers avis publiés sur l'accueil viennent de proches et de professionnels : une grand-mère, un menuisier, un expert-comptable.

  • Page des tutoriels : la vidéo la plus regardée montre comment créer son compte en 2 minutes
    Les tutoriels

La charte

Les trois couleurs du logo posées sur les gris de Tailwind. Le texte prend la police de l'appareil.

  • Framboise #e62c5a Le logo
  • Ciel #6ab7f0 Le logo
  • Indigo #585fb1 Le logo, là où ses deux formes se croisent
  • Violet #ad46ff Le bouton « Ajouter une facture »
  • Ardoise #1e2939 Les boutons du site
  • Encre #101828 Les titres
  • Brume #f9fafb Le fond des pages