Le blog de GoodBarber
GoodBarber, App
blog-goodbarber

Tourisme : notre guide pour créer votre app


Ecrit par le Mercredi 30 Mars 2016 17:49


Finies les cartes qu'il fallait s'escrimer à replier avant de les ranger ! Aujourd'hui, pour découvrir un pays ou explorer une ville, la solution se trouve dans votre téléphone. Une application touristique, outre son format de poche, a la valeur ajoutée de l'instantanéité. Le contenu, régulièrement mis à jour, est un atout inestimable pour le voyageur, qu'il s'agisse de prévoir son séjour comme de se repérer au fil de son voyage.

Si vous avez un projet mais vous ne savez pas par où commencer vous êtes au bon endroit. Avec GoodBarber et notre guide détaillé, la création d'une app pour votre activité touristique devient un jeu d'enfants. Enfin, si nous avons choisi la belle ville de Bonifacio à titre d'exemple, il ne vous reste plus qu'à adapter nos conseils à la destination de votre choix (ville, région, pays...).

1 - Choisir un thème

Il s'agit de la première étape pour créer votre Beautiful App. Dans votre back office vous aurez accès à plus de 50 thèmes imaginés par nos designers et qui peuvent vous servir de point de départ pour votre application. Néanmoins, si vous le souhaitez, vous pouvez aussi choisir un thème classique et opérer quelques ajustements afin de concrétiser votre propre design.

Pour notre application du jour, nous avons choisi le thème "Asian Touch", mais comme nous venons de le souligner, libre à vous de choisir le thème qui correspond le mieux aux contours de votre projet.

2 - Choisir un mode de navigation

Tout comme pour les thèmes, nos menus ont des templates pré-définis, mais sachez que vous pouvez aussi réaliser le votre from scratch. Pour notre application "Bonifacio" nous avons choisi le template "Little Swipe". Minimaliste, il place le contenu au coeur de l'app, pour une expérience utilisateur claire.

* Le contenu qui apparait initialement dans l'app sert d'exemple, au fur et à mesure que vous remplirez vos sections, c'est à vous de l'adapter (ou de le supprimer).

Une fois le menu choisi, il est temps de commencer à customiser votre app. Les couleurs, par défaut, sont celles qui ont été attribuées au thème que vous avez sélectionné. Pour personnaliser votre app vous pouvez les changer. Pour ce faire, cliquez simplement sur "Modifier".

Pour choisir nos couleurs, nous avons utilisé l'outil gratuit Color Wheel d'Adobe. De la sorte, vous pouvez définir un assortiment de couleurs harmonieux sans avoir à tester un nombre de combinaisons infini.

3.1 - Header

Comme pour le menu, vous pouvez également modifier les réglages du design. Avant toute chose, il vous faut décider si votre logo s'affichera au format texte ou image, quels effets vous souhaitez appliquer au header et au boutons du menu.

3.2 - Body

Cette étape vous permettra de modifier les réglages pour le fond, les séparateurs et les marges. Vous pouvez effectivement modifier le fond qui est proposé avec votre thème.

Pour créer une nouvelle image de fond nous avons utilisé Canva (outil en ligne et gratuit), en respectant les dimensions précisées dans le back office. L'image ne diffère pas beaucoup de celle associée au thème, nous avons simplement changé les couleurs et les illustrations.

4 - Ajouter du contenu

Dans le cadre d'une application de contenu, bien hiérarchiser ce dernier est une étape clé.

Pour commencer, afin de justement optimiser l'organisation du contenu, nous avons créé un sous-menu au sein de l'application pour répertorier les informations proposées (par exemple : hôtels, restaurants, plages...). Les autres sections utiles (telles que le Blog, les Favoris ou encore les Astuces...) resteront dans l'arborescence principale.

Une fois la structure de l'app arrêtée, il est temps de remplir vos sections. A titre d'exemple, pour Bonifacio, nous avons illustré la rubrique "Les plages", en renseignant des lieux à travers la ville, en lien avec cette thématique.

