Foliumi - MVP application portfolio photographes
MVP Nuxt pour Foliumi : application permettant aux photographes de partager leurs portfolios et recevoir des avis d'experts.
Développeur web & SEO
Foliumi : Plateforme d'avis entre photographes
Foliumi est un projet d'application web pour photographes développé par Bruno, lui-même photographe professionnel. L'idée est de créer une plateforme permettant aux photographes de présenter leur portfolio à des pairs du monde entier et de recevoir des avis d'experts dans leur style photographique.
Le concept : Né d'un besoin réel
En tant que photographe, Bruno a identifié un problème récurrent dans la communauté photographique. Les photographes ont besoin de relectures de portfolio par des pairs experts pour progresser, affiner leur vision artistique et identifier leurs points d'amélioration. Mais trouver les bons relecteurs est difficile : tous les photographes ne sont pas compétents dans tous les styles (portrait, paysage, street photography, macro, etc.).
Le double problème que Bruno a observé :
Pour les photographes cherchant des retours : Comment trouver des photographes experts dans leur style spécifique qui acceptent de relire leur portfolio avec un œil professionnel et constructif ? Les groupes Facebook et forums sont saturés de demandes et les retours sont souvent superficiels ou peu qualifiés.
Pour les photographes relecteurs : Comment trouver des portfolios intéressants à relire dans leur domaine d'expertise ? Beaucoup de photographes expérimentés aimeraient partager leur expérience et aider des pairs à progresser, mais ne savent pas où trouver ces opportunités de manière structurée.
La solution Foliumi
Imaginez un réseau social spécialisé où les photographes peuvent partager leur travail, non pas auprès du grand public, mais auprès d'autres photographes professionnels qui peuvent donner des retours constructifs et experts sur leur style, leur technique et leur vision artistique.
Foliumi connecte les photographes cherchant des relecteurs experts avec les relecteurs cherchant des portfolios à commenter avec leur œil professionnel. C'est une marketplace de retours photographiques où chacun trouve ce qu'il cherche.
L'objectif : Y Combinator
Bruno travaillait sur ce projet pour présenter un MVP (Minimum Viable Product) au batch de Y Combinator, le célèbre accélérateur de startups qui a vu naître Airbnb, Dropbox, Stripe et des centaines d'autres licornes. Pour être accepté à Y Combinator, il fallait un prototype fonctionnel qui démontre le concept et le potentiel de la plateforme.
Le besoin : Un MVP rapide à présenter
Qu'est-ce qu'un MVP ?
Un MVP (Minimum Viable Product) est une version minimale d'un produit qui fonctionne suffisamment pour tester l'idée auprès des utilisateurs. Ce n'est pas la version finale avec toutes les fonctionnalités, mais un prototype qui permet de valider le concept, récolter des retours utilisateurs, et itérer rapidement.
Pour Bruno, l'objectif était clair : créer une landing page présentant Foliumi et une version bêta fonctionnelle qui démontre le potentiel de l'application aux investisseurs de Y Combinator.
La stratégie : Prototype puis itérations
L'approche était de créer une version bêta de la landing page pour permettre à Bruno de travailler sur sa communication et d'avancer sur le projet. L'idée pour la v1 était d'utiliser une version adaptée d'Excalidraw (outil de dessin collaboratif) pour le partage de portfolios, puis de récolter un maximum de retours d'utilisateurs photographes, et d'itérer rapidement en fonction des feedbacks pour améliorer le produit.
Le défi : Créer rapidement un MVP fonctionnel avec Nuxt pour démontrer le concept de Foliumi, tout en gardant une architecture qui permette d'itérer rapidement selon les retours utilisateurs.
La solution : De la maquette Figma au MVP
Phase de conception avec Figma
Avant de développer, nous avons d'abord travaillé sur une maquette avec Figma pour définir l'identité visuelle et l'expérience utilisateur de Foliumi. Cette étape de conception a été essentielle pour créer une application cohérente qui parle vraiment aux photographes.
Choix des couleurs : Nuances familières
Les nuances de gris ont été choisies comme base de l'interface car les photographes sont très familiers avec ces tons neutres qui rappellent le noir et blanc photographique classique. Ces teintes permettent aussi de mettre en valeur les photos sans créer de compétition visuelle avec le contenu.
Pour les couleurs d'accentuation, nous avons choisi un rouge profond #990034 et sa complémentaire, un vert émeraude #009965 . Ces couleurs complémentaires créent un contraste visuel fort pour attirer l'attention sur les éléments importants (boutons d'action, notifications, badges) tout en restant sophistiquées.
Typographie minimaliste : Sans-serif sobre
Concernant la police, nous avons choisi une typographie sans-serif sobre dans l'esprit du Swiss Design. L'idée était de ne pas créer de distraction visuelle et de mettre les photos en valeur. Une typographie simple et lisible garantit que l'attention des utilisateurs reste focalisée sur les portfolios photographiques et le call-to-action, sans fioritures inutiles.
Design minimaliste inspiré du Swiss Style
Au niveau de l'interface, nous avons adopté une approche minimaliste moderne inspirée du Swiss Design (International Style). Ce choix de design s'articule autour de plusieurs principes forts.
Épuré et monochrome
Très peu de couleurs, pas d'effets 3D ni de dégradés. Un design flat et clean qui laisse respirer le contenu.
Espace blanc généreux
Beaucoup d'espace blanc (white space) pour une interface airy qui ne surcharge pas l'œil du visiteur.
Grilles strictes
Structure en colonnes nettes avec un système de grille rigoureux, héritage du graphisme suisse. Modern grid-based layout.
Orientée conversion
Mise en avant du texte et des call-to-action pour une landing page SaaS/tech centrée sur la conversion (waitlist).
Ce style s'inscrit dans ce qu'on appelle le Minimalist Web Design avec une esthétique wireframe-like : le visuel est sobre, structuré, et presque éditorial. Parfait pour des landings de produits tech où l'objectif est de communiquer clairement sans distractions visuelles.
Swiss Design appliqué au web : Le Swiss Style (International Typographic Style) né dans les années 1950 privilégie la grille, les alignements stricts, la typographie sans-serif, et la hiérarchie visuelle claire. Appliqué au web moderne, cela donne des interfaces extrêmement lisibles et professionnelles, parfaites pour des startups tech qui veulent inspirer confiance.
Cette approche crée une identité visuelle unique qui se démarque des interfaces ultra-modernes saturées de gradients, d'animations, et d'effets 3D. Foliumi adopte une attitude éditoriale et centrée sur le texte, permettant aux photographes de comprendre immédiatement la proposition de valeur sans être distraits par des effets visuels superflus.
Réflexion UX approfondie
Il y a eu une réflexion importante sur l'expérience utilisateur pour garantir que l'application soit intuitive pour les photographes. Chaque élément de l'interface a été pensé pour faciliter le partage de portfolio, encourager les retours constructifs entre pairs, et rendre l'expérience agréable sans friction. L'objectif était qu'un photographe comprenne immédiatement comment utiliser Foliumi sans documentation.
Design centré utilisateur : La maquette Figma a permis de valider l'identité visuelle et l'UX avant le développement, évitant des allers-retours coûteux. Un temps investi dans le design, c'est du temps gagné sur le développement.
Le développement : Stack moderne avec Nuxt
Technologies choisies
J'ai développé le MVP de Foliumi avec une stack Nuxt moderne et complète.
Nuxt
Framework Vue.js pour créer une application web performante et bien référencée
Nuxt SEO
Optimisation automatique du référencement pour être trouvé par les photographes
Nuxt Icon
Accès à +200 000 icônes pour enrichir l'interface
Nuxt UI Pro
Composants premium pour une interface professionnelle et moderne
Nuxt Content
Gestion du contenu en Markdown pour la landing page et la documentation
Vue.js
Framework JavaScript pour une interface réactive et fluide
Pourquoi ces choix technologiques ?
Nuxt comme foundation garantit une application rapide avec rendu côté serveur (SSR) pour un excellent SEO, permettant aux photographes de trouver facilement Foliumi sur Google. Nuxt UI Pro offre des composants élégants prêts à l'emploi pour créer rapidement une interface professionnelle sans partir de zéro. Nuxt Content permet de gérer facilement le contenu de la landing page en Markdown, facilitant les mises à jour. Nuxt SEO automatise complètement le référencement (sitemap, meta tags, schema.org) sans configuration manuelle. Nuxt Icon enrichit l'interface avec des icônes modernes pour une meilleure expérience utilisateur.
Stack MVP optimale : Cette stack permet de développer rapidement un MVP professionnel tout en gardant la flexibilité d'itérer facilement. Parfait pour un projet qui vise Y Combinator où la vitesse et la qualité sont critiques.
L'approche MVP : Itérer rapidement
Version bêta de la landing page
La première étape était de créer une landing page qui présente clairement le concept de Foliumi, explique la proposition de valeur pour les photographes, et permet de collecter des inscriptions pour la bêta.
Cette landing page permet à Bruno de travailler sur sa communication, tester différents messages auprès de photographes, et affiner son positionnement avant le développement complet de la plateforme.
Excalidraw adapté pour la v1
Pour la v1 du produit, l'idée était d'utiliser une version adaptée d'Excalidraw, un outil de dessin collaboratif open-source. Cette approche permet de créer rapidement une interface de partage de portfolio sans développer tout de zéro, d'avoir une interface intuitive que les photographes comprennent immédiatement, et de se concentrer sur la mécanique d'avis entre pairs plutôt que sur la complexité technique.
Récolter des retours et itérer
La philosophie MVP consiste à récolter un maximum de retours d'utilisateurs réels dès que possible. Bruno peut montrer le prototype à des photographes, comprendre ce qui fonctionne et ce qui doit être amélioré, identifier les fonctionnalités vraiment essentielles, et itérer rapidement en fonction des feedbacks pour améliorer le produit avant d'investir dans des développements lourds.
Lean Startup : Cette approche s'inspire de la méthodologie Lean Startup : construire rapidement, mesurer les retours, apprendre et ajuster. Parfait pour un projet qui vise Y Combinator où la capacité d'itération rapide est un atout majeur.
Les bénéfices du MVP
Le MVP développé pour Foliumi a permis à Bruno d'obtenir plusieurs avantages concrets.
Prototype fonctionnel
Une application web qui démontre le concept de Foliumi de manière tangible
Présentation Y Combinator
Un MVP concret à montrer lors de la candidature à l'accélérateur
Communication clarifiée
Landing page pour tester et affiner le message auprès des photographes
Retours utilisateurs
Capacité de récolter des feedbacks réels de photographes
Validation du concept
Tester l'intérêt réel avant d'investir dans le développement complet
Itération rapide
Architecture Nuxt qui permet d'ajuster facilement selon les retours
L'aventure entrepreneuriale
Ce projet illustre l'importance d'un MVP bien conçu pour valider une idée de startup. Bruno ne s'est pas lancé dans le développement d'une plateforme complète complexe sans savoir si le concept intéressait vraiment les photographes. Il a d'abord créé un prototype pour tester, apprendre et s'adapter.
La stack Nuxt moderne permet justement cette agilité : développement rapide, qualité professionnelle, et capacité d'évolution sans tout réécrire. Parfait pour un projet entrepreneurial où la vitesse et l'adaptabilité sont essentielles.
MVP et validation : Un bon MVP n'est pas une version cheap du produit final, c'est une version intelligemment simplifiée qui permet de valider les hypothèses critiques rapidement. Foliumi démontre parfaitement cette approche.
Découvrir le projet : www.foliumi.com
Crédits images : Maquette Figma fournie par foliumi.com, photo de Garry Tan et Sam Altman fournie par Y Combinator.
Articles connexes : MVP : valider votre idée rapidement • Nuxt : framework Vue.js performant • Figma : maquetter votre MVP • Nuxt SEO : automatiser votre référencement • Nuxt UI Pro : composants premium • Nuxt Content : CMS Markdown • Nuxt Icon : bibliothèque d'icônes • Vue.js : framework JavaScript
