Product Designer
Mobile
Antoine GiryProduct designer passionné par les applications mobiles et cocréateur de OneMovie et Discover.
L’app all-in-one de recommandation ciné
Scope
- Branding
- Product Design
- Web Design
- Recherche UX
- Wireframing
- Design System
- Webflow
- Motion
- Design marketing
Passer 20 minutes sur Netflix à chercher le bon film à regarder, ce n’est pas normal.
Chaque année, on perd 110 heures à jongler sur les plateformes, pour chercher son film ou sa série à regarder. 5 jours.
C’est plus qu’il n’en faut pour regarder toutes les saisons de Friends.
Avec Olivier, on a imaginé l’app qu’il nous fallait : un compagnon qui connaît tes goûts et tes abonnements pour te recommander le bon film.
- +35 000
utilisateurs - 4,8/5 sur les
stores - 1,8 M titres vus
Le problème n’est pas de trouver, c’est de choisir.
Le catalogue n’a jamais été aussi grand, et c’est justement ça le souci : trop de choix tue le choix.
Alors on a repensé toute la soirée du vendredi.
Comment passer de “j’ai envie de regarder un truc” à “film lancé”, le plus vite possible et sans effort.
Notre solution : quelques swipes pour apprendre tes goûts, tes abonnements renseignés une seule fois, tu choisis ton mood, et c’est parti.
Sans OneMovie
26 min par session
- Soirée cinéVendredi, 21 h
- NetflixScroll sans fin
- Autres appsEncore du scroll
- Avis, bandes-annoncesOù le regarder ?
- AbandonOu revoir un film déjà vu
Avec OneMovie
Configuré une fois
- Soirée cinéVendredi, 21 h
- SwipeIl apprend tes goûts
- MoodUn filtre, un tap
- Tes sélectionsSur tes abonnements
- LectureOu ajout à la watchlist
User journey - même soirée, deux parcours.
Comment réduire la surcharge de choix ?
La phase de recherche a permis d’identifier 4 leviers.
L’app doit te connaître, et vite. Sans données, pas de bonne reco. Trop de questions, et on décroche. L’onboarding demande juste ce qu’il faut pour dessiner un profil.
User flow
Le bon film dépend de l’envie du moment. 75 % de nos sondés le confirment. Chaque recherche part donc d’une seule question : c’est quoi ton mood ?
Tu estimes que ton état d’esprit influence ton choix de film…
72 personnes sur 72 ont répondu à cette question.Questionnaire - 75 % des sondés confirment l’influence du mood
Le film doit être disponible. OneMovie croise le contenu de toutes les plateformes de streaming et s’occupe de filtrer en fonction de tes abonnements.
Moins de choix, meilleure décision. Pas de listes de 50 affiches : les recos arrivent une par une, pour assurer le focus de l’utilisateur.
Complétion de l’onboarding
Habiller une app compagnon ciné avec un style accessible et ludique.
OneMovie parle aux gens qui veulent juste un bon film ce soir. Pas aux membres d’un ciné-club réservé aux amateurs de Tarkovski.
La DA invite l’utilisateur à découvrir des films. Légèrement colorée, mais sans prendre trop de place, une touche de personnalité via la typo des titres, place au contenu.
La typo fait le discours. Druk, condensée, en capitales, de l’attitude : un clin d’œil aux titres des affiches de cinéma.
Le ton doit suivre. L’app se positionne comme un ami à côté de toi sur le canapé, à qui tu demanderais simplement « On regarde quoi ce soir ? ». Avec des réponses naturelles et amicales, sans tomber dans le jargon de la critique ciné.
Le reste s’efface. Peu de formes, peu d’effets, une couleur principale. La place est aux affiches, qui apportent la couleur.
OneMovie
- Druk Text Aa
Alors, on regarde quoi ce soir ?
SF Pro Text AaAjoute tes plateformes, dis-nous ce que tu aimes, choisis ton mood et laisse les recommandations faire le reste.
Native, simple, vivante et aérée.
Le mot d’ordre : agréable. Une app agréable, c’est une app qui respire, avec une hiérarchie claire où rien ne prend le dessus sur le contenu.
L’interface suit les Human Interface Guidelines d’Apple. En s’appuyant sur les composants natifs quand c’est pertinent, l’app suit chaque mise à jour du système (coucou Liquid Glass) en gardant les habitudes des utilisateurs.
Simple ≠ ennuyeux. Les animations et micro-interactions ajoutent de petits moments qui aident à transformer le choix d’un film en moment plaisant plutôt qu’en effort.
Conçu comme un système. Peu de ressources impliquent d’optimiser l’intégration des fonctionnalités. Olivier code toute l’app seul (et comme un chef) : un écran doit être facile à construire et encore plus facile à modifier.
Le fichier Figma fonctionne comme le code. Variables, composants, écrans. J’adapte le principe d’atomic design au projet, pour simplifier la passation design/dev.
Un concept validé mais une recherche qui ne s’arrête jamais.
L’application fonctionne, plaît et répond à un besoin ! Mais un produit vit et évolue de manière constante.
Côté qualitatif, des retours réguliers de notre communauté Instagram, de publications sur Reddit, de commentaires sur les stores...
Côté quantitatif, un suivi continu via Google Analytics, l’analyse de notre base de données ou les chiffres d’App Store Connect : complétion de l’onboarding, conversion vers l’offre payante, rétention, LTV, désinstallations...
Les feedbacks et les données guident en grande partie les décisions futures.
- 30 000 films et séries likés chaque mois
- 2 750 ajouts en watchlist chaque mois
- 70 % de complétion de l’onboarding
- 10 000 abonnés sur Instagram
Ce que trois ans sur la même app m’ont appris
D’abord, faire vivre une app sur la durée est plus délicat que de la lancer.
L’interface doit rester moderne, sans jamais perdre les users quotidiens. Ça ne tient que si le système est bien conçu et la passation fluide.
J’ai appris à shipper vite, écouter les retours, accepter les concessions, revenir en arrière, dire adieu à une idée (pourtant génialissime), et que les ressources d’un projet définissent la manière dont on doit prioriser.
Ensuite, la puissance des analytics. Puissants, mais sensibles. Un event mal configuré ou un chiffre mal lu entraîne de mauvaises décisions.
La précision dans le setup est aussi importante que de savoir lire les données.
Enfin, Jakob Nielsen (le roi) a dit “users are not designers, designers are not users”.
S’il faut toujours être à l’écoute de nos users, écouter son instinct est aussi indispensable (attention à ne pas laisser l’égo prendre le dessus).
Les utilisateurs ne sont pas toujours conscients de ce dont ils ont besoin. Je ne vais pas ressortir l’anecdote qu’on raconte sur Ford et les chevaux plus rapides, mais tester une idée qui nous passe par la tête peut être une bonne porte d’entrée vers une future amélioration inattendue.
En bref, l’apprentissage est constant, les déceptions aussi, et chaque petite victoire est importante.
Une application mobile pour rendre les gens heureux grâce à l’activité physique.
Scope
- Product Design
- Web Design
- Test utilisateur
- Recherche UX
- Wireframing
- Design System
- Design marketing
Redesign et rebranding complet
Tout a été pensé pour avoir une app plus moderne, fonctionnelle et simple d’utilisation, et toucher le public le plus large.
Le challenge Squadeasy s’est déroulé en 4 étapes : développement de la marque, refonte du site web, refonte de l’app mobile (UX & UI) et déclinaisons print & digital pour le marketing.
L’objectif principal : créer une application utilisable, moderne et scalable, prête à intégrer rapidement de nouvelles fonctionnalités, disponible en marque blanche et destinée à une cible B2B2C.
De façon itérative, nous sommes passés par les étapes suivantes :
audit UX, recherche UX (interviews, personas, benchmark), définition des fonctionnalités, user flow, prototype low-fi, test utilisateur, prototype high-fi, micro-interactions et Q&A.
Pendant une année entière, nous avons exploré, testé et dessiné des centaines d’écrans, et au final, notre produit a été récompensé par les avis utilisateurs et un prix sur un site de design awards.
Case study en cours
Transformer des produits financiers complexes en une expérience mobile simple, fluide et accessible.
Scope
- Product Design
- Web Design
- Recherche UX
- Wireframing
- Analytics
- Design System
- Design marketing
- Webflow
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore.
Case study en cours
Une app mobile pour faciliter la récolte de mesures des polluants chimiques dans l’océan.
Rôle
Designer UX/UI
Équipe
Thomas, Léo
Directeurs artistiques
Maï
Designer UX
Lucas
Développeur
Lien
-
Scope
- Product Design
- Recherche UX
- Wireframing
- Direction artistique
Une application experte friendly
Surfrider, avec son projet CURL, propose à ses bénévoles de s’équiper de capteurs lors de leurs sorties nautiques afin de mesurer la qualité de l’eau.
Pour faciliter l’accompagnement des bénévoles, nous leur avons proposé un concept d’application mobile qui agirait comme un compagnon pour préparer la session du bénévole, transmettre les informations à l’association et suivre l’évolution du capteur.
Projet sur 8 jours constitué d’une phase de recherche, identification de la cible (besoins et contraintes), atelier d’idéation, création d’une identité visuelle, définition des users flow, ui design, spécification technique.
Une application experte friendly pour parler à l’utilisateur avec un discours technique mais accessible, qui guidera l’utilisateur tout au long de son expérience.
Case study en cours
Déclinaison d’une DA premium pour une fintech.
Webdesign et intégration Webflow dans une ambiance électrique.
Concevoir la landing page d’un restaurant.
Rôle
Web design & développement Webflow
Équipe
Thomas Boyer-Gibaud
Directeur artistique
Rôle
Web designer
Équipe
Léo Parpeix
Directeur artistique
Lien
-
Rôle
Web design & développement Webflow
Équipe
Thomas Boyer-Gibaud
Directeur artistique
Scope
- Web Design
- Responsive
- Design System
Scope
- Web Design
- Webflow
- CMS
Scope
- Web Design
- Webflow
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore.
Case study en cours
Une carte communautaire pour partager ses meilleurs spots.
Rôle
Cocréateur
Product Designer
Équipes
Olivier Guy
Cocréateur, développeur mobile
Scope
- Branding
- Product Design
- Web Design
- Recherche UX
- Wireframing
- Design System
- Webflow
- Motion
- Design marketing
Trouver en un coup d’œil les choses à faire autour de soi.
Le bar à l’ambiance année 80, la plage excentrée sans touristes, un brunch à volonté vegan... Ces spots-là se partagent entre amis, mais souvent noyés dans la masse sur les app conventionnelles.
Avec Olivier, on a voulu rendre ça plus accessible à travers une app où chacun peut partager ses meilleurs spots, regroupés sur une carte communautaire et validés (ou non) par la communauté.
- +10 000
téléchargements - 4,8/5 sur les
stores - 903 découvertes
Une app, deux façons de l’utiliser.
Sur Discover, deux profils types se démarquent.
Ceux qui cherchent une adresse pour ce soir et ceux qui aiment partager leurs trouvailles.
Les premiers sont bien plus nombreux. Sur une plateforme communautaire, 90 % des utilisateurs consultent mais ne contribuent pas.
Tout l’enjeu : rendre la consultation fluide pour les uns, et donner envie aux autres de continuer à partager.
1 %Gros contributeurs
9 %Contributeursoccasionnels
90 %Observateurs
Qui contribue sur une plateforme communautaire ?
Règle du 90-9-1, d’après Jakob Nielsen (Nielsen Norman Group, 2006).
Consulter doit être immédiat. On ouvre l’app, la carte montre immédiatement les découvertes autour de soi. Sans inscription.
L’engagement utilisateur au centre de l’application. Voter ou sauvegarder une découverte ne prend qu’un tap, et nourrit déjà la communauté.
Partager doit être rapide. Assurer le bon compromis entre informations indispensables et étapes limitées lors de l’ajout d’une découverte.
Wireframes - flow de partage de découverte.
4 étapes, une action par étape pour garantir le focus sans submerger d’informations.
Ceux qui partagent doivent être reconnus. Abonnements aux profils, messagerie, gamification : publier une bonne découverte, c’est gagner une audience.
Trouver un burger en trois taps. Dans une app de découvertes, la recherche devient indispensable. Elle doit être rapide, précise, et deviner ce que tu cherches avant que tu aies fini de taper.
D’où le choix des recherches fréquentes qui s’affichent dès l’ouverture du champ, les tags se suggèrent au fil de la saisie, et chaque mot-clé renvoie directement aux spots sur la carte.
User flow, recherche d’une découverte.
Recherches fréquentes, prédiction à la saisie, tags : trois chemins pour trouver un burger ce soir.
Chaleureuse et colorée, simple et élégante.
J’ai cherché l’équilibre entre une app accessible à tous, sans rien d’élitiste ni de trop premium, et une app qui inspire confiance dans la qualité de ses découvertes.
Une typo discrètement chic. Founder Grotesk, inspirée des grotesques anglaises du début du XXe siècle, a ce petit côté distingué qu’on retrouve sur la carte d’un bon resto.
Une icono qui ne se prend pas trop au sérieux. Le choix d’une palette chaleureuse et des illustrations simples apportent de la légèreté et rappellent qu’ici, on cherche un bon plan, pas une adresse validée par le guide Michelin.
Discover
Une interface qui donne envie de partager.
Du blanc pour laisser respirer les photos, une couleur d’action pour interagir. Un bouton, une sélection, une bulle de message : le jaune guide le regard vers les éléments actionnables.
Pas d’écran vide. Un fil sans abonnement ne reste jamais vide : il propose des explorateurs à suivre. Je m’assure de toujours proposer une action à l’utilisateur en rapport avec la page qu’il visite.
Une question à la fois. Ajouter un spot ressemble à une conversation plutôt qu’à un formulaire. D’abord les photos, puis une seule question par écran, avec des exemples pour ne jamais bloquer devant un champ vide et des tags populaires à piocher en un tap.
Laisser la place aux photos. Les visuels viennent de la communauté, avec des cadrages et des lumières de toutes sortes. Je dois m’assurer qu’ils s’intègrent sans détonner avec l’interface. Donc pas de motifs, pas de fonds chargés.
Le système assure la cohérence visuelle. Beaucoup de fonctionnalités, toutes construites en atomic design. La carte d’un spot, les icônes de catégories, les tags, le bouton S’abonner sont pensés une fois et utilisés partout. L’utilisateur reconnaît tout de suite ce qu’il voit, et chaque nouvelle fonctionnalité réutilise un maximum de composants existants.
Le fichier Figma fonctionne comme le code. Côté Figma, tout part des variables, qui définissent les composants, qui composent les écrans.
Une app qui vit et meurt par sa communauté.
Au-delà de l’acquisition, qui dépasse le cadre du design, le vrai défi est l’engagement. Comment faire vivre une app quand la carte est encore vide ? La solution, trouver les premiers power users : ceux qui partagent avant les autres, pour donner envie de les suivre.
Ensuite, il faut trouver l’équilibre. Nourrir ceux qui consultent avec des spots populaires et des suggestions, sans que Discover devienne un simple guide où plus personne ne partage. La découverte doit rester le cœur de l’app.
Une bonne interface ne fait pas venir les gens. Mais elle peut leur donner envie de revenir. Mon rôle : leur simplifier chaque geste, du premier vote à la première découverte partagée.
Une carte communautaire pour partager ses meilleurs spots.
Mais c’est qui Antoine ?
C’est un product designer, qui parle parfois de lui à la troisième personne (mais promis, à part ça je n’ai pas d’ego) !Mon job, c’est de créer des apps qui marchent, mais surtout, qui plaisent.Alors, je passe mon temps à chercher des idées, imaginer des flows, drafter des écrans, les tester, les voir vivre… et recommencer.
Expérience
professionnelle
- OneMovieCocréateur · Product designer mobile
Créer l’app all in one de recommandation et de suivi de films et séries.
- DiscoverCocréateur · Product designer mobile
La carte communautaire des meilleures adresses autour de toi.
- CashbeeProduct designer mobile
Designer une app qui rend simple un sujet qui ne l’est pas : l’argent.
- FreelanceDesigner & développeur Webflow
Des sites, des apps, de la DA, et une relation passionnelle avec Webflow.
- SquadeasyProduct designer junior
Une refonte complète, du branding à l’app, pour donner envie de bouger en équipe.
- Buddy BuddyUX/UI designer junior
Mes premiers pas en agence, à apprendre à jongler entre les projets web (et les clients).
Formation
- ECV DigitalMaster en design d’interface & d’utilisateurs
Deux années pour apprendre que l’utilisateur a toujours raison (même quand il a tort).
- ECV DigitalBachelor en webdesign
C’est mieux d’avoir mangé quelques lignes de code avant de torturer ses devs avec des animations insensées.
Contact