Avant d'ajouter des points d'intérêt, il est judicieux de créer des catégories dans votre section. Cela rendra la navigation plus fluide pour l'utilisateur tout en évitant la création inutile de sections supplémentaires. L'expérience utilisateur s'en trouvera améliorée. Ne l'oubliez pas : plus votre app est intuitive et claire, mieux c'est.

Une fois les catégories définies, vous pouvez effectivement commencer à renseigner des points sur la carte, dans l'onglet "Contenu" de la section.

Il est possible de renseigner des informations très précises pour chaque lieu (par exemple : description, horaires d'ouverture, histoire...), d'ajouter des photos, des boutons d'actions (téléphone et email), site internet, etc. Il vous faudra ensuite déterminer à quelle catégorie chaque point appartient. Dans le cas de notre exemple, la plage de Sperone apparaîtra dans la catégorie générale et dans "Les plages". Après d'éventuelles retouches design, c'est terminé.

Sachez que le nombre de points d'intérêt n'est pas limité au sein d'une section donnée, vous pouvez ainsi lister et détailler autant de points que votre projet le nécessite.

La création de catégories peut s'avérer utile pour d'autres sections (articles, vidéos...). C'est un outil précieux pour réduire la taille de votre app. Par exemple, dans la section "Restaurants" nous avons pu élaborer les catégories par types de cuisine (traditionnelle, italien, fruits de mer...) afin de garder l'information dans une même section tout en filtrant les résultats.

Pour la création de nouvelles sections les étapes sont similaires. Si le contenu est créé dans une section CMS, tout est administrable depuis votre back office GoodBarber, de la rédaction d'articles en passant par la création d'évènements. Si vous choisissez d'importer du contenu depuis une source externe (Wordpress, Facebook, Flickr...) il vous suffit de configurer les réglages de votre section lorsque vous la créez - notre aide en ligne et notre équipe support seront là pour vous assister.

5 - Ecran de lancement et icône

Après avoir franchi l'étape du design et renseigné votre contenu, il est temps d'opérer les derniers ajustements.

Dans l'onglet "App" les étapes 6 et 7 ont trait à l'écran de lancement (l'image qui apparait lorsque l'utilisateur ouvre votre application, le temps que le contenu se charge) et l'icône (celle qui sera visible dans les stores, via les notifications push et sur l'écran d'accueil).

Il est important de prendre en compte le fait que vous devez importer des images spécifiques pour chaque famille d'appareils et systèmes d'exploitation. Cela permet d'assurer une résolution optimale de votre app et de ses visuels.

Toujours sur Canva, nous avons créé un écran de lancement personnalisé. Votre splash screen doit bien évidemment être attractif, pour donner un aperçu séduisant de votre application. Si vous le souhaitez vous pouvez vous appuyer sur notre Assistant de création afin de générer votre écran de lancement et votre icône d'app directement depuis votre back office GoodBarber.

Pour l'icône d'app il est également nécessaire de créer des images de dimensions différentes. En effet, l'icône a plusieurs usages (stores / écran d'accueil...). Par ailleurs, les dimensions varient également d'un OS à l'autre.

Le champ qui apparaît sous l'aperçu de l'icône est le nom de l'app tel qu'il apparaîtra sur l'écran d'accueil du smartphone de l'utilisateur. Dans le cas de notre exemple : Bonifacio.

Et voilà ! Avec notre guide de création d'une application mobile pour votre ville ou votre guide touristique vous avez toutes les clés pour faire de votre app un succès. Il vous reste à mettre en place une stratégie de promotion efficace. Ça tombe bien, notre Guide de Promotion est là pour mettre sur la voie.


Inspirés pour créer votre propre projet ? A vous de jouer !
 
  CRÉEZ VOTRE APP


Traduit par Isabella Leland




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