VIN — stratégie et design produit pour une app de networking à Dubaï

01Contexte

Les événements ne sont pas le produit. Les connexions, si.

VIN est une plateforme de networking centrée sur les connexions pour la communauté professionnelle de la ville. Une app d’événements classique se lit ainsi : parcourir des événements, puis peut-être se connecter, le succès se mesurant en billets vendus. VIN se lit ainsi : fixer un objectif de connexion, recevoir un parcours d’événements suggéré par l’IA, y assister, puis enregistrer la connexion.

L’étoile polaire du brief est le Connection Logging Rate, avec un objectif de 40 % ou plus — explicitement pas la participation, ni les ouvertures de l’app, ni les vues de profil. C’est Dubaï qui explique ce fonctionnement : un fort renouvellement des expatriés, et un networking qui passe par l’activité — clubs de course, padel, vélo — plutôt que par les salles de conférence.

Les événements ne sont pas le produit. Les connexions sont le produit. Les événements sont le moyen.
— Brief produit de VIN

02Problème

Ni une app d’événements de plus, ni un manuel de casino.

Les apps de découverte d’événements optimisent la vente de billets : elles réussissent donc, que l’événement ait débouché sur quelque chose ou non. Les plateformes sociales optimisent le temps passé, en important le défilement infini et les métriques de vanité. Les deux ont la mauvaise forme pour quelqu’un qui s’est installé à Dubaï il y a trois mois et a besoin de cinq conversations utiles.

L’anti-définition que se donne le produit est sans détour : ni une app de découverte d’événements de plus, ni une plateforme sociale, ni une app de rencontres, ni un service de matchmaking, ni un système de billetterie.

03Contraintes

Neuf règles non négociables, avant le moindre écran.

Plusieurs mécaniques d’engagement qui fonctionnent ailleurs sont culturellement inadaptées ici — dont les classements publics et le cadrage compétitif. Le brief comporte une longue section sur les considérations culturelles propres à Dubaï : la programmation pendant le Ramadan, les dynamiques de genre, l’alcool, la prise en charge de l’arabe en RTL, et un lancement culturel en trois phases, du professionnel expatrié aux expatriés au sens large, puis à l’intégration émiratie.

Le processus qui a produit VIN a ensuite été codifié en un protocole réutilisable de design et d’audit, avec neuf règles culturelles non négociables pour Dubaï et un tableau verrouillé de décisions de design délibérées, chacune avec sa propre justification.

04Mon rôle

Mon rôle

Design produit et stratégie, aux côtés d’une équipe de développement distincte qui a construit et livré l’app en service et le panneau d’administration.

Responsable

Le brief produit, l’inventaire des problèmes et le modèle de KPI
L’UI mobile et son design system
L’architecture de marque et de nommage
La couche B2B des lieux et ses textes de mise sur le marché
Une revue QA de l’app construite et un passage en revue fonctionnel du panneau d’administration

Coresponsable

Collaboration

Une équipe de développement distincte qui a construit et livré l’app en service et le panneau d’administration sur admin.viwin.link

Le brief documente en détail le travail de design et de stratégie ; il ne précise pas la répartition exacte des décisions d’implémentation avec l’équipe de développement, si bien que la paternité revendiquée ici se limite à ce qui est documenté.

Six couches, chacune produisant un livrable repris par la suivante.

01
Brief3 716 lignes : philosophie, trois personas nommées, sept parcours clés, dix principes de design
02
Inventaire57 problèmes répartis sur cinq niveaux de difficulté, un classeur de 8 feuilles

Le fil d’accueil de VIN : un en-tête de salutation, des meetups recommandés en cartes deux par deux avec l’heure de début composée en grands caractères phosphorescents, des puces de catégorie, des personnes que vous connaissez peut-être et une section carte

L’onglet Tickets : les meetups qu’un membre a rejoints, chaque ligne indiquant l’heure, l’activité et le nombre de participants

05Feuille de route

La feuille de route est partie d’une liste de 57 problèmes.

Avant de planifier le moindre sprint, chaque problème que le produit allait rencontrer est entré dans un inventaire : 57 au total, chacun classé selon l’endroit où il se situe — participants, organisateurs, plateforme ou modèle propre à VIN. Chaque problème indique les fonctionnalités qui pourraient le résoudre et un KPI avec une cible. Il est ensuite rangé dans l’un des cinq niveaux selon l’effort, des gains rapides qui prennent quelques jours aux tensions de fond, que l’on gère sans jamais les résoudre.

Le kit de KPI définit ces chiffres une seule fois. Chacun de ses 20 KPI a une formule simple, les segments selon lesquels le ventiler et un statut de suivi : une étoile polaire, douze leviers et sept garde-fous qui surveillent les dégâts que la croissance peut causer. Seuls six étaient mesurables dès le premier jour. L’ordre du travail découle ensuite des niveaux, dans les quatre phases ci-dessous.

