Un iPhone appuyé contre une boîte de pop-corn, sur l’accoudoir d’un fauteuil de cinéma. À l’écran, Klaps : « Analyse et découvre ton profil de spectateur » et le radar des genres.

Klaps L’application mobile de films et de séries

Introduction

Klaps fait de chaque film et de chaque série une progression. Un court quiz sans rien dévoiler prouve que vous l’avez vu. Votre WatchRank grimpe genre par genre, du Fer au Diamant. Klapo, le pingouin à lunettes 3D, vous accueille dès les premiers écrans.

Détails

App
Klaps
Catégorie
Cinéma et séries
Plateforme
iPhone
Sur l’App Store
Depuis le 8 octobre 2026 · voir la fiche
Ce que nous avons fait
Idée, design, construction
x x
Le symbole : un K et un clap
Klapo, la mascotte de Klaps : un pingouin à lunettes 3D et bandeau, qui salue.
Klapo, la mascotte
Écusson lavande, lisse et sans motif.Fer
Écusson lavande orné d’une étoile à quatre branches.Bronze
Écusson argenté à étoile, flanqué de deux ailes.Argent
Écusson violet à étoile, avec ailes et feuillage.Cristal
Écusson cuivré à étoile, flanqué de deux ailes.Or
Écusson doré à étoile, avec ailes et feuillage.Platine
Écusson irisé à étoile, avec ailes, plumes et rubans rouges.Diamant

Les rangs, du Fer au Diamant

Une boussole à aiguille cyan, avec deux mains qui applaudissent.Découvrir
Une maison blanche à la porte cyan.Accueil
Un hexagone à étoile cyan, entre deux branches de laurier.Niveaux
Des cartes photo empilées, montagne et soleil en cyan.Collection
Deux silhouettes, épaules soulignées de cyan.Classement
Une silhouette dans un cercle cyan.Profil

Les icônes, blanc et cyan

Le radar néon du WatchRank, sur huit genres.
Le radar du WatchRank
Le coffre doré de la carte « Quêtes du jour » de l’accueil.
Le coffre des quêtes du jour
La médaille hexagonale or et rouge de l’insigne Klaps Pro.
La médaille Klaps Pro

La direction artistique

Une direction tenue partout : le bleu nuit, et un cyan néon en accent. Chaque carte du Mode quiz a son illustration, toujours de nuit.

KlapsDirection artistique01

Design mobile : bleu nuit et néon cyan

Yodavio

KlapsLes cartes du Mode quiz02

Une image par envie de film

« J’adore quand un film me fait vraiment peur » : une silhouette au bout d’un couloir. « Je veux que ça bouge du début à la fin » : une voiture sous les néons. « Une belle histoire d’amour, ça me touche toujours » : deux silhouettes sous un parapluie. « Les vieux films ont plus de charme que les nouveautés » : un projecteur allumé. « Je déteste sortir d’un film le cœur lourd » : une silhouette sous la pluie.

KlapsLes éléments03

Les éléments de la marque

Le K de Klaps, en blanc, avec ses trois bandes de clap.
Le K
Klapo, lunettes 3D et bandeau, les deux ailes levées.
Klapo
Les rangs
Les icônes

Le design

Ces trois écrans sont dessinés sur Figma, puis construits à l’identique. Klapo vous accueille, le quiz vérifie, le constat rouge vous secoue.

Un des premiers écrans de Klaps : Klapo dit « Salut ! Je suis Klapo ! » sur le dégradé bleu.
Les premiers écrans
La Vérification Éclair : « 3 questions, sans spoiler. Prouve que tu l’as vu. » et quatre réponses.
La Vérification Éclair
Un constat des premiers écrans, sur fond rouge : « Tu tournes en rond sans le savoir ».
Un constat, en rouge

La refonte

La première version de Découvrir empilait quatre blocs. Nous l’avons réduite à deux portes : le quiz ou votre envie. Glissez pour comparer.

La première version de Découvrir : la recommandation du jour, le quiz, l’envie, la session.
Découvrir refait : la carte du Mode quiz en éventail, « ou », puis « Décris ton envie ».
AvantAprès

La charte

Quelques règles simples, pour que chaque nouvel écran reste fidèle à Klaps.

KlapsCharte01

Le logo

Le logo Klaps sur blanc : le K en bleu roi, le mot en noir.Sur blanc
Le logo Klaps en blanc sur noir.Sur noir
Le logo Klaps en blanc sur bleu roi.Sur bleu roi

Le K et le mot, côte à côte, à la même hauteur. Bleu roi et noir sur blanc, tout blanc sur les fonds sombres.

KlapsCharte02

Les rangs

  • Fer0 à 4 titres
  • Bronze5 à 14 titres
  • Argent15 à 29 titres
  • Cristal30 à 74 titres
  • Or75 à 129 titres
  • Platine130 à 189 titres
  • Diamant190 titres et plus

Un rang par genre, sur les huit genres du radar. Chaque titre vu compte dans son genre.

KlapsCharte03

La palette

Bleu profond#0604AB
Bleu électrique#2F2DFB
Cyan#00F0FF
Glacier#CFE7FF
Nuit#0C0B31
Rouge des constats#A40000

Le cyan d’accent garde une seule valeur partout. Dans l’app, une seule police : Mona Sans, de la graisse 300 à 600.

KlapsCharte04

Les insignes

  • Klaps ProTerminer son inscription.
  • Médaille verte ornée d’une feuille.Premier clapLancer sa première séance.
  • Médaille argentée ornée d’un éclair.7 jours d’affiléeÊtre actif 7 jours de suite.
  • Médaille rouge orangé ornée d’une flamme.30 jours d’affiléeÊtre actif 30 jours de suite.
  • Médaille orange ornée d’un trophée.Objectif tenu2, 3 ou 5 séances dans la semaine.
  • Médaille argentée ornée d’une étoile.Première vérifVérifier son premier titre.
  • Médaille orange ornée d’une couronne.Club des 10Vérifier 10 titres.
  • Médaille argentée ornée d’un cœur.ExplorateurUn titre vu dans 5 genres.
  • Médaille argentée ornée d’une goutte d’eau.CritiqueÉcrire 5 avis.

Chaque insigne porte son objectif, écrit juste en dessous.

La publication

Publiée sur l’App Store le 8 octobre 2026, après ses tests sur iPhone avec TestFlight. Ces deux écrans sont de vraies captures du téléphone.

Capture iPhone de l’accueil de Klaps : « Regarde, monte de niveau, recommence ! »
Capture iPhone de l’accueil
Capture iPhone : « Fais grandir ta culture avec le WatchRank », le radar et les rangs.
Capture iPhone du WatchRank
Trois maquettes Figma en perspective : la galerie des médailles, le profil, les 7 derniers jours.

D’autres applications mobiles

Et si la prochaine application, c’était la vôtre ?

Klaps est notre propre application, menée de l’idée jusqu’à la publication sur l’App Store. Yodavio crée aussi des applications sur mesure, pour iPhone et Android. Découvrez notre offre de création d’applications mobiles. Pour bien démarrer, lisez notre guide pour choisir entre maquette, prototype ou MVP.

Réserver un appel

Réserver un appel

Le formulaire ne s’affiche pas ? Ouvrir dans un onglet