Blog

Widget de mapa : Descubra la plantilla Immersive Card Banner para una visualización optimizada

Marketing Manager

  Actualizado el   3 min de lectura

En GoodBarber, siempre estamos buscando formas innovadoras de mejorar la experiencia del usuario y dejar que tu contenido brille con su mejor luz. Hoy, estamos encantados de presentar una nueva característica: la plantilla Immersive Card Banner para el widget Card.
Si ya utilizas mapas interactivos en tu aplicación, sabrás lo útil que puede ser esta sección para ofrecer una navegación fluida y visual. Tanto si estás destacando ubicaciones físicas como tiendas, eventos o lugares turísticos, los mapas son un elemento clave para guiar a tus usuarios. Con la plantilla Immersive Card Banner, vamos un paso más allá ofreciendo una experiencia aún más dinámica y visualmente atractiva.

¿Qué es la plantilla Immersive Card Banner?

La plantilla Immersive Card Banner es una nueva opción de diseño para sus widgets Card, diseñada para ofrecer una presentación elegante y moderna de sus puntos de interés. Esta plantilla le permite mostrar la información clave de una manera envolvente, gracias a un visual llamativo y al texto asociado, todo ello en un diseño optimizado para captar la atención de los usuarios.
  • Imágenes de gran formato: sus mapas se benefician ahora de imágenes de gran tamaño, que ofrecen un impacto visual inmediato y una mejor manera de mostrar los lugares o eventos que desea destacar.
  • Texto superpuesto: El texto descriptivo se integra hábilmente en la imagen para que sus usuarios puedan entender rápidamente de qué se trata sin apartar la vista de la imagen principal.
  • Navegación fluida: Los usuarios pueden navegar fácilmente entre diferentes puntos desplazándose horizontalmente, lo que crea una experiencia envolvente que les anima a seguir explorando.
Adoptar esta nueva plantilla significa dar a tus usuarios acceso a una experiencia fluida e interactiva, con un visual impactante que hace aún más agradable la navegación por tu mapa. Al optimizar la presentación de sus locales o eventos, no solo mejora la estética de su aplicación o sitio web, sino que también facilita la interacción de los usuarios con usted.
Gracias a la superposición inteligente de imágenes y texto, puede ofrecer una presentación profesional que fomente la exploración sin dejar de ser intuitiva.

¿Cómo se integra la plantilla Immersive Card Banner en los widgets Card?

Integrar la plantilla Immersive Card Banner es un juego de niños. Puedes añadirla directamente desde el back office de tu app GoodBarber siguiendo estos pasos:
  1. Ve al menú Mi app > Estructura en tu back office.
  2. A continuación, seleccione la sección Inicio y el widget Tarjeta que desea personalizar.
  3. Elija la plantilla de Banner de Tarjeta Inmersiva de las opciones de diseño disponibles.
  4. Personalice los elementos visuales y las descripciones de los distintos puntos de interés según sus necesidades.
  5. Guarde, publique y admire los resultados.
Con unos pocos clics, puede transformar la visualización de su mapa en una experiencia visual inmersiva y moderna que atraiga a sus usuarios a la vez que muestra su contenido.
 

Sigue leyendo

  7 min de lectura

¿Cómo ajustar los bordes en mi app?

En GoodBarber, cada celda, widget y campo ya tiene su borde de 1 px. Dale un color, un grosor de 1, 2 o 4 px, o un solo lado bajo un título.

  4 min de lectura

El nuevo back office de GoodBarber: más claridad para crear tu app

Todo empieza por el diseño. Una nueva tipografía, Plus Jakarta Sans, un azul para la interfaz, un verde reservado para publicar y validar, esquinas suavizadas, sombras suaves e iconos rediseñados. El conjunto se lee con calma y cada color cumple una función: el azul guía, el verde confirma.En My App, la vista previa de tu app ocupa el centro de la pantalla y los ajustes se agrupan en un panel a la derecha. Modificas en un lado, ves el resultado en el otro, y tu app sigue a la vista durante todo el trabajo.