Blog de GoodBarber
Basketball
blog-goodbarber

Guía paso a paso para crear la App de un restaurante


Written by on Martes, 14 de Marzo 2017 11:13


Guía paso a paso para crear la App de un restaurante
En nuestra última guía paso a paso hablábamos sobre cómo crear una app los viajeros, para promocionar una ciudad, una region o cualquier negocio de turismo. Hoy, nos centramos en como crear la app de un restaurante, vamos a ver que hay en el menú del día. 

1. Escoge un tema

Escoger un tema es el primer paso para crear una Beautiful App. En tu back office puedes escoger entre los más de 50 temas diferentes creados por nuestros diseñadores.
El tema que escojas es sólo el punto de partida, podrás personalizar y ajustar todos los detalles. 

Recomendamos escoger un estilo que se acerque al color que quieres para tu app. Por ejemplo, en esta app hemos escogido el tema "Green".

2. Escoge el menú

Después de la pantalla con la que se abre el portal, el menú es la segunda pantalla que nuestros usuarios verán cuando estén navegando por la app. Es una característica importante tanto en lo visual como en lo práctico. Puedes escoger entre 9 plantillas, 8 de la cuales predefinidas y la restante es un menú desde cero, para que lo diseñes tú mismo utilizando código HTML.

En el ejemplo hemos escogido el menú Slate porque tenemos muy pocas secciones que mostrar. Después, realizamos la personalización de los colores por defecto (los asignados al tema), las fuentes, la cabecera del menú y el cuerpo. En el cuerpo añadimos la imagen de fondo para mostrar el logo de "nuestros restaurante".
Un truco: hemos eliminado el título de la página en el campo> Título de la página> texto. 
Guía paso a paso para crear la App de un restaurante

3. Edita la cabecera

Aquí es donde puedes añadir tu logo si escoges mostrar una imagen en tu cabecera. También, puedes usar la opción texto y jugar con varias tipografías. 
Guía paso a paso para crear la App de un restaurante

Aquí puedes editar los efectos de los botones de tu app, como el botón Menú. 
Guía paso a paso para crear la App de un restaurante

Como en la pestaña Cuerpo (body), puedes personalizar el fondo, también puedes editar el color, añadir una foto de fondo, modificar el estilo y el color de los separadores y el relleno de los márgenes. Ten en cuenta que en este punto, el contenido mostrado dentro de la app es todo de prueba. Puedes editarlo y crearlo en los próximos pasos. 
Guía paso a paso para crear la App de un restaurante

4. Añade contenido

De ahora en adelante, utilizando el contenido de prueba ofrecido en la app puedes ver como lograr un buen diseño sin la app vacía. Vamos a ver cómo proceder cuando estamos listos para añadir nuestro propio contenido.
  • Aquí hemos utilizado la sección mCMS artículos para mostrar el menú del restaurante. Después, personalizaremos la vista de lista de artículos escogiendo la plantilla pantalla completa (plantilla nº 8).
Guía paso a paso para crear la App de un restaurante

  • Otra funcionalidad clave que quizás te interesa para poder realizar reservas es la sección Formulario. Puedes añadir tantos campos cómo necesites y como siempre, puedes personalizar el diseño.
Guía paso a paso para crear la App de un restaurante

  • Para las apps de negocios, encontrarás más funcionalidades en la tienda de Add- Ons. Desde aquí puedes activar el Add- On Loyalty Card, por ejemplo. 
Ten en cuenta que es necesario tener el add-on registro activado para tener esta funcionalidad disponible, sólo en el plan Advanced.  
Guía paso a paso para crear la App de un restaurante

Una vez el Add-On se ha instalado, una nueva pestaña llamada Negocios se mostrará en tu back office.
Guía paso a paso para crear la App de un restaurante

Aquí puedes editar los ajustes y el diseño de tu programa fidelidad. Puedes escoger plantillas, cambiar iconos, los puntos, colores y más...
Guía paso a paso para crear la App de un restaurante

¡Casi listo! Dos elementos más para tu app y la app estará lista.
Guía paso a paso para crear la App de un restaurante

5. Pantalla de bienvenida e icono de la app

De nuevo, la pantalla de bienvenida es la prima cosa que verán los usuarios cuando abre la app. Se mostrará unos pocos segundos, mientras el contenido de la app se está cargando. Para dar una buena impresión, presta atención a las especificaciones de las diferentes medidas de pantalla, para asegurar la máxima optimización. 
Guía paso a paso para crear la App de un restaurante

Para el icono de la app, que se mostrará en el menú principal de tus usuarios, necesitarás también subir la imagen con varias dimensiones, para cada uno de los sistemas operativos.  Crear un icono perfecto es complicado, pero siempre puedes "hackear" el icono de tu marca y adaptarlo al formato cuadrado. Y, sobre todo, no olvides añadir el nombre de tu app.
Guía paso a paso para crear la App de un restaurante

Como puedes ver en las imágenes paso a paso de esta guía, puedes ver en todo momento la pre-visualización de la app en tiempo real, directamente desde el back office. Ahora que ya has terminado tu beautiful app quizás la quieres ver directamente desde un dispositivo real. 

Para ello tienes que descargar My GoodBarber App  para tener una primera idea de tu app en un smartphone ;) 
También, puedes utilizar esta solución para probar tu app y cuando estés listo para publicarla en las tiendas   recomendamos que pruebes la versión ad hoc de tu app antes de dar el paso. Si estás listo para dar el paso, mira este artículo. 

Y para acabar: 
- Asegúrate que la descripción de tu app en las tiendas hace buena publicidad . 
- Comprueba la última guía para promocionar tu app, utilízala como lista para que no se te pase nada para llevar tu app al éxito. 

CREATE YOUR APP

Guía paso a paso para crear la App de un restaurante




Facebook
Twitter
Pinterest
Google+
Instagram


Apps fo


Subscríbete a nuestra newsletter

Para tener tu app siempre a punto




Para estar al día con las últimas novedades, escanea el código QR y descárgate la App GoodBarber News

Disponible en iOS & Android