Restaurants : notre guide pour créer votre app

Choisir un thème, c'est la première étape pour créer votre Beautiful App. Dans votre back office, vous pouvez choisir parmi plus de 25 thèmes différents (avec de nouveaux ajouts à venir), créés par nos designers. Vous pouvez considérer le thème que vous choisissez comme l'outil de départ, dans la mesure où vous pourrez bien sur le personnaliser et ajuster tous ses paramètres selon vos besoins.

La Home, c'est le premier écran de votre app, celui que les utilisateurs verront en premier à l'ouverture. C'est donc un point à soigner, tant au niveau rendu visuel que pratique. Avec GoodBarber 4.0, vous pouvez donc choisir quel contenu vous souhaitez mettre en avant dès l'ouverture de votre app, et vous pouvez aussi afficher des liens vers les destinations majeures de votre application.

La Home modulaire proposée avec GoodBarber 4.0 accueille deux types de widgets, des widgets de contenu et des widgets de navigation (ou liens) ; au total 66 widgets ont été développés à ce jour. Les templates associés à chaque widget ont une déclinaison optimisée pour mobile, tablette et desktop.

Ci-dessous vous pouvez voir que nous avons ajouté un premier widget, un widget de Contenu en l'occurrence, afin d'afficher une section mCMS articles (le menu de notre restaurant) :

Une fois le template choisi (Banner > Minimal), nous avons personnalisé la police utilisée pour le titre ainsi que le nombre d'items affichés, pour passer de 3 à 4.

Nous avons ensuite ajouté un nouveau widget de Contenu, pour afficher notre section Agenda, avec le template List > Card.

Puis nous avons ajouté des Liens, le premier vers notre section A propos :

Comme vous pouvez le constater, en fonction de votre choix de template (ici Banner > SmallSlideshow) il est possible d'afficher un bouton et de paramétrer plusieurs détails (police, texte, langue etc.) : 

Nous avons ajouté un dernier widget de Navigation avec une autre sélection de liens. Nous avons choisi de créer un widget distinct afin de pouvoir lui assigner un autre template, List > VisualIcon. Comme vous pouvez le voir, vous pouvez faire la promotion de liens internes (vers une section de l'app) ainsi que de liens externes (vers une page Facebook par exemple) : 

Avec GoodBarber 4.0, le Menu est utilisé pour la navigation secondaire à l'intérieur de votre app. La Home permet déjà de proposer des points d'entrée vers les sections de votre choix, ainsi que des call to actions, de sorte que vous pouvez même choisir de ne pas activer de Menu du tout. Si vous choisissez d'en afficher un, dans l'onglet Browsing mode de votre back office vous pouvez choisir parmi 7 types de "formule" différentes ou modes de navigation, de quoi distribuer toujours mieux le trafic dans votre app.

A savoir que la construction du Menu est complètement indépendante du nombre de sections de votre app, pour un contrôle total de la navigation au sein de cette dernière. Votre Menu peut afficher des liens et des raccourcis (pour renvoyer vers une destination donnée), mais aussi des titres et des séparateurs (pour la touche design, afin de prioriser par exemple certains éléments du menu).

Ici, pour notre exemple en tant que restaurateurs nous avons choisi le template Slate :

Jusqu’ici, utiliser le contenu "Exemple" présent par défaut dans l’application peut être un moyen judicieux de créer un design abouti. Il est en effet plus facile de se projeter avec une app remplie. Mais maintenant, regardons d’un peu plus près comment ajouter votre propre contenu. 

NB : cet Add-On est disponible avec notre formule Advanced et requiert, au préalable, l’installation de notre Add-On authentification.

Une fois l’Add-On Carte de fidélité installé, vous remarquerez l’apparition d’un nouvel onglet dans le menu de votre back office, intitulé Business.

Depuis cet onglet vous pouvez administrer votre Carte, mais également personnaliser le design de votre carte : choix d’un template, choix de l’icône pour illustrer les points, couleurs, langue etc.

On y est presque ! Il reste encore deux éléments à ajouter à votre app avant qu'elle ne soit prête à être révélée au grand jour.

L’écran de lancement, c’est la première chose que vos utilisateurs voient lorsqu’ils téléchargent votre application (avant la Home). Même si ce dernier ne s’affiche que quelques instants, le temps que le contenu de votre app se charge (sur navigateur également), il est important de le soigner, pour faire une bonne première impression. Veillez ainsi à respecter les différentes tailles d’écran spécifiées, pour un affichage optimal.

Pour l’icône d’app, elle sera quant à elle sur l’écran d’accueil de l'appareil de vos utilisateurs et devra, en conséquence, également s’adapter à plusieurs dimensions et plusieurs OS, sans oublier les formats spécifiques au web (comme la favicon). Créer l’icône d’app idéale n’est pas une tâche aisée, avec tout à la fois un espace restreint pour votre créativité et le souci d’être clair. Il est fort possible que vous deviez par exemple modifier votre logo, pour l’adapter au format carré. N’oubliez pas enfin d’ajouter le nom de votre app dans le champ prévu à cet effet !