Chaque ligne de la feuille de route est un problème associé à un chiffre, pour que l’équipe sache quand il est résolu.

L’ordre du travail, d’après la feuille de synthèse de l’inventaire

01
Sprints 1–2Les huit gains rapides : de petites corrections qui retirent les frictions évidentes
02
Sprints 3–5Enregistrement des connexions, positionnement et première visite : ce qu’est VIN pour un nouvel utilisateur

Les deux classeurs derrière la feuille de route

Inventaire des problèmes
57 problèmes répartis en cinq niveaux, chacun avec les fonctionnalités qui pourraient le résoudre et une cible de KPI. Huit feuilles, dont la dernière résume l’ordre du travail.
XLSX · 39 koTélécharger Inventaire des problèmes
Kit de démarrage KPI
20 KPI avec formules, segments et statut de suivi, plus des modèles pour un tableau de bord, un arbre de métriques, et les valeurs de référence et cibles.
XLSX · 20 koTélécharger Kit de démarrage KPI

06Approche

Onze sections, 126 écrans, un système documenté.

Un seul canevas App contient tout le produit — 17 589 nœuds répartis sur 11 sections Figma : Profile (32 écrans), Meet up Detail (33, dont quatre variantes d’annulation), Chat (15), le Final Wizard (11), VIN Business (8, la couche B2B des lieux), Home (7) et cinq parcours plus petits.

Le design system repose sur #1d2b3b avec un accent phosphorescent #daed00 et Hurme Geometric Sans 3 — 21 styles typographiques nommés et un système de rayons délibéré : cartes à 20px, CTA en pilule à 48px, puces de catégorie à 30px, barre d’onglets à 32px. Les cartes sont réellement pilotées par des variantes, et non dupliquées pour chaque état.

La page couleurs du design system de VIN : la gamme de l’accent phosphorescent à côté des gammes gris, olive, vert, rouge, orange, bleu-violet, violet, bleu et rose, chacune en onze nuances

La page typographie de VIN : Hurme Geometric Sans 3 déclinée en 21 styles nommés — titres, sous-titres, texte courant et texte de bouton, chacun avec sa graisse, sa taille et son interlignage

L’état hors ligne : « No Internet Connection — VIN needs internet to work. » La barre d’onglets reste en place, de sorte que l’app ne perd jamais son cadre

L’état de chat vide : « There is no message » sous un segment Meetups, avec une invitation à rejoindre un meetup

07Solution

La thèse tient dans le premier écran du parcours le plus utilisé.

La création d’un meetup s’ouvre comme une conversation, pas comme un formulaire : « Hi Sina, what is your goal of Create a Meet up? » — avec quatre intentions, la quatrième étant une porte de sortie honnête pour ceux qui ne veulent pas du tout de la couche stratégique : rencontrer de nouvelles personnes, analyser mon réseau, renforcer des liens existants, ou simplement faire une activité.

Derrière se trouvent quatre modes d’entrée sous forme de contrôle segmenté — Chat, Interest, Discovery, Recent — et une zone de saisie intitulée « Create a Meetup with AI ».

La quatrième option — « just want to do an activity » — c’est le produit qui se montre honnête envers les utilisateurs qui ne veulent pas de sa thèse.

L’ouverture de la création d’un meetup dans VIN : une bulle de chat qui demande le but du meetup, avec quatre puces d’intention, dont une porte de sortie honnête : « just want to do an activity » — Figure 05La création d’un meetup — le parcours qu’un organisateur utilise le plus — commence par demander à quoi sert le meetup. La thèse du produit, posée comme la première question à laquelle chacun répond.

08Décisions clés

Décisions clés

01
Retirer « Meetup » et « Event » du vocabulaire
VIN est la plateforme ; Meet est l’action — une règle d’usage fixe (« Rejoindre un VIN Meet », jamais « Télécharger l’app VIN Meet ») pour que cinq verticales prévues (VIN Party, VIN Challenge, VIN Business Walk, VIN Retreat) n’imposent jamais de changement de nom.
Alternatives
Une suggestion plus souple dans le guide de style, laissée à l’appréciation de chaque rédacteur.
Compromis
Le verrouillage donne du mordant à l’architecture — mais le fichier lui-même emploie encore « Meetup » et « Event » partout, jusque dans les noms de ses propres sections ; une décision verrouillée a encore besoin d’une passe de migration pour devenir réelle.
Preuves
Document d’architecture de marque, daté d’après le travail d’UI
02
Pas de classements publics, pas de cadrage compétitif
Les classements publics et l’affichage compétitif sont perçus comme culturellement déplacés sur ce marché.
Alternatives
Un classement public des hôtes ou des participants, le levier d’engagement habituel des apps de sport et d’événements.
Compromis
Supprime un levier d’engagement éprouvé, remplacé par une mise en relation choisie avec soin et des objectifs de connexion.

