Yunoa : créer une application de rencontres de proximité avec Nuxt et Capacitor

Yunoa est une application mobile de rencontres que j’ai conçue et développée avec Nuxt et Capacitor. Son principe tient en une phrase : trouver les personnes proches de soi, les suivre, voir leurs publications, et permettre à chacun de passer son profil en privé pour demander un abonnement payant à ceux qui veulent y accéder.

C’est un projet produit, pas une mission client. Il me permet de travailler un sujet que l’on retrouve dans beaucoup de projets web et mobiles : un parcours social, de la donnée sensible (la position), et un modèle économique qui repose sur l’accès.

Cette étude de cas montre comment je transforme une idée produit en application cohérente : écrans, règles de confidentialité, monétisation et choix techniques.

Le besoin : rencontrer près de chez soi, sans tout exposer

Les applications de rencontres classiques mettent l’accent sur le tri rapide de profils. Yunoa part d’une autre entrée : la proximité, puis la relation dans la durée. On découvre des personnes autour de soi, on les suit, on suit leurs publications, et on échange par message.

Pour les personnes qui publient du contenu, une autre question se pose : comment réserver certaines publications à un public choisi ? D’où la bascule en profil privé, accessible sur abonnement.

Le produit tient donc sur trois axes.

Découvrir les profils proches

L’écran d’accueil, « Rencontres », affiche une grille de profils autour de l’utilisateur, avec le prénom, l’âge, la distance et la présence en ligne. Une grille de cartes visuelles permet de parcourir beaucoup de profils d’un coup d’œil, sans ouvrir chaque fiche.

La navigation reste volontairement courte : cinq entrées en bas d’écran (Rencontres, Feed, Recherche, Messages, Moi), pour que chaque usage ait sa place sans empiler les menus.

Rencontres : la grille des profils proches

Recherche par pseudo, avec filtres

La fiche profil : liker, suivre, écrire

Ouvrir un profil donne accès à trois actions, placées côte à côte et clairement hiérarchisées : liker, suivre, ou envoyer un message. Le message est l’action principale, mise en avant par la couleur.

La fiche affiche aussi la ville, une courte présentation, le nombre d’abonnés, d’abonnements et de publications, puis les intentions de la personne. Le suivi est ce qui relie la découverte au contenu : une fois qu’on suit quelqu’un, ses publications alimentent le fil.

Une fiche profil avec trois actions claires

Le profil privé : un modèle d’abonnement

C’est la fonctionnalité qui différencie Yunoa. Un membre peut convertir son profil en profil privé : son contenu n’est alors accessible qu’aux personnes qui s’abonnent et paient pour y accéder.

Ce choix change la nature du produit. Il ne s’agit plus seulement de mise en relation : un membre peut aussi monétiser sa présence, et ceux qui le suivent choisissent d’aller plus loin. Cela pose des questions concrètes à traiter dans le produit.

Sur un produit avec paiement, la règle que j’applique reste la même : ne pas réinventer la partie sensible. Le paiement et la facturation sont confiés à un prestataire dédié, et l’application se concentre sur les droits d’accès.

La position : une donnée sensible traitée avec soin

Une application de proximité repose sur la géolocalisation. C’est utile, mais c’est aussi la donnée la plus sensible du produit. Les réglages le montrent de façon explicite.

L’utilisateur peut activer ou désactiver l’usage de sa localisation. Lorsqu’il la désactive, son profil disparaît des résultats proches, il ne voit plus les profils autour de lui et ses coordonnées sont supprimées. Le texte l’explique avant que l’utilisateur ne décide.

Un bouton permet aussi d’actualiser sa position à la demande, plutôt que de la suivre en continu. Les réglages regroupent par ailleurs le compte et la confidentialité, les profils bloqués, les notifications et la sécurité.

Réglages : localisation, blocage, notifications, sécurité

Pourquoi Nuxt et Capacitor

Je voulais livrer une vraie application mobile sans maintenir deux bases de code natives. Nuxt et Capacitor répondent à ce besoin.

• Nuxt porte l’interface et la logique applicative, avec l’écosystème Vue que je maîtrise déjà sur mes autres projets.
• Capacitor empaquette l’application web en application iOS et Android, et donne accès aux fonctions du téléphone comme la géolocalisation ou les notifications.
• Tailwind CSS permet de garder une interface cohérente et rapide à faire évoluer, avec un thème sombre travaillé pour l’usage mobile.

L’avantage est surtout organisationnel : une seule équipe, une seule base de code, des évolutions livrées plus vite. Le compromis, c’est qu’il faut soigner les détails d’une application native : zones sûres, clavier, gestes de retour, performances de défilement.

Les choix qui comptent sur ce type de produit

Ce que le projet montre, c’est qu’une application mobile sociale ne se résume pas à une liste d’écrans. Il faut relier découverte, relation, contenu, règles d’accès et monétisation, tout en protégeant les données de chacun.

Ce que je retiens pour vos projets

Même si Yunoa est un produit personnel, les mêmes questions se posent sur une application métier ou un espace membre : quel est le parcours principal ? Quelles données sont sensibles ? Quelles fonctionnalités sont gratuites, lesquelles sont payantes ? Quelle stack permet de livrer sans se disperser ?

C’est la logique que j’applique quand je conçois un outil web ou mobile : partir de l’objectif business, puis choisir l’architecture qui le sert.