Paille

Introduction

Comment transformer une corvée administrative en une expérience fluide et écologique ? 96 heures pour créer une marque de Fintech et son site vitrine de A à Z.

Mon rôle
Client
planning
Outils utilisés
Product designer & développeur Webflow
Hetic, projet d'étude
Mai 2024
Figma
Webflow
Client-first

Le problème : la jungle des paiements et le fléau du papier

Aujourd'hui, on multiplie les comptes et les cartes, ce qui rend le suivi financier illisible. Mais le vrai "point de douleur", c'est le ticket de caisse. C'est une source de pollution majeure et un enfer logistique : on les perd, l'encre s'efface, et les comptabiliser en fin de mois est une tâche chronophage.

Le défi : Créer un service de confiance qui rend la finance "légère" et qui prouve sa valeur en moins de 5 secondes sur une Landing Page.

Point de départ

L'argent reste le premier facteur de tension dans les groupes. Entre celui qui oublie de noter, celui qui n'a jamais de monnaie et celui qui attend son virement depuis trois semaines, la charge mentale est énorme.

Le constat est simple : Le problème n'est pas de savoir ce qu'on doit, c'est de devoir le réclamer et d'attendre de le recevoir.

Les solutions actuelles (Lydia, Revolut, Tricount) obligent toujours quelqu'un à avancer les fonds. Nous avons voulu supprimer cette étape : avec Moni, on ne se rembourse plus, on ne doit plus rien, car l'argent est déjà là, sur un compte partagé.

Phases du projet

🎨 Branding & Identité Visuelle

Conception d'un univers graphique rassurant et moderne (Logo, charte, iconographie) pour instaurer une confiance immédiate, pilier de toute Fintech.

⚙️ Développement Webflow

Intégration pixel-perfect de la Landing Page en utilisant des structures propres (Client-First) pour garantir la maintenance du site.

🎢 Interactions

Optimisation totale de l'expérience sur mobile, là où 80% des utilisateurs de Fintech consultent leurs comptes.

📱 Responsive Design

Développement technique de la logique métier, des variables d’état et des flux de navigation pour transformer les maquettes en un onboarding 100% fonctionnel.

⚡ Design Sprint & Agilité

Capacité à prendre des décisions de design rapides et justifiées pour respecter la deadline ultra-serrée de 4 jours.

Résultat final

Designer pour convaincre (vite).

Dans un sprint de 4 jours, on n'a pas le droit à l'erreur. Mon focus a été de traduire la complexité technique de l'agrégation de données en une interface simple et épurée.

Le travail sur les micro-interactions sur Webflow n'était pas qu'esthétique : il servait à guider l'œil de l'utilisateur vers notre fonctionnalité phare : la centralisation automatique des reçus. Chaque scroll doit raconter une étape de la simplification de la vie de l'utilisateur.

Mon travail a consisté à transformer cet interrogatoire administratif en une conversation fluide grâce à une segmentation claire, des barres de progression motivantes et une réassurance visuelle constante.

Du concept au site live en 96h.

L'aboutissement de ce sprint est une Landing Page Webflow totalement fonctionnelle, responsive et animée, conçue pour confronter immédiatement notre vision à la réalité du terrain.

Avec un nom court et percutant comme Paille, nous avons pris le parti d’un univers coloré et d'un ton volontairement décalé, tranchant radicalement avec les codes austères et parfois froids de la banque traditionnelle.

Cette approche humaine et pleine d'humour a porté ses fruits : lors des tests, les utilisateurs ont saisi la double proposition de valeur de manière quasi instantanée. Techniquement, le site ne se contente pas d'être esthétique ; il est fluide, optimisé pour le SEO et structurellement prêt pour un lancement marketing à grande échelle.

Ce projet a été un véritable marathon créatif. Il m'a prouvé qu'avec une méthodologie rigoureuse, on peut passer d'une idée abstraite à un produit testable en un temps record.

Maîtriser Webflow en complément du design me permet aujourd'hui d'être totalement autonome : de la première esquisse du logo jusqu'à la mise en ligne finale, sans perte de qualité entre la maquette et le code.

No items found.