09Solution

La couche des lieux est le modèle économique, pas une landing page.

La section VIN Business déroule un tunnel partenaire en quatre étapes — référencer son lieu, être mis en relation, accueillir et activer, mesurer et grandir — et elle est réellement biface : les hôtes peuvent enchérir pour un lieu via un parcours « Be my sponsor », avec une enchère suggérée et un indicateur de juste prix, tandis que les lieux examinent des demandes qualifiées plutôt qu’un trafic aléatoire.

Le discours aux lieux est sans détour : « Les places vides ne sont pas un problème de marketing — c’est un problème de demande prévisible. » La page porte même une mention légale qui présente les chiffres de performance comme indicatifs, non garantis, fondés sur des données pilotes.

Le tunnel des lieux, en quatre étapes.

01
RéférencerPrésentez votre espace en deux minutes : emplacement, capacité, heures pleines et creuses, public cible
02
AssocierVIN propose des groupes de meetup pertinents selon le quartier, le créneau et l’adéquation avec le public

La page d’un lieu partenaire dans VIN : photo de couverture et type de lieu, une description d’une ligne, les meetups qu’il sponsorise, son emplacement et sa distance, une galerie et un bouton « Be my sponsor » en bas. Le lieu est une vraie chaîne de cafés utilisée comme contenu provisoire

La demande « Be my sponsor » qu’un organisateur envoie à un lieu : taille d’audience attendue, date et heure souhaitées, type d’activité, type de sponsoring, ce que le lieu obtient en retour, et un argumentaire en texte libre au-dessus d’un bouton Submit Request

10Résultat

Construit, pas seulement dessiné — et audité à l’aune de ses propres promesses.

Le design a été construit et l’app est en ligne. Avant le lancement, une revue QA datée recensait de vrais bugs d’implémentation dans l’app qui tournait — une API de favoris qui échoue, des écrans qui ne se rechargent pas au retour du focus, une impasse dans la navigation arrière, un état « requested » périmé après qu’un hôte a refusé une demande d’adhésion privée. Un scan fonctionnel du panneau d’administration en production a couvert huit routes, avec une couverture de découverte d’environ 85–90 %, en s’arrêtant volontairement avant tout test destructif sur les données de production.

Mais l’écran d’onboarding fait quatre promesses, et le fichier en conçoit deux. Sur les 17 589 nœuds, aucun ne contient le mot « path » et aucun ne contient « log » — pas d’écran de définition d’objectifs, pas de parcours IA, pas d’interface d’enregistrement des connexions.

La première diapositive d’onboarding de VIN, « Meet Through Movement » : « Forget awkward networking events. Connect with professionals who share your passion for running, padel, yoga, or cycling. »

« Meetup Attended » — l’écran qu’un membre voit à la fin d’un meetup : douze personnes, chacune avec un nom et une ligne de secteur, et rien qui indique si vous en avez réellement rencontré une

11Écrans

Tous les écrans du fichier, parcours par parcours.

La page App du fichier Figma contient 138 cadres de téléphone répartis en onze sections. Douze sont des copies exactes — le parcours des lieux reprend tout l’assistant de création de meetup, et un écran de modification figure deux fois —, il reste donc 126 écrans. Ils sont tous ci-dessous, dans l’ordre où on les rencontre : entrer, trouver un meetup, le rejoindre ou l’organiser, en parler, puis le profil, qui rassemble le reste.

Dix cadres ont demandé du soin pour être montrés. Six sont à 10 % d’opacité dans le fichier et quatre sous un calque posé sur le canevas : chacun a donc été rendu seul, à pleine intensité. L’e-mail du compte d’exemple est pixellisé et sa photo de profil floutée ; les écrans des lieux portent encore la marque d’une vraie chaîne de cafés comme contenu provisoire.

Écran de l’app VIN — Onboarding : Se rencontrer en bougeant

Écran de l’app VIN — Onboarding : Qui vous voulez rencontrer

12Lancement

Une histoire en sept visuels, à chaque format exigé par les stores.

VIN est en ligne sous le nom VIN.meet sur l’App Store et Google Play. La plupart des gens découvrent une app par ses captures sur le store avant de l’ouvrir : les captures conçues pour sa fiche racontent donc une seule histoire en sept visuels. Chaque visuel porte une affirmation et montre l’écran qui la soutient, dans le bleu marine et le vert citron de l’app : rencontrer des gens par le sport, une communauté de dix mille personnes, ceux qu’on n’a pas encore croisés, un meetup créé avec l’IA, les personnes derrière chaque meetup, les amis qu’on invite, et la carte qui les trouve.

