Branding et personnalisation

ConformVault permet de personnaliser l'identité visuelle de votre organisation et de chaque espace client pour offrir une expérience white-label cohérente à vos clients.

Niveaux de personnalisation

Le branding d'un espace surcharge celui de l'organisation. Si un champ est vide au niveau espace, l'organisation est utilisée comme fallback.

Branding au niveau organisation

Menu latéral → Org Settings → onglet Branding (rôle client_admin / client_principal).

Logo

• Format : PNG ou SVG recommandé
• Taille : maximum 2 Mo
• Dimensions optimales : 256x256 px (carré) ou 512x128 px (horizontal)
• Fond : transparent recommandé pour s'adapter aux thèmes clair/sombre

Affiché :

• En haut à gauche de l'interface (à la place du logo ConformVault par défaut)
• Sur la page de connexion des portails invités
• Dans le header des emails sortants

Couleur principale

Couleur des boutons d'action principaux (Sauvegarder, Envoyer, etc.) et des liens.

Format : hexadécimal #RRGGBB ou sélecteur visuel. Exemples :

• #2563eb — bleu corporate
• #10b981 — vert
• #f59e0b — orange
• #7c3aed — violet

Couleur d'accentuation

Couleur secondaire pour les éléments d'interface (liens hover, surlignage). Doit contraster avec la couleur principale.

Message d'accueil par défaut

Texte affiché dans :

• La page de connexion de votre interface (en haut)
• Les portails invités sans message personnalisé

Exemple :

Bienvenue chez [Votre cabinet]. Cet espace sécurisé respecte la Loi 25 du Québec et vos données sont chiffrées de bout en bout.

Domaine email expéditeur (V2)

Configuration prévue : envoyer les emails depuis votre propre domaine (ex. notifications@votrecabinet.com au lieu de noreply@secuaas.com). Nécessite la configuration DKIM/SPF.

V1 : tous les emails partent depuis noreply@secuaas.com (avec votre nom dans le Reply-To).

Branding au niveau espace client

Voir Espaces client (gestion) pour les détails. Permet de personnaliser le portail de chaque client individuellement (utile si vous gérez des clients aux marques très différentes ou pour un client qui veut sa propre identité).

Charte graphique recommandée

Quelques conseils pour un branding professionnel :

• Logo simple : pas de texte trop fin, lisible en 32px
• Couleur principale d'entreprise : utilisez la même que sur votre site web et vos cartes de visite
• Contraste suffisant : la couleur principale doit garantir un texte blanc lisible (ratio WCAG AA minimum)
• Cohérence : utilisez le même branding sur tous les espaces clients sauf cas particulier
• Test sur mobile : vérifiez le rendu sur smartphone après configuration

Mode sombre (V1 partielle)

ConformVault dispose d'un mode sombre activable par utilisateur (Profil → Préférences). Les couleurs de branding sont automatiquement adaptées :

• La couleur principale reste la même
• Les fonds clairs deviennent sombres
• Le logo doit être en SVG ou PNG transparent pour s'adapter

V1 : le mode sombre est partiel — quelques composants n'y adhèrent pas encore. V2 prévoit la complétion.

Aperçu

Après chaque modification, cliquez sur Sauvegarder. L'effet est immédiat sur :

• Votre interface (refresh de page)
• Les nouveaux portails invités (les sessions en cours conservent l'ancien branding jusqu'à reconnexion)
• Les nouveaux emails sortants (les emails déjà envoyés sont historiques)

Un bouton Aperçu ouvre une page de prévisualisation qui simule l'affichage chez un destinataire externe.

Limites V1

• Pas de personnalisation du nom du produit (toujours ConformVault sauf accord white-label négocié avec SecuAAS)
• Pas de domaine custom (votre portail reste sur conformvault.com/portal/...) — V2 prévoit le DNS personnalisé pour les MSP
• Pas de templates d'emails entièrement personnalisables — V1 propose les couleurs et le logo, V2 le HTML complet

Cas d'usage MSP

Pour un MSP qui gère plusieurs clients aux identités très différentes :

• Branding global du MSP au niveau de votre organisation (votre identité visuelle)
• Branding par espace pour les portails que vous présentez aux clients finaux (l'identité de votre client)

Cela permet à un cabinet d'avocats Tremblay & associés (votre client) de voir un portail aux couleurs Tremblay, pendant que vous voyez un dashboard aux couleurs de votre cabinet IT en backend.

Aperçu de la chaîne d'héritage

Email envoyé à un destinataire d'un lien de partage de l'espace "Dossier Tremblay"
      |
      | Branding utilisé :
      v
1. Branding de l'espace (s'il est défini)
      |  fallback
      v
2. Branding de votre organisation (Org Settings)
      |  fallback
      v
3. Branding par défaut ConformVault (logo SecuAAS, couleurs neutres)

Bonnes pratiques

• Définissez le branding org dès l'onboarding — évite que vos premiers emails partent en branding générique
• N'utilisez le branding par espace que si vous gérez plusieurs clients aux marques distinctes
• Conservez les fichiers source (PSD, AI, SVG vectoriel) — vous en aurez besoin pour les variations
• Testez sur mobile et desktop avant de finaliser
• Mettez à jour le branding après un changement d'identité visuelle de votre entreprise (rebranding)