Identité · Site bilingue · Espace membre

Yobson — Le coaching périnatal qui méritait un site à sa hauteur.

Diane Yobson, coach certifiée Institut De Gasquet, accompagne les femmes avant et après leur accouchement depuis 14 ans. Ginseng Web a conçu son identité visuelle et développé son site complet — de la logique de programme à l'espace membre, en passant par les témoignages et le storytelling de Diane.

ClientYobson — Diane Yobson
SecteurCoaching périnatal
LivrablesIdentité + Site + Espace membre
Siteyobson.com/fr
14 ans
Expérience
Coach certifiée Institut De Gasquet
4
Programmes
Pré · Post-partum · Sport · Allaitement
★★★★★
Avis Google
Mamans, bien-être, santé
3
Formats de cours
En ligne · À domicile · Post-partum
Yobson — visuel principal du projet
— contexte_projet

Une expertise rare. Une présence digitale à la hauteur.

Diane accompagne les femmes depuis 14 ans dans leur périnatalité. Certifiée de l'Institut De Gasquet à Paris, elle a coaché des centaines de mamans dans des salles de sport (USEP, Energie Forme, Aquafit) avant de lancer sa propre offre Yobson.

Le défi de Ginseng Web : créer une présence digitale qui reflète à la fois la rigueur de son expertise et la douceur de son approche. Pas un site froid, pas un site générique — un site qui donne envie de se confier à Diane dès les premières secondes.

Le résultat : un onepage bilingue (français / anglais), une identité visuelle douce et cohérente, un espace membre sécurisé pour accéder aux programmes vidéo, et un storytelling authentique co-rédigé avec Diane pour que chaque mot soit juste.

— livrables

8 livrables. Une présence complète.

01

Logotype

Création du logotype Yobson animé. Le logo existe en version statique et en version GIF animée utilisée dans le reste du site.

02

Typographie

Sélection typographique alignée sur l'univers périnatal : doux, lisible, rassurant. Adaptation responsive et desktop.

03

Couleurs

Palette verte sauge et rose doux — la nature et la douceur maternelle en quelques teintes. Charte HSL/RGB et références digitales.

04

Bande d'images sur-mesure

Sélection et traitement d'une bande d'images cohérentes pour illustrer les programmes et l'univers Yobson.

05

Site onepage bilingue

Français et anglais. Architecture UX pensée pour la conversion : chaque section guide vers la prise de RDV ou la découverte des programmes.

06

Espace membre sécurisé

Authentification, gestion des abonnements et accès aux vidéos de programmes en ligne. Backend Express + base de données.

07

Co-rédaction éditoriale

Copywriting co-rédigé avec Diane pour que chaque mot soit authentique. Bio, programmes, FAQ, storytelling — la voix de Diane, mise en valeur.

08

Motion & UI Design

Animations de scroll, transitions douces et composants interactifs (slider programmes, FAQ accordéon, carrousel témoignages).

— stack_technique

Une architecture moderne pour un site qui dure.

Frontend

Next.jsTailwindCSSReactTypeScriptBilingue FR/EN

Backend & API

ExpressNode.jsPostgreSQLSessions sécurisées

Hébergement

VercelRender / RailwayLighthouse 90+

Next.js pour la performance

Next.js offre des performances natives que WordPress ne peut pas atteindre : Server Side Rendering, optimisation automatique des images, génération statique. Résultat : un site rapide, SEO-friendly et évolutif.

Espace membre sécurisé

Le cœur de la valeur de Yobson, ce sont ses programmes vidéo. L'espace membre permet à Diane de monétiser son contenu directement : abonnements mensuels, packs de séances, accès sécurisé par authentification.

— votre_tour

Votre projet similaire ?

WebApp, SaaS, identité, plateforme sur-mesure — parlons de votre besoin. Réponse garantie sous 48h.