STUDIO120K·
Toutes les réalisations

Produit Studio 120K · Application grand public · Présidentielle 2027

Swipe Your President

Un test politique qui cite ses sources, et qui ne garde rien

Swipe Your President est notre propre application, destinée au grand public : 47 affirmations concrètes, un profil sur 7 axes, et le classement des candidats les plus proches de vos réponses. Chaque position attribuée à un candidat s'appuie sur une citation datée et sourcée, et l'ensemble du calcul se fait dans votre téléphone, sans compte et sans serveur qui reçoive vos réponses.

Voir le site en ligne
Produit
Application grand public éditée par Studio 120K
Échéance
Élection présidentielle française de 2027
Livrable
Application web + version mobile (Capacitor)
Stack
Next.js, TypeScript, Tailwind CSS, PostgreSQL (Neon), Capacitor
Page d'accueil du site Swipe Your President

1 127

positions et citations sourcées

47

affirmations soumises au test

31

candidats listés

7

axes de profil politique

Le défi initial

Les tests de positionnement politique existent depuis longtemps, et ils souffrent presque tous des mêmes reproches : on ne sait pas d'où viennent les positions prêtées aux candidats, le « ni pour ni contre » tire mécaniquement vers le centre, et les réponses partent sur un serveur dont on ignore ce qu'il en fait. Sur un sujet où la méfiance est la règle, ces 3 défauts suffisent à disqualifier l'outil avant même le résultat. Swipe Your President a été construit en partant de ces reproches, pas du produit.

Situation initiale

  • Des tests existants dont les positions attribuées aux candidats ne sont ni datées ni sourcées
  • Des échelles à 2 ou 3 réponses qui écrasent les nuances et poussent tout le monde vers le centre
  • Des réponses politiques, c'est-à-dire des opinions, envoyées à un serveur, sans garantie vérifiable sur leur usage
  • Des questionnaires longs, abandonnés avant le résultat, et illisibles sur un téléphone

Objectifs

  • Ne jamais attribuer une position à un candidat sans citation datée et vérifiable
  • Offrir 5 nuances de réponse, dont un vrai « mitigé » et un « je ne connais pas » qui ne compte pas
  • Garantir par l'architecture, et pas par une promesse, que les réponses ne quittent pas l'appareil
  • Tenir en 4 minutes sur un téléphone, sans compte et sans inscription

Ce que nous avons mis en place

Un corpus sourcé, jamais deviné

  • 1 127 positions et citations collectées dans les programmes, les meetings et les votes
  • Chaque position affichée avec sa citation, sa date et le lien vers la source
  • Aucune citation vérifiable ? La case reste vide plutôt que d'être comblée par une supposition
  • L'ajout ou le retrait d'un candidat est une opération de données, pas une modification de code

Un questionnaire adaptatif

  • De 15 à 40 questions selon la netteté du profil, pour 4 minutes environ
  • Chaque question est choisie parce que la réponse est incertaine, pas pour flatter
  • Tous les thèmes sont couverts avant l'affichage du résultat
  • Cinq nuances de réponse, plus un « je ne connais pas ce sujet » neutre

Un résultat qui s'examine

  • Un profil sur 7 axes, décrit sans jugement de valeur sur chaque pôle
  • Un classement des candidats avec le pourcentage de proximité
  • Le détail des accords et des désaccords, citation par citation
  • Des écarts trop faibles pour départager deux candidats sont signalés comme tels

Pensé pour le pouce

L'application est née sur téléphone. La version web partage le même code, mais la taille des cibles, la place des boutons et la longueur des textes sont réglées pour une main, en déplacement.

Swipe Your President sur mobile
Swipe Your President sur mobile, plus bas dans la page
Swipe Your President, section services

L'identité visuelle

Sur un sujet politique, la charte n'est pas un exercice de style : chaque couleur peut être lue comme un parti pris. Celle-ci est construite pour être lisible, austère, et surtout impossible à rattacher à un camp.

Logo de Swipe Your President

Le logo

Une aiguille de boussole dans un cercle : l'outil donne une direction, il ne donne pas une consigne de vote.

  • Les deux moitiés de l'aiguille reprennent les couleurs « pour » et « contre » de l'interface
  • Aucun symbole national, aucun drapeau, aucune référence à une famille politique
  • Une forme géométrique simple, lisible à 48 pixels comme icône d'application

La palette

#F6F4EE

Papier

Fond de toutes les pages

Un blanc cassé légèrement chaud, qui évoque le document imprimé et fatigue moins l'œil qu'un blanc pur sur un long questionnaire.

