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.

KlapsL’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 spoiler prouve que tu l’as vu. Ton WatchRank grimpe genre par genre, du Fer au Diamant. Klapo, le pingouin à lunettes 3D, t’accueille dans l’onboarding.

Détails

App
Klaps
Catégorie
Cinéma et séries
Plateforme
iPhone
Statut
Testée sur iPhone, pas encore publiée
Ce qu’on a 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
Fer
Bronze
Argent
Cristal
Or
Platine
Diamant

Les rangs, du Fer au Diamant

Découvrir
Accueil
Niveaux
Collection
Classement
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 pour accent. Chaque carte du Mode quiz a son illustration, toujours la nuit.

KlapsDirection artistique01

Design mobile : bleu nuit et néon cyan

YD Studio

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
Klapo
Les rangs
Les icônes

Le design

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

L’onboarding de Klaps : Klapo dit « Salut ! Je suis Klapo ! » sur le dégradé bleu.
L’onboarding
La Vérification Éclair : « 3 questions, sans spoiler. Prouve que tu l’as vu. » et quatre réponses.
La Vérification Éclair
Un constat de l’onboarding, 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. On l’a réduite à deux portes : le quiz ou ton envie. Glisse pour comparer.

La première version de Découvrir : la reco 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 du 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 ProTermine ton inscription.
  • Premier clapLance ta première séance.
  • 7 jours d’affiléeSois actif 7 jours de suite.
  • 30 jours d’affiléeSois actif 30 jours de suite.
  • Objectif tenu2, 3 ou 5 séances dans la semaine.
  • Première vérifVérifie ton premier titre.
  • Club des 10Vérifie 10 titres.
  • ExplorateurUn titre vu dans 5 genres.
  • CritiqueÉcris 5 avis.

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

Où en est Klaps

Klaps est construite et testée sur iPhone. Elle n’est pas encore sur l’App Store. 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

Talkana · Japonais AudiCheck · Santé

Et si la prochaine application, c’était la tienne ?

Réserver un appel