Trois Rives

Trois activités de soin à domicile, un seul site pour tout piloter

Site vitrine, abonnement repas et back-office sans développeur pour un infirmier indépendant suisse.

Santé & bien-être·Alimentaire·Réservation

Un projet, 3 interfaces

À quoi ça ressemble

Trois Rives réunit sous un même toit numérique les soins infirmiers à domicile, les repas livrés par abonnement et des cures de vitamines, dans les cantons de Vaud et Fribourg.

Le site aiguille chaque visiteur vers le bon univers, l'espace client permet de gérer son abonnement repas en autonomie, et le back-office édite les menus, tarifs et rendez-vous sans intervention technique.

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 Motion

Le projet écran par écran

Aiguillage vers les 3 univers
Prestations de soins à domicile
Détail d'un soin en modale
Formules d'abonnement repas
Menus de la semaine avec allergènes
Cures Vitalis, réservations fermées
Formulaire de contact et prise de RDV
1 / 7

Des enjeux concrets, des réponses concrètes

Les enjeux

Présenter 3 métiers différents sans perdre le visiteur

Les défis initiaux

Univers hétérogènes, code visuel dilué, parcours confus

Nos solutions

Un design system à 3 accents et un aiguillage clair

Les enjeux

Vendre un abonnement repas récurrent en ligne

Les défis initiaux

Tunnel de souscription long, risque d'abandon élevé

Nos solutions

Tunnel en 4 étapes avec récap et prix mis à jour en direct

Les enjeux

Gérer menus et allergènes sans agence ni développeur

Les défis initiaux

Chaque changement de menu bloqué par un ticket technique

Nos solutions

Back-office autonome relié en direct au site public

Les choix qui comptent

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

Marketing & Conversion

Formule best-seller mise en avant

Sur la page repas, la formule Équilibre porte un badge « La plus choisie » et un contour renforcé.

Cette mise en avant vient du champ `populaire` de la formule en base, pas d'un habillage isolé : une autre formule peut devenir vedette sans toucher au design.

UX

Alerte automatique sur les allergènes

Dans Mes préférences, cocher un allergène recoupe aussitôt les menus de la semaine et affiche les plats incompatibles.

Le rapprochement se fait côté client, sans attendre une réponse de la cuisine : l'impact de la déclaration est visible immédiatement.

UI

Formule actuelle mise en évidence dans le comparatif

La modale « Choisir une formule » distingue la formule populaire et la formule actuelle du client par deux badges sur un fond teinté.

Mêmes composants et même palette que le site public : le client ne change pas d'univers graphique en gérant son abonnement.

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 offer 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.