Le blog de GoodBarber
GoodBarber, App
blog-goodbarber

Restaurants : notre guide pour créer votre app


Ecrit par le Lundi 27 Février 2017 16:12


Restaurants : notre guide pour créer votre app
Dans notre dernier guide, nous vous avions donné, étape par étape, tous nos conseils pour créer une application de tourisme, qu’il s’agisse de promouvoir une ville, une région ou toute autre activité touristique. Aujourd’hui, on reste dans l’industrie de service, avec au menu, un guide détaillé pour créer une app pour votre restaurant

C’est parti !

1. Choisir un thème

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 un point de départ, dans la mesure où vous pourrez bien sur le personnaliser et ajuster tous ses paramètres en fonction de vos besoins.
Restaurants : notre guide pour créer votre app

Nous vous recommandons néanmoins de choisir un style qui se rapproche de l'harmonie de couleurs et du style de l'application que vous avez en tête. Ici par exemple nous avons utilisé le thème "Green".

2. Construire votre home

La Home, c'est le premier écran de votre app, celui que les utilisateurs verront en premier à l'ouverture. C'est donc une étape à 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) :
Restaurants : notre guide pour créer votre app

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.
Restaurants : notre guide pour créer votre app

Nous avons ensuite ajouté un nouveau widget de Contenu, pour afficher notre section Agenda, avec le template List > Card.
Restaurants : notre guide pour créer votre app

Puis nous avons ajouté des Liens, le premier vers notre section A propos :
Restaurants : notre guide pour créer votre app

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, etc.) : 
Restaurants : notre guide pour créer votre app

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 mettre en avant des liens internes (vers une section de l'app) ainsi que des liens externes (vers une page Facebook par exemple) : 
Restaurants : notre guide pour créer votre app

Notre Home affiche désormais 4 widgets au total.

3. Construire votre Menu

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 "menus" différents ou modes de navigation, de quoi distribuer toujours mieux le traffic 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 nous avons choisi le template Slate : 
Restaurants : notre guide pour créer votre app

Nous avons ajouté le logo du restaurant dans le Header, avec des raccourcis vers la Carte de fidélité, les Paramètres et l'option d'Appel, le Body contient les sections principales de l'app, tandis que le Footer affiche ici un Copyright.

4. Ajouter votre contenu

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.
 
  • Ici nous avons utilisé une section mCMS articles pour afficher le menu du restaurant. Nous avons ensuite personnalisé la vue de la liste articles, pour choisir un affichage plein écran (le template n°8).
Restaurants : notre guide pour créer votre app

  • Une autre fonctionnalité incontournable pour un restaurant, notre section Formulaire, pour prendre des réservations ou des commandes. Vous pouvez ajouter les champs de votre choix et personnaliser le design de la section.
Restaurants : notre guide pour créer votre app


NB : l'Add-On Carte de fidélité est disponible avec notre formule Advanced et requiert, au préalable, l’installation de notre Add-On authentification.
Restaurants : notre guide pour créer votre app

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.
Restaurants : notre guide pour créer votre app

Depuis cet onglet vous pouvez administrer votre Carte de fidélité, mais également personnaliser le design de votre carte : choix d’un template, choix de l’icône pour illustrer les points de fidélité, couleurs, etc.
Restaurants : notre guide pour créer votre app

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.
Restaurants : notre guide pour créer votre app

5. L’écran de lancement et l’icône d’app

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.
Restaurants : notre guide pour créer votre app

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 !
Restaurants : notre guide pour créer votre app

- Vous pouvez en savoir plus sur les nombreuses options pour paramétrer votre Home dans cet article : Home modulaire.
- Et pour découvrir tout ce qu'il y a à savoir sur notre nouveau Menu, direction cet article : Menu et navigation secondaire.

  CRÉEZ VOTRE APP
Restaurants : notre guide pour créer votre app




Facebook
Twitter
LinkedIn
Pinterest
Instagram


Apps fo

Inscrivez-vous à notre newsletter

Soyez les premiers à connaître nos toutes dernières fonctionnalités, nos réductions à venir, astuces DIY et plus encore !






Scannez notre QRcode pour télécharger l'application GoodBarber News !

Disponible sur iOS & Android