--- title: "El nuevo back office de GoodBarber, pantalla a pantalla" description: "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," canonical_url: "https://es.goodbarber.com/blog/el-nuevo-back-office-de-goodbarber-mas-claridad-para-crear-tu-app-a1168/" lang: es date: 2026-10-15 last_updated: 2026-10-15 --- # El nuevo back office de GoodBarber: más claridad para crear tu app Desde el 25 de septiembre de 2026, trabajas en el nuevo back office de GoodBarber. Una interfaz más clara, que deja espacio para lo esencial: crear tu app y hacerla crecer. Un botón de publicación que te indica en qué punto está cada versión, un modo oscuro, ajustes de accesibilidad y una edición avanzada para los creadores que quieren ir más allá. Esto es lo que cambia, pantalla a pantalla. ![](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) [Lesia PIETRI](https://es.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design 15 oct 2026 · 4 min de lectura ![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/98381419-68591475.jpg?v=1792069087.1394567) 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. ## Un botón de publicación que te dice en qué punto está tu app [bloc2-publish](https://player.vimeo.com/video/1236202114?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) Arriba a la derecha de cada página, un botón sigue el estado de tu proyecto. Muestra «Publicar mi proyecto» mientras la app no se ha publicado nunca, y después «Recompilar y enviar», «Actualiza ahora» o «Proyecto actualizado» según el momento. Basta un vistazo para saber si queda algo por hacer. Al hacer clic, la ventana «Publicar mi proyecto» repasa tus tres versiones: primero la PWA, luego iOS y luego Android. Para cada una, su estado: sin publicar, pasos completados sobre el total, lista, en generación, en revisión, en línea, por recompilar. Al lado, la siguiente acción. Abajo, el número de cambios listos para publicar, con el botón «Actualiza ahora» para enviarlos. Las tarjetas del Dashboard muestran los mismos estados, para que los veas nada más entrar. ## Claro, oscuro o sistema [bloc3-apparence](https://player.vimeo.com/video/1236202117?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) El back office de GoodBarber se abre en modo claro. Para pasar al modo oscuro, haz clic en tu nombre, abajo del menú principal: se abre un pequeño menú con la fila «Apariencia» y sus tres iconos, un sol para «Claro», una luna para «Oscuro» y una pantalla para «Sistema». «Sistema» sigue el ajuste de tu equipo: si tu sistema pasa a oscuro por la noche, el back office también. ## Ajustes de accesibilidad que te acompañan en todas tus apps [bloc4-accessibilite](https://player.vimeo.com/video/1236202115?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) Vuelve a hacer clic en tu nombre, abajo del menú principal, y abre «Mi cuenta»: la fila «Accesibilidad» reúne dos ajustes. «Tamaño del texto» agranda la interfaz en cuatro niveles, de «Pequeño» a «Muy grande». «Aumentar el contraste» oscurece el texto y marca más los bordes y los contornos. El subtítulo de la fila lo dice: «Se aplica de inmediato en todos los proyectos.» El ajuste va contigo y te acompaña de una app a otra. Si gestionas varias aplicaciones, como agencia o como revendedor, lo configuras una vez y lo encuentras en todas. Mientras no elijas nada, el contraste sigue el ajuste de aumento de contraste de tu sistema. ## La edición avanzada, para los creadores que quieren ir más allá [bloc5-edition-avancee](https://player.vimeo.com/video/1236202113?badge=0&autopause=0&player_id=0&app_id=58479&autoplay=1&muted=1&loop=1&title=0&byline=0&portrait=0) Para escribir directamente en el JSON de tu app, cada panel de Structure tiene un enlace entre llaves { }. Abre una ventana de edición avanzada sobre el JSON del elemento en curso, sin salir de la página. Un campo «Buscar una clave o un valor» te lleva al lugar exacto. Los cambios se señalan, con su número, antes de guardarse. Cada color va precedido de una muestra y un selector de color permite elegirlo directamente. Un candado marca lo que está bloqueado. Esta ventana se abre con la extensión [Edición avanzada](https://es.goodbarber.com/extensions/advanced-edition/), gratuita, que se instala desde la Extension Store. ## Y además ![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/98381419-68591480.jpg?v=1792069088.911466) - Las migas de pan de la barra superior indican la página padre y el elemento abierto. - En la Home, un modo «Reordenar» cambia el orden de los widgets de la página. - La ventana de selección de icono se abre sobre la página, muestra el icono actual y el campo al que se aplica, ordena las colecciones en una columna a la izquierda y ofrece varios tamaños de vista previa. Su búsqueda por nombre también abarca los juegos de iconos genéricos, y basta un clic para elegir el icono. - Por debajo de 1024 px de ancho, las pantallas se reorganizan: el menú se pliega tras un botón y, en My App, la vista previa pasa arriba y el panel abajo. Así puedes trabajar tanto en una tableta como en un teléfono. ![](https://cmsphoto.ww-cdn.com/superstatic/81328/art/grande/98381419-68591481.jpg?v=1792069090.7074752) Todo esto ya está en tu back office: solo tienes que abrirlo. Y llegarán más novedades en las próximas semanas. ![](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Sobre el autor Lesia PIETRI Head of Product Design Soy Head of Product Design en GoodBarber. Dirijo el diseño del producto: el design system sobre el que se construyen todas las apps, los layouts que sirven de punto de partida y el recorrido que va de una idea a una app publicada. Mi trabajo es que alguien que nunca ha abierto una herramienta de diseño publique igualmente una app cuidada, pantalla tras pantalla. Diseñador de corazón, dedico mis días a los detalles que nadie nombra: los espaciados, los contrastes, el peso de un título. Escribo aquí sobre el diseño de GoodBarber y sobre las novedades del producto: las funcionalidades, los layouts y los temas. [Más de Lesia](https://es.goodbarber.com/blog/author/lesia-pietri/)[LinkedIn](https://www.linkedin.com/in/lesia-pietri-150824116/)