Belle Saison

Le site de rencontres pensé pour les seniors

Un site vitrine, un espace membre et une appli mobile où le confort de lecture compte autant que le matching.

Un projet, 3 interfaces

À quoi ça ressemble

Belle Saison est une plateforme de rencontres pour les plus de 60 ans : site public avec annuaire filtrable, espace membre complet (suggestions, carte des membres proches, messagerie avec appel vidéo, favoris) et version mobile de la même application.

Le calcul d'affinités et les réglages de confort de lecture (taille de texte, contraste, interlignage) ne sont pas de la façade : ils s'appuient sur de vraies formules et persistent sur tout le site.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

Titres qui portent le message

Sous-titres qui structurent

Un texte courant lisible sur tous les écrans, avec des interlignes généreux.

Construit avec des technologies qui durent

Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.

Next.jsReactTypeScriptTailwind CSSFramer MotionNode.js

Le projet écran par écran

Recherche par genre et département
Portraits de membres, filtrés par genre
Les 3 étapes pour s'inscrire
Vérification, badge, modération
Avis de membres
Appel à l'inscription gratuite
1 / 6

Des enjeux concrets, des réponses concrètes

Les enjeux

Rassurer un public peu à l’aise avec le numérique

Les défis initiaux

Interfaces datées, texte petit, jargon qui décourage

Nos solutions

Confort de lecture réglable partout : texte, contraste

Les enjeux

Aider chacun à trouver un profil vraiment compatible

Les défis initiaux

Grilles de profils sans repère de compatibilité

Nos solutions

Score d’affinités calculé sur intérêts et proximité

Les enjeux

Donner confiance avant la première rencontre

Les défis initiaux

Craintes de faux profils sur les sites de rencontres

Nos solutions

Vérification d’identité et badge sur chaque fiche

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Confort de lecture accessible partout

Un réglage persistant (taille de texte, contraste renforcé, interlignage) ouvrable depuis n'importe quelle page, pas seulement au premier réglage.

Implémenté via un contexte React global (`ConfortProvider`) monté au niveau racine : les préférences suivent le visiteur du site public jusqu'à l'espace membre.

Sécurité

Vérification d'identité visible

Chaque profil affiche un badge "vérifié" distinct selon que l'identité a été contrôlée ou non, avec un champ dédié dans les données de chaque membre.

Le message de confiance est explicite sur le site public : contrôle humain, modération sous 24h, aucune donnée bancaire demandée.

Marketing & Conversion

Score d'affinités calculé, pas décoratif

Le pourcentage affiché sur chaque suggestion résulte d'un calcul réel : 70% sur les centres d'intérêt communs, 30% sur la proximité géographique (distance à vol d'oiseau).

Les amorces de conversation proposées sous chaque profil sont elles aussi générées à partir des intérêts partagés, jamais génériques.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

Chargement immédiat

Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.

Images optimisées

Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.

Stabilité visuelle

Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.

Une sécurité qui ne dort jamais

Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.

Sauvegardes quotidiennes sur serveur distant

Procédure de reprise testée mensuellement

Monitoring automatique toutes les 5 min du service, alerte auto si service down

Chiffrement SSL

Isolation des environnements de développement

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

Reçu ! On vous prépare un prototype sous 3j

Vous décrivez votre projet

Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offre sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.