Projet interne

Espace Kaolin : l’espace de gestion de Porcelaine & Pixels

Un espace client pour suivre ses sites, ses demandes et ses factures, et une administration pour piloter l’agence. Deux outils conçus sur mesure, avec la même identité que le site et le même souci de sobriété.

  • ProjetEspace Kaolin, espace client et administration
  • PérimètreInterface, assistance, paiements, sécurité
  • VilleLimoges
Espace Kaolin · espace client (données fictives)
Accueil de l’Espace Kaolin : sites, hébergement, factures, demandes d’assistance et derniers documents

Fiche d’identité du projet

Projet
Espace Kaolin, l’espace de gestion de Porcelaine & Pixels
Ville
Limoges
Utilisateurs
Les clients de l’agence, et l’agence elle-même
Périmètre
Espace client, assistance par tickets, devis et factures, documents, administration, double authentification
Univers
La porcelaine de Limoges et les pixels : l’identité du site, reprise à l’identique dans l’outil de travail
Points forts
Sur mesure, sans service tiers de suivi, sécurisé

Le brief

Un seul endroit pour tout ce qui concerne un site.

Un client d’agence a des questions simples : où en est ma demande, quelle est ma prochaine échéance, où est ma facture. Les réponses se perdaient dans les e-mails. Il fallait un espace où retrouver ses sites, ses demandes d’assistance, ses devis, ses factures et ses documents.

Côté agence, il fallait le pendant : voir tous les clients, traiter les tickets, suivre les paiements et les renouvellements, sans empiler plusieurs outils.

Le défi

  • Simple contre complet

    Tout regrouper sans transformer l’espace client en tableau de bord illisible.

  • Beau contre sobre

    Une identité riche, sur des pages légères et sans service tiers de suivi.

  • Ouvert contre sûr

    Des clients autonomes, avec des données protégées par une authentification solide.

Notre démarche

  1. 01

    Une identité commune

    Le même en-tête, les mêmes couleurs, la même typographie et les mêmes icônes pixel que le site : l’utilisateur ne change pas d’univers en se connectant.

  2. 02

    Une interface

    Sept rubriques côté client, une administration complète, un affichage pensé pour le mobile comme pour l’ordinateur.

  3. 03

    Une sécurité

    Mots de passe robustes, double authentification, sessions maîtrisées, téléversements contrôlés.

  4. 04

    Une légèreté

    Images optimisées, pas de bibliothèque externe, aucun cookie de suivi.

Le résultat en détail

01 · Identité

La porcelaine, jusque dans l’outil de travail

Le bleu porcelaine, le vert sauge et l’ivoire du site, la même typographie Sora et le même en-tête avec le logo : en passant du site à l’espace client, l’utilisateur n’a pas l’impression de changer d’interface.

  • Un en-tête identique à celui du site, avec le logo net sur tous les écrans
  • Des icônes pixel, reprises de l’identité de l’agence
  • Des cartes arrondies sur un fond ivoire, pour une interface sobre et rassurante
Espace Kaolin · en-tête
En-tête de l’Espace Kaolin : logo, rubriques, notifications et compte, comme sur le site

02 · Espace client

Un tableau de bord qui répond aux vraies questions

Dès l’ouverture, le client voit ses sites, son hébergement, sa prochaine échéance, ses factures et ses demandes en cours. Chaque bloc mène à la rubrique correspondante.

  • Mes sites : adresse, état et date de dernière mise à jour
  • Hébergement : formule, renouvellement et prélèvement prévu
  • Devis et factures : consultation et paiement en ligne
  • Documents : contrats, rapports et pièces utiles

03 · Assistance

Une demande, un ticket, un historique

Chaque demande devient un ticket numéroté. Le client échange avec l’agence dans un même fil et reçoit un e-mail à chaque réponse. Le quota de la formule est affiché en permanence.

  • Un fil de messages clair, sur fond blanc
  • Le nombre de tickets restants selon la formule
  • Une limite d’envois pour éviter les abus
Espace Kaolin · assistance
Un ticket d’assistance dans l’Espace Kaolin, avec le fil de messages entre le client et l’agence

04 · Mobile

Le même espace, dans la poche

Le menu se range dans un bouton, les blocs s’empilent et les actions restent à portée de pouce. Un client peut ouvrir un ticket ou régler une facture depuis son téléphone.

  • Menu en bouton sur petit écran
  • Boutons larges et textes lisibles
  • Aucun défilement horizontal
Espace Kaolin sur un iPhone : menu, indicateurs et accès rapides

05 · Connexion

Une porte d’entrée sobre et rassurante

La page de connexion reprend les couleurs et le logo du site : une carte blanche sur fond bleu brume, des champs simples et un bouton bleu porcelaine. Les mêmes codes visuels servent l’espace client et l’administration.

  • Le logo officiel et la même typographie que le site
  • Aucune grande image : une page légère à charger
  • Première connexion et mot de passe oublié par lien à usage unique
Espace Kaolin · connexion
Page de connexion de l’Espace Kaolin : logo, champs et bouton sur une carte blanche

06 · Administration

Le poste de pilotage de l’agence

L’agence voit d’un coup d’œil ses clients par formule, les tickets à traiter, les paiements en attente et les renouvellements à venir. Les fiches clients, devis, formulaires du site, articles et statistiques sont réunis dans un seul panneau.

  • Tickets à traiter, classés par priorité et formule
  • Revenus et clients actifs, devis et paiements
  • Demandes reçues par le site et statistiques de fréquentation anonymes
  • Un journal des événements de sécurité
Espace Kaolin · administration (données fictives)
Tableau de bord de l’administration de l’Espace Kaolin : indicateurs, clients par formule, tickets à traiter

07 · Sécurité

Des données protégées, côté client comme côté agence

La sécurité a été traitée comme une fonctionnalité à part entière, avec les mêmes exigences pour le client et pour l’administrateur.

  • Mot de passe robuste exigé, stocké sous forme chiffrée
  • Double authentification par application, avec codes de secours
  • Déconnexion à distance des autres appareils
  • Limitation des essais de connexion et alertes à l’agence
  • Documents téléversés vérifiés et servis dans un cadre isolé
  • En-têtes de sécurité stricts et aucun script externe

Les chiffres

  • 7 rubriquesdans l’espace client
  • 2 espacesséparés : client et administration
  • 8 codesde secours à usage unique pour la double authentification
  • 0 cookiede suivi : seul un cookie de session technique est utilisé

Ce que ce projet dit de notre savoir-faire

  • Le sur mesure

    Des outils écrits pour notre métier et pour nos clients, sans modèle ni extension.

  • La sécurité

    Une double authentification, des sessions contrôlées et des données qui restent chez nous.

  • La sobriété

    Des pages légères, peu d’images, aucune ressource externe.

  • La clarté

    Une interface où l’on trouve tout en deux clics.

Parlons de votre projet

Un site qui vous ressemble, léger et clair, avec un espace client à votre disposition. L’estimation est gratuite et sans engagement.

Demander un devis gratuit

Découvrir l’Espace Kaolin