Lunera

Rendre la finance claire et rassurante.

Lunera est une application de gestion financière. Son site devait faire comprendre des fonctions techniques en quelques secondes et inspirer confiance dès le premier écran : un design lumineux, des chiffres lisibles et un parcours qui mène naturellement à l'inscription.

Type
Plateforme SaaS & FinTech
Année
2026
Mon rôle
Webdesign, design visuel et SEO
Réalisé avec
Framer
Accueil de Lunera : « Suivez chaque euro, boostez chaque investissement » et un téléphone avec une carte bancaire.

01Le point de départ

Une application puissante, un site qui doit rassurer

Quand on parle d'argent, la confiance passe avant tout. Lunera avait besoin d'un site à la hauteur de son application : capable de faire comprendre ses fonctions en quelques secondes, sans jargon, et de donner envie de s'inscrire.

  • Comprendre l'application dès le premier écran
  • Inspirer confiance avec un design clair
  • Expliquer chaque fonction sans jargon
  • Mener naturellement jusqu'à l'inscription

02La direction artistique

Un ciel clair, un bleu franc et des chiffres lisibles

Le ciel en arrière-plan et le bleu des boutons donnent une impression de calme et de sérieux. Beaucoup de blanc, des cartes aux angles doux et une seule typographie, la Geist, nette et moderne : les chiffres se lisent d'un coup d'œil.

Couleurs

  • Bleu Lunera#4686FE
  • Ciel#BADBF0
  • Brume#F4F4F4
  • Encre#1A1A1A

Typographies

  • Geist MediumTitres et chiffres
  • Geist RegularTextes
Section « Optimisez vos finances avec intelligence » de Lunera : des cartes avec de petits graphiques.
Des cartes et de petits graphiques : chaque fonction se comprend d'un coup d'œil.

03La structure

Expliquer avant de vendre

Le site suit le chemin d'un futur utilisateur : voir ce que fait l'application, vérifier qu'elle fonctionne avec ses outils, comprendre comment démarrer, choisir une offre, puis lever ses derniers doutes.

Section des intégrations de Lunera : les logos d'outils compatibles disposés en arc de cercle.
Les intégrations
Section « De la configuration à l'analyse en trois étapes simples », avec des cartes illustrées.
Les trois étapes
Section des tarifs de Lunera : trois offres, celle du milieu mise en avant en bleu.
Les offres
Section des questions fréquentes de Lunera, en accordéon.
Les questions fréquentes

04Le mobile

Toute la clarté, dans la poche

Sur téléphone, les cartes passent les unes sous les autres, les graphiques restent lisibles et les offres se comparent sans effort. Chaque bouton tombe sous le pouce.

Accueil de Lunera sur téléphone : l'accroche et le téléphone qui affiche une carte bancaire.
Première étape de Lunera sur téléphone : « Connectez vos comptes », avec une jauge bleue.
Offre Starter de Lunera sur téléphone.

Ils m'ont fait confiance

Ce projet vous inspire ?
Réservez un appel découverte gratuit.

Planifier un appel
Logo d'Ayoub Chouaf : un A stylisé noir.

AyoubChouaf

Appelez-moi