#17161A

Encre

Texte, cadres, boutons principaux

Un noir très légèrement violacé : le contraste d'un texte imprimé, sans la dureté d'un noir absolu à l'écran.

#4F46E5

Pour

Accords, réponses favorables, progression

Un indigo qui n'appartient à aucun parti français. Il devait signifier « d'accord » sans évoquer une étiquette.

#D97706

Contre

Désaccords, réponses défavorables

Un ambre choisi contre le rouge, trop connoté politiquement, et distinguable du bleu par la plupart des daltonismes.

#6B6A75

Mitigé

Réponse nuancée, sujets non connus

Un gris franc : le « mitigé » est une position à part entière, il ne devait ressembler ni à un accord ni à un refus.

Les typographies

Archivo

700 à 900

Titres, chiffres, libellés de boutons

Une grotesque compacte et très noire en graisse haute : les affirmations doivent se lire d'un coup d'œil, en marchant.

Geist

400 à 600

Texte courant, citations, explications de méthode

Une linéale neutre et confortable en petit corps, pour des pages de méthode qui se lisent vraiment.

Geist Mono

400

Étiquettes, compteurs, mentions de source et de date

Le chiffre monospace aligne les compteurs et donne aux sources un aspect de relevé, pas d'argument marketing.

Les règles qu'on s'est données

Aucune couleur de parti dans l'interface

Ni bleu, ni rouge, ni vert associés à une famille politique. Les couleurs de l'application désignent des réponses, jamais des camps.

Cadres francs, ombres portées nettes

Des bordures épaisses et des ombres pleines plutôt que des dégradés : l'interface revendique un aspect de document, plus proche du bulletin que de l'application de divertissement.

Ordre aléatoire partout où un ordre fixe serait un classement

L'ordre d'affichage des candidats à égalité, comme celui des questions, est tiré au sort. Un ordre stable finirait par ressembler à une préférence.

Le pouce d'abord

Les 5 boutons de réponse occupent le bas de l'écran, à portée du pouce, et gardent la même place d'une question à l'autre.

Comment c'est pensé

Les décisions de conception, et pourquoi elles ont été prises.

01

Le calcul se fait dans le navigateur

Profil et classement sont calculés entièrement côté client. Aucune réponse n'est envoyée à un serveur. La garantie vient de l'architecture, pas d'une clause de confidentialité, et elle se vérifie en observant le trafic réseau de la page.

02

Un bundle statique régénéré à chaque build

Le corpus éditorial (candidats, positions, citations, sources) vit dans une base PostgreSQL et n'est lu qu'au moment du build, qui produit un bundle statique. L'application servie ne consulte aucune base : elle est rapide, elle tient hors ligne, et elle ne peut pas fuiter ce qu'elle n'interroge pas.

03

Une même base de code, 3 surfaces

Le site et les applications mobiles partagent le même code, empaqueté avec Capacitor. Une correction de contenu ou d'interface est écrite une fois et part sur les 3 surfaces, ce qui compte sur un calendrier électoral où les positions bougent chaque semaine.

04

Un paiement sans compte

Le résultat complet est débloqué par un paiement unique. L'achat produit un jeton anonyme stocké localement : le serveur sait qu'un jeton a payé, il ignore à quel profil il correspond. Aucune inscription, aucune adresse e-mail demandée.

05

Une méthode publiée, y compris ses limites

Une page détaille chaque décision : le choix des questions, le traitement d'une position manquante, la manière de départager deux candidats, les biais cherchés et les limites reconnues. Un outil qui explique comment il peut se tromper est le seul type d'outil défendable sur ce sujet.

Ce que contient le produit

  • Questionnaire adaptatif de 15 à 40 affirmations, 4 minutes environ
  • Profil politique sur 7 axes, formulé sans jugement de valeur
  • Classement de proximité avec les candidats, accord par accord
  • Citation datée et sourcée derrière chaque position attribuée
  • Page de méthode publique : critères, biais cherchés, limites, droit de réponse
  • Calcul intégralement local : aucune réponse transmise à un serveur
  • Applications web et mobile issues d'une base de code unique
  • Partage du résultat sous forme d'image, sans identifiant personnel

Stack technique

Next.jsTypeScriptTailwind CSSPostgreSQL (Neon)CapacitorZustand

Vous voulez le même pour votre activité ?

Maquette offerte avant tout paiement, livraison en 2 semaines, à partir de 400€ HT.

AppelerDevis gratuit