Frigoval — catalogue B2B fluides frigorigènes

Catalogue B2B, espace client et back-office sur une seule plateforme

Un catalogue qui filtre en un clic, un espace client sous droits, un back-office sans développeur.

Un projet, 3 interfaces

À quoi ça ressemble

Un grossiste de fluides frigorigènes a besoin de trois choses à la fois : un catalogue technique que les installateurs filtrent par PRG, classe de sécurité ou fluide à remplacer, un espace client qui n'ouvre que les documents autorisés à chaque entreprise, et un back-office qui ne dépend plus d'un développeur pour publier une page ou traiter un devis.

Le prototype couvre les 15 références publiées du catalogue, les droits documentaires de 5 entreprises clientes et le pipeline des demandes de devis, du dépôt jusqu'à l'acceptation.

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

Catalogue des fluides, filtres par famille et application
Fiche produit détaillée et ajout à la demande de devis
Simulateur : alternatives bas PRG à un fluide existant
Panier de demande de devis, pas de paiement en ligne
Filtres combinés famille et application
1 / 5

Des enjeux concrets, des réponses concrètes

Les enjeux

Aider l'installateur à trouver le bon fluide vite

Les défis initiaux

Fiches techniques denses, dispersées par l'ancien site

Nos solutions

Catalogue filtrable et simulateur de rétrofit guidé

Les enjeux

Réserver chaque document à la bonne entreprise

Les défis initiaux

Grilles tarifaires et FDS confondues pour tous les clients

Nos solutions

Matrice de droits par entreprise et par rôle

Les enjeux

Garder la main sur le site sans développeur

Les défis initiaux

230 anciennes URLs à migrer sans perdre le référencement

Nos solutions

Éditeur de blocs et suivi des redirections intégrés

Les choix qui comptent

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

UX

Un simulateur de rétrofit, pas une fiche PDF

L'installateur choisit son fluide actuel (R-404A, R-134a...) et voit aussitôt les alternatives compatibles, classées par gain de PRG.

Chaque alternative s'ajoute à la demande de devis en un clic, sans quitter le parcours de décision.

Sécurité

Une matrice de droits, pas un accès tout ou rien

Chaque entreprise cliente n'ouvre que les catégories de documents qui lui sont accordées : fiches techniques, grilles tarifaires, certificats.

Un technicien n'a jamais accès aux grilles tarifaires, même si son entreprise y a droit.

Marketing & Conversion

Des pages composées par le marketing, pas par un développeur

Bandeaux, chiffres clés, sélections de produits : chaque bloc se glisse, se réordonne et se publie en brouillon ou en ligne.

La migration des 230 anciennes URLs est suivie à côté, sans perdre le référencement acquis.

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.