Les sept visuels ont ensuite été recomposés pour chaque format demandé par les stores : iPhone en portrait et en paysage en 6,5 et 6,7 pouces, plus les formats portrait et 1024 × 500 de Google Play. Cela fait 42 visuels pour une seule histoire, et aucun n’est un recadrage. Le même style se prolonge dans une couverture de meetup à partager hors de l’app et dans un jeu d’icônes 3D pour la charte de marque de VIN, au vert citron vitré de l’icône de l’app.

Les pages de VIN sur les stores au 7 octobre 2026 : plus de 10 000 installations sur Google Play, notées 4,7, et 4,9 sur l’App Store des Émirats.

Capture App Store 1 sur 7 : « Meet the like-minded people through sport. Enjoy the workout! » au-dessus d’un téléphone affichant la page d’un meetup de course.

Capture App Store 2 sur 7 : « Trusted by 10 thousand people. You're driven. You're capable. But your social circle hasn't discovered you yet. » au-dessus d’un téléphone affichant l’accueil.

Capture Google Play en paysage : « Meet the like-minded people through sport » à côté d’un téléphone affichant la page d’un meetup de course.

Capture Google Play en paysage : « Stop waiting for the perfect meetup. Create it with AI. » à côté du parcours de création.

Figure 12Une couverture pour partager un meetup hors de l’app, faite des cartes de l’app elle-même : le lieu, l’hôte, l’heure, la date et un bouton pour rejoindre.

Meet (argent)

Meet

13Résultats

Résultats

Ce sont des livrables de design et d’audit. Les chiffres d’usage de l’app appartiennent à VIN : plus de 10 000 installations sur Google Play en octobre 2026.

écrans livrés sous forme de spécification: 126; Sur 11 sections Figma, avec un design system de 12 groupes et 221 composants; Résultat mesuré · Audit du fichier Figma
problèmes inventoriés: 57; Répartis sur cinq niveaux de difficulté, chacun avec un KPI de rattachement et une note de difficulté; Résultat mesuré · Classeur de l’inventaire des problèmes
promesses d’onboarding dotées d’un écran correspondant: 2 of 4; Les écrans de définition d’objectifs et d’enregistrement des connexions dont dépend la thèse n’existent pas dans le fichier; Résultat mesuré · Audit du fichier de 17 589 nœuds
Une passe QA datée et honnête avant le lancement: Revue du 8 février des vrais bugs de l’app en fonctionnement, plus un scan fonctionnel du panneau d’administration couvrant 85–90 %, arrêté avant les tests destructifs; Livrable · Revue QA + scan fonctionnel de l’administration

Ce qui a été livré

Brief produit (3 716 lignes)
Inventaire de 57 problèmes + dictionnaire de 20 KPI (classeurs de 8 et 4 onglets)

14Ce que j’ai appris

Ce que j’ai appris

01
Une étoile du Nord difficile à faire bouger est une contrainte de design, pas un choix de métrique
Le Connection Logging Rate ne peut pas être gonflé par une notification ou un meilleur fil — il ne bouge que si le produit a réellement créé une connexion qui mérite d’être enregistrée. Ce seul choix a écarté l’essentiel de la boîte à outils habituelle de l’engagement, et c’est ce qui a rendu le reste du design cohérent.
02
Le travail en amont peut ressembler à un progrès que des écrans auraient mis à l’épreuve
Le brief a été écrit, 57 problèmes inventoriés, 20 KPI définis, 126 écrans dessinés — et les deux fonctionnalités dont dépend toute la thèse n’ont toujours pas de frame, alors que l’une a déjà un objectif de 60 %. Une frame sommaire et laide de la boucle de l’objectif à l’enregistrement dès la première semaine aurait fait émerger plus tôt la question difficile.
03
Le non négociable survit aux débats auxquels le consultatif ne survit pas
« Pas de classements publics », en tant que recommandation, perd le premier débat qu’il a avec une idée de croissance ; formulé comme une contrainte verrouillée assortie d’une raison explicite, il tient. La même technique appliquée au vocabulaire — déclarer « Meetup » et « Event » abandonnés plutôt que déconseillés — donne du mordant à l’architecture de marque, même si le fichier montre qu’une décision verrouillée a encore besoin d’une passe de migration pour devenir réelle.
04
Concevoir la couche de revenus comme un produit change le brief côté consommateur
Dès lors que les lieux sont associés à des groupes et que les hôtes enchérissent pour un sponsoring, les « couverts en heures creuses » deviennent une vraie contrainte de planning, de taille de groupe et de mix de catégories — un brief bien plus précis que « aider les gens à réseauter ».

Langue

VIN — networking centré sur la connexion pour Dubaï