GHT Nord Franche-Comté

Quatre établissements, un seul portail

Le portail numérique unifié du territoire de santé Nord Franche-Comté.

Entité publique·Santé & bien-être

À quoi ça ressemble

Quatre structures de santé — hôpital, long séjour, institut de formation et centre d'enseignement des soins d'urgence — réunies derrière une seule adresse. Chaque visiteur part de sa situation plutôt que de l'organigramme : patient, proche, professionnel ou candidat trouve son parcours en un clic, avec l'annuaire complet des services et leurs numéros directs.

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

Page d'accueil du portail territorial
Annuaire des services filtrable
Fiche établissement Hôpital Nord Franche-Comté
Parcours dédié « Je suis patient »
Formulaire de contact et numéros directs
Foire aux questions filtrable
1 / 6

Des enjeux concrets, des réponses concrètes

Les enjeux

Réunir 4 établissements sous un même portail

Les défis initiaux

Des sites éclatés qui perdent l'usager

Nos solutions

Portail unique, identité de chaque structure gardée

Les enjeux

Orienter vite chaque public vers la bonne info

Les défis initiaux

L'organigramme hospitalier noie le visiteur

Nos solutions

Des accès par profil : patient, proche, pro, candidat

Les enjeux

Un service public ouvert à tous les publics

Les défis initiaux

Handicap et confort visuel non pris en compte

Nos solutions

Réglages d'accessibilité RGAA intégrés au site

Les choix qui comptent

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

UX

Des accès par profil, pas un organigramme

Plutôt qu'un organigramme, le visiteur part de sa situation : patient, proche, professionnel ou candidat.

Chaque profil ouvre un parcours dédié vers les démarches qui le concernent — rendez-vous, visite, recrutement.

UI

Accessibilité RGAA intégrée

Un widget d'accessibilité permanent : taille du texte, contraste renforcé, réduction des animations.

Quatre filtres daltonisme (protanopie, deutéranopie, tritanopie) adaptent les couleurs, une exigence pour un service public.

Performance

Annuaire filtrable en direct

L'annuaire recense les 23 services avec leur numéro direct et leur localisation.

La recherche et les filtres par établissement et pôle s'appliquent instantanément, sans rechargement de page.

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 hebdomadaireSatisfait ou remboursé, contractuel

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.