Design modular

Disfruta del mejor creador de aplicaciones sin código para crear un hermoso diseño para tu aplicación

Diseño general+

  • Adaptado a cada dispositivo

    En un primero momento los diseños de GoodBarber se centran el el móvil, después se adaptan totalmente a cada pantalla para una ofrecer una calidad constante en cada dispositivo, smartphone, tableta, ordenador portátil o de desktop

  • Editor de estilo global

    Gestiona el estilo general de tu aplicación desde un único menú: tema de color, tipografía, botones de acción, efectos de rollover y elementos adicionales, configura tu diseño y aplícalo a toda la aplicación, con un solo clic.

  • Gestión de las imágenes de fondo

    GoodBarber ofrece la posibilidad de insertar imágenes a tu diseño colocándolas en segundo plano.

  • Márgenes personalizables

    Personaliza los márgenes de tu proyecto. Horizontal en todas las pantallas y vertical en la versión móvil.

  • Efectos en el texto

    Puedes añadir efectos a los textos para cuando el ratón para por encima: subrayado, aclarado o sombra.

  • Efectos en las fotos

    Añade efectos a las imágenes en el momento que el ratón pasa por encima: zoom-in, zoom-out u opacidad.

  • Cambio de tema

    Cambia de tema con un sólo clic, conservando el modo de navegación, la arquitectura y el contenido del proyecto.

  • Una solución para cada propósito

    La diversidad de plantillas, así como la variedad y capacidad de las opciones de personalización disponibles, te permiten crear una aplicación adaptada a cada una de tus necesidades.

  • Editor de estilo

    Gestiona tu estilo globalmente para garantizar un diseño coherente en las distintas vistas de la aplicación.

  • Registro de modificaciones

    El back office de GoodBarber incluye un registro de las modificaciones, lo que te permite acceder a las últimas modificaciones realizadas en tu proyecto.

  • Actualizar el diseño sin reconstruir

    Las actualizaciones del diseño de tu proyecto no obligan a reconstruir la aplicación. Una vez aprobados, se aplican automáticamente y están visibles para tus usuarios, sin tener que realizar ninguna acción.

  • Libreria de imágenes

    Guarda las imágenes dentro de tu biblioteca personal para poder acceder fácilmente a éstas cuando las necesites.

  • Redimensionamiento selectivo de imagen

    Las imágenes se redimensionan en varias proporciones, se comprimen y almacenan en caché para alcanzar la mejor combinación de peso, rendimiento y calidad de visualización. Los tiempos de carga se optimizan sin poner en peligro la calidad de la pantalla.

  • Efecto monocromo

    Gracias al editor de imágenes integrado en el back office de GoodBarber puedes añadir un efecto monocromo a tus imágenes.

  • Efecto borroso

    Añade un efecto borroso a tus imágenes en un solo clic, directamente desde el back office de GoodBarber, gracias al editor de imágenes integrado.

  • Efecto zoom

    Aplica el efecto zoom en las imágenes, en la versión desktop de tu proyecto

  • Asistente de generación de pantalla de bienvenida e icono

    El back office de GoodBarber ofrece una herramienta diseñada para ayudarte con la creación del icono y la splash screen de la aplicación desde cero

  • Generación de grados de colores

    Integra unos grados de colores en el diseño de tu app entre los disponibles en nuestra librería muy completa (conectada al servicio https://uigradients.com). Una vez elegido, el grado se genera automaticamente y se aplica al diseño de tu app.

Inicio+

  • Home modular

    La sección Home es la primera sección de tu app, es completamente flexible y está compuesta de widgets. Ahora, es posible crear una app realmente única gracias a la gran variedad de widgets.

  • Activar o desactivar

    Puedes elegir de activar o desactivar la sección Home de tu app. Si la desactivas, la navegación se hará a través del modo de navegación que habrás elegido.

  • 74 widgets

    Gracias a los widgets, tendrás una flexibilidad incomparable para organizar la home de tu app.

  • Wigdets para el contenido

    Content apps

    Con los widgets podrás dinamizar la home de tu app, ésta se actualizará automáticamente cuando se publique nuevo contenido dentro de la app.

  • Widgets para la navegación

    Content apps

    Ofrece una entrada directa a las secciones importantes de la app con los widgets de navegación. Ideal para guiar al usuario hacia la función principal de tu proyecto.

  • eCommerce widgets

    eCommerce apps

    Crea entradas directas a tus productos y colecciones, desde la página de inicio de tu aplicación utilizando el widget Lista de productos y los widgets de la lista de colecciones

  • Promo widget

    eCommerce apps

    Muestra un mensaje promocional tan pronto como los usuarios lleguen a la página de inicio de tu tienda. Puedes resaltar un producto, una colección, una lista de colecciones. El widget promocional es muy flexible y te ayudará a aumentar tus ventas.

  • Widgets semi-dinámicos

    Estos widgets permiten construir una home que se actualiza automáticamente cuando hay contenido nuevo publicado. La idea es proponer una arquitectura clara para que la navegación del usuario dentro de la app.

  • Otros widgets

    Esta categoría reune unos widgets utilitarios como los widgets de búsqueda, newsletter, de publicidad o HTML.

  • Construcción drag & drop

    Organizar los widgets de tu home es muy sencillo, simplemente hay que arrastrarlos y soltarlos en el sitio que desees.

  • Opciones de clasificación

    Accede a una amplia gama de opciones para gestionar el orden de visualización de los elementos dentro de tus widgets de contenido: por fecha, popularidad, orden alfabético, al azar...

  • Número de items

    El número de elementos mostrados por un widget es configurable por cada widget. De ese modo, te garantizamos una mayor flexibilidad para organizar tu home.

Personalización de la navegación+

  • Cabecera, cuerpo de la app y pie de página

    Cada menú de navegación está compuesto por 3 partes distintas: cabecera, cuerpo y pie de página, cada uno de ellos es completamente personalizable. Asimismo, no es obligatorio mostrar el encabezado y el pie de página.

  • Visualización del logo

    Visualiza tu logo dentro de la cabecera de tu navegación. Para hacerlo, simplemente tienes que importar el logo o añadir directamente texto.

  • Enlace al perfil de usuario

    Añade un enlace directo al perfil del usuario dentro de tu modo de navegación. Editar el texto, el icono y el color del enlace.

  • Añade un enlace directo

    Añade accesos directos a tu modo de navegación y deja que los usuarios accedan fácilmente a cualquier sección de tu app, a un enlace externo o incluso pueda realizar una acción como cerrar sesión, enviar un mensaje de texto o un email.

  • Separadores personalizables

    Añade separadores dentro de tu menú de navegación y personaliza el color y la altura de los píxeles.

  • Área de enlaces personalizable

    Crea tu menú de navegación añadiendo enlaces a secciones dentro de tu app.

  • Copyright

    Añade una área de copyright dentro del menú de navegación de tu proyecto. Selecciona el color y el texto, así como la fuente y el tamaño de ésta.

  • Opciones de diseño avanzadas

    GoodBarber permite la personalización avanzada del diseño del menú de navegación. Fuente, colores, alineación, icono, altura de la celda, título ...

  • Pantalla predeterminada del menú

    Para los menús Swipe, Little Swipe, Grid y Slate selecciona el estado por defecto: siempre escondido o siempre visible cuando la app se abre.

Recursos de diseño+

  • Galería de iconos

    Una colección con más de 1000 iconos creados a medida por nuestro equipo de diseñadores y organizados en 3 grupos diferente. Está disponible en tu back office.

  • Iconos personalizables

    Crea tu propia colección de iconos cargándolos directamente en el back office. Pueden ser iconos o imágenes en formato .png, 260px x 260px.

  • Temas Profesionales

    El back office de GoodBarber cuenta con 25 temas profesionales creados por nuestro equipo de diseñadores expertos. Inspirados en nuestra filosofía mobile first, están diseñados para adaptarse perfectamente a cada dispositivo, siguiendo las tendencias actuales, además de ser totalmente personalizables.

  • Libreria de Google Fonts

    GoodBarber cuenta con un conjunto de más de 400 fuentes de Google que se pueden utilizar directamente en el back office, sin necesidad de incorporar código adicional.

  • Libreria de Pexels

    Los clientes de GoodBarber pueden acceder a la biblioteca de fotos de Pexels, directamente desde el back office, con más de 500.000 imágenes de alta resolución.

  • Búsqueda avanzada de imágenes

    La libreria de Pexels en el back office de GoodBarber está equipada con una herramienta de búsqueda avanzada de imágenes por tema, palabra clave o color.

Secciones+

  • 25 tipos de secciones

    GoodBarber te propone 25 tipo de secciones que puedes utilizar para construir tu proyecto.

  • Configuración avanzada que se mostrará

    Para cada sección, selecciona la información que quieres mostrar, como la hora de publicación o el autor de una sección de artículos.

  • Personalización de la barra de herramientas

    Content apps

    Para cada sección, elige las acciones disponibles en la barra de herramientas: comentarios, compartir, tamaño de texto, favorito.

  • Acceso a los comentarios

    Content apps

    Permite a tus usuarios acceder a la página de comentarios desde cada tipo de contenido.

  • Enlace directo para compartir en las redes sociales

    Añade enlaces directos para compartir en las redes sociales en cada página de contenido.

  • Carga de página progresiva

    Los gestos intuitivos permiten al usuario mostrar contenido adicional, bajo demanda, cuando el usuario visita una sección. Esto permite una visualización más rápida mientras mejora la experiencia del usuario.