Passer au contenu principal

Conception de l’application Mosino

Cet article décrit comment utiliser les options de personnalisation du design.

M
Écrit par Mosino One
Mis à jour il y a plus de 5 mois

Aperçu de la conception

Diverses options sont disponibles dans le portail Mosino Manager pour permettre à l’administrateur de la propriété ou à l’équipe marketing de personnaliser l’application, sa mise en page et ses éléments de design.

Les options sont divisées en deux catégories : Services et Conception générale.

Services

Pour accéder à la fonctionnalité Services, allez dans l’icône Général, puis sélectionnez l’onglet Services.

Ce sont toutes les tuiles/services disponibles dans l’application. Ces services peuvent être activés/désactivés et personnalisés en termes de taille, position, contenu, etc.

Chaque service possède différentes propriétés qui permettent de modifier son apparence :

Taille : 1, 2 ou 4 formats disponibles.

Type d’arrière-plan

Mise en avant : sélectionne automatiquement les informations du service pour concevoir la tuile.

Par exemple, si la tuile concerne les restaurants et que l’option est activée, le système choisira un restaurant en vedette et utilisera son image, titre et description (taille 4 uniquement).

Couleur : permet de choisir une couleur statique.

Image : permet de sélectionner ou téléverser une image pour personnaliser la tuile.

Couleur de fond : permet de choisir entre un fond en dégradé ou une couleur simple.

Icône principale du service : l’icône qui s’affiche sur la tuile et sur les pages associées.

Remarque : si l’icône est retirée, l’étiquette de la tuile sera centrée automatiquement.

D’autres options permettent de définir sur quel appareil chaque tuile est disponible.

Par exemple : si la tuile “Compte” doit apparaître sur le mobile, mais pas sur l’interphone, il suffit de définir “Non” pour “Autoriser sur interphone”.

Langue du bouton : cet onglet dans les informations du service permet de définir un nom différent pour chaque langue, assurant une bonne localisation des tuiles.

Conception Générale

Le portail Manager offre plusieurs options pour personnaliser l’apparence de l’application afin qu’elle corresponde à l’image de marque ou aux exigences marketing de la propriété.

Pour configurer cette fonctionnalité, allez dans l’icône Général puis dans l’onglet Opérateur. Faites défiler avec la molette en haut et sélectionnez l’onglet Design.

Cliquez sur Ajouter ou sélectionnez une conception existante pour la modifier. Saisissez un nom et une description (plusieurs designs peuvent être créés).

Liste des options disponibles :

Dates de début / fin :

Permet de créer des designs temporaires (événements, campagnes, etc.). Si aucune date n’est saisie, le design est considéré comme principal.

Menu / Style de la barre de menu :

Choisissez entre un menu hamburger latéral ou une barre de menu traditionnelle en bas.

Options :

Menu flottant : suit le défilement.

Menu fixe : reste en place.

Menu latéral : affiche toutes les options après clic.

En-tête (Highlight) :

Section en haut de l’écran avec le message d’accueil et l’image d’arrière-plan.

Peut être en mode flottant.

fixe

Thème :

L’application propose un thème clair ou sombre.

Par défaut, l’utilisateur peut choisir dans son profil, mais un gestionnaire peut forcer un thème unique.

Famille de polices :

Deux options disponibles. La police principale est utilisée globalement.

La police de titre s’applique aux en-têtes.

Important : la police doit être hébergée en ligne (.woff2).

Example ou le fonte de titre est utilisé:

Example ou la fonte général est utilisé:

Couleur des boutons (Panneaux) :

Couleur des boutons (Pages) :

Couleur d’arrière-plan (Pages) :

Couleur utilisée comme fond général de l’application, sauf dans les panneaux/contenus.

Couleur de fond des icônes :

Couleur des icônes qui illustrent les groupes, objets intelligents, etc.

Bouton flottant :

Couleur du bouton flottant en bas à droite.

Couleur des étiquettes / étiquettes sélectionnées :

Utilisé pour les champs de formulaire.

La couleur sélectionnée s’affiche lorsque l’étiquette est active ou en cours d’utilisation.

Couleur des onglets / onglets sélectionnés :

Pour les pages contenant plusieurs onglets. Deux couleurs sont utilisées : normale et sélectionnée.

Couleur des notifications :

Couleur des messages d’alerte/notification (ex : avertissements).

Écran de verrouillage :

Active l’écran de verrouillage avec le message d’accueil et le nombre de notifications.

Barre de liens rapides :

Permet d’afficher/masquer la barre de liens rapides dans l’application.

Si activée, elle affichera les services marqués comme “lien rapide” dans la page Services.

Barre de liens rapides activé:

Barre de liens rapides cacher :

Avez-vous trouvé la réponse à votre question ?