Mapas con tus colores
Elegiste tu tema y ajustaste tus colores, tus tipografías y tus iconos para que tu app se parezca a ti. Luego tus usuarios abren el mapa y encuentran el que conocen de memoria, el mismo que en todas partes. Según tu actividad, es una pantalla en la que pasan tiempo, y hasta ahora no pertenecía a tu marca.

Quizá te preguntes qué cambia realmente un mapa con tus colores. Aquí tienes tres ejemplos, desde la coherencia de tu diseño hasta la historia que quieres que cuente tu app.
Para que se parezcan a ti
Las PWA de GoodBarber muestran sus mapas interactivos con uno de los dos grandes proveedores: Google o Mapbox. Ambos ofrecen herramientas de personalización muy avanzadas para diseñar fondos de mapa con tu identidad. Ahora puedes vincular estos estilos a tus mapas, y el diseño de tu app sigue siendo coherente.

Estas herramientas van más allá de la paleta de colores. Te dejan elegir lo que queda visible en el fondo de mapa, y por tanto lo que verán tus usuarios. En la app de campus universitario de arriba, los edificios y las bibliotecas destacan y los comercios están ocultos: no es lo que buscan los estudiantes. Imagina ahora la app de tu tienda, o de tu red de tiendas. Ocultar los puntos de interés por defecto es dejar de hacer publicidad a la competencia.
Para crear un ambiente
Cuanto más marcado es el diseño de tu app, más llama la atención el contraste con un mapa estándar. Piensa en la app de un festival con una identidad muy fuerte. Con un fondo de mapa personalizado, el mapa se convierte en parte de la experiencia. Solo conserva lo que cuenta la noche del evento: los escenarios y el transporte. Las carreteras y las vías de tren se tiñen de violeta y verde neón, con los colores del festival.


Comparación entre el estilo de Google Maps por defecto y un estilo personalizado
Para contar otra historia
Las herramientas de personalización van más allá de los colores: añaden sus propias capas de datos, relieve, rutas. Estas capas sirven de base a tus contenidos Mapa del CMS de GoodBarber y a tus archivos KML importados. El mapa se convierte así en un contenido editorial en sí mismo, con la misma herramienta.
Para este vídeo, la ruta GPX se importó en Mapbox Studio, se estilizó y se publicó en un estilo completamente nuevo. Bastó con pegar este estilo en los ajustes de mapa de una sección. El mismo estilo puede vestir todos los mapas de la app, o solo un widget Mapa de la página de inicio.
¿Es fácil de hacer?
Sí. Creas tu estilo en el proveedor que prefieras: un Map ID en la consola de Google Cloud, o una URL de estilo en Mapbox Studio. Después lo pegas en el back office, para toda la app o para una sección Mapa, una sección Agenda o un widget Mapa en concreto. El procedimiento paso a paso está en nuestros artículos de ayuda: para Google Maps y para Mapbox.
Tenemos muchas ganas de ver tus mapas. Y si todavía no tienes una PWA para expresar tu creatividad, crea la tuya con GoodBarber, el Mobile App Builder no-code.
Diseño


