Adaptez la connexion et l'interface de travail à votre entreprise. Avec des modèles sélectionnés, des profils de couleurs harmonisés et un aperçu avant activation.
Aperçu schématique · Aucun véritable formulaire de connexion
La connexion et le back-office répondent à des besoins différents. Vous pouvez concevoir les deux indépendamment tout en les harmonisant visuellement.
Le logo, la mise en page, l'arrière-plan et le message d'accueil façonnent la page de connexion. Les modèles facilitent le démarrage ; les textes allemands et anglais se gèrent séparément.
Découvrir les modèles de connexion ↓Navigation, boutons, tableaux et lignes actives partagent une palette cohérente. Choisissez un profil ou générez des nuances à partir de votre couleur principale.
Essayer les couleurs du back-office ↓Choisissez d'abord une famille de mises en page. Adaptez ensuite le logo, les couleurs, les textes et l'arrière-plan.
Un formulaire centré et des surfaces sobres. Clean White et Soft Cloud offrent une entrée discrète.
Le formulaire et le panneau de marque côte à côte. Split Accent et Architect Grid donnent de l'espace à votre message.
Editorial Split et Forest Calm associent la connexion à vos propres photographies. Ici, elles sont représentées schématiquement par un graphique.
Champagne Atelier et Bordeaux Signature complètent le choix avec des designs chaleureux ou expressifs. Toutes les illustrations sont des exemples de mise en page.
Le concepteur réunit les éléments qui définissent votre page de connexion.
Redimensionnez et alignez votre logo, personnalisez le panneau photo ou l'arrière-plan. Les fichiers importés doivent respecter les formats pris en charge et les contrôles de sécurité.
Gérez les messages d'accueil, les espaces réservés et les pieds de page dans les deux langues. Les contenus restent indépendants de la mise en page choisie.
Travaillez d'abord sur un nouveau design en brouillon. Activez-le après vérification ou restaurez un état antérieur enregistré si nécessaire.
Essayez huit orientations de profils ou saisissez votre couleur de marque. La navigation, le bouton et la ligne active réagissent directement dans l'aperçu.
L'aperçu présente des exemples de couleurs. Il ne modifie que cette représentation et n'enregistre aucun paramètre CRM.
Vos contacts et vos prochaines étapes.
✓ Succès! Remarque× Erreur
Une couleur principale est le point de départ. Une interface utilisable nécessite des couleurs de texte adaptées, des nuances et des états reconnaissables.
La couleur choisie permet de décliner surfaces actives, bordures discrètes et états au survol. Un aperçu montre leur effet combiné.
Le rapport entre la surface du bouton et le texte est calculé. La démonstration choisit du texte noir ou blanc ; les autres éléments doivent être vérifiés séparément.
Succès, avertissement et erreur conservent leur signification. Le texte et les symboles complètent la couleur, afin que les états ne reposent pas uniquement sur une teinte.
La vérification d'une combinaison de couleurs ne certifie pas une accessibilité complète. Celle-ci comprend notamment la navigation au clavier, le focus, les libellés et la vérification de toute l'interface.
Les nouveaux designs doivent pouvoir être vérifiés avant de modifier le travail quotidien.
Commencez par une mise en page de connexion ou un profil de couleurs et ajoutez les contenus de marque adaptés.
Préparez les modifications séparément. Le design actif reste en place jusqu'à la validation.
Contrôlez la connexion, la navigation, les tableaux, les boutons et les états pertinents. Testez les vues CRM prises en charge avant l'activation.
Publiez la version vérifiée. Les révisions enregistrées permettent un retour contrôlé à un design antérieur.
Les fonctions de branding reposent sur une couche de présentation distincte. Les adaptations de certaines vues doivent correspondre à la version de SuiteCRM utilisée.
Pilotez les couleurs et les états à l'aide de valeurs définies, plutôt que de modifier manuellement des fichiers du cœur pour chaque instance client.
Avant une mise à jour de SuiteCRM, vérifiez que la connexion, les vues principales et les extensions personnalisées s'affichent toujours correctement.
Les révisions antérieures et le retour au standard favorisent une exploitation maîtrisée. Le périmètre précis dépend de la validation de chaque version.
Réponses sur le design, l'aperçu et l'exploitation.
Oui. Le concepteur de page de connexion et le concepteur de thèmes du back-office se pilotent indépendamment. Une connexion expressive peut être associée à une interface de travail sobre.
Non. La représentation interactive illustre les orientations des profils et le contraste d'un bouton. Les valeurs précises du produit et les vues prises en charge sont présentées dans le concepteur ou lors de la démonstration.
L'aperçu compare la luminosité de la surface principale avec un texte noir et blanc et choisit le meilleur contraste. Le rapport affiché vaut pour cette combinaison.
Vos logos et images font partie de la personnalisation. Les formats, tailles et contrôles de sécurité dépendent de la zone d'importation concernée.
Les brouillons peuvent être vérifiés avant validation. Les vues CRM disponibles dans l'aperçu dépendent des fonctionnalités validées.
Une couche de présentation distincte évite d'écraser directement les fichiers du cœur. Les nouvelles versions et les extensions personnalisées nécessitent néanmoins un contrôle de compatibilité.
La personnalisation de la connexion prévoit des textes allemands et anglais séparés. Les répertoires linguistiques de ce site sont indépendants.
Aide et documentation
Concepteurs de connexion et de thèmes : les guides de la base de connaissances QOON.
En environ 20 minutes, nous vous présentons les concepteurs de connexion et de back-office, ainsi que la vérification des brouillons avant activation.