--- title: "De nieuwe back office van GoodBarber, scherm voor scherm" description: "Alles begint bij het ontwerp. Een nieuw lettertype, Plus Jakarta Sans, een blauw voor de interface, een groen voor alles wat publiceert en bevestigt, zachtere h" canonical_url: "https://nl.goodbarber.com/blog/de-nieuwe-back-office-van-goodbarber-meer-overzicht-bij-het-maken-van-je-app-a1467/" lang: nl date: 2026-10-15 last_updated: 2026-10-15 --- # De nieuwe back office van GoodBarber: meer overzicht bij het maken van je app Sinds 25 september 2026 werk je in de nieuwe back office van GoodBarber. Een helderdere interface die ruimte laat voor de kern: je app maken en laten groeien. Een publicatieknop die laat zien hoe elke versie ervoor staat, een donkere modus, toegankelijkheidsinstellingen en geavanceerde bewerking voor makers die verder willen gaan. Dit verandert er, scherm voor scherm. ![](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) [Lesia PIETRI](https://nl.goodbarber.com/blog/author/lesia-pietri/)Head of Product Design 15 okt 2026 · 4 min leestijd ![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/98381424-68591504.jpg?v=1792069111.507583) Alles begint bij het ontwerp. Een nieuw lettertype, Plus Jakarta Sans, een blauw voor de interface, een groen voor alles wat publiceert en bevestigt, zachtere hoeken, subtiele schaduwen en opnieuw getekende iconen. Het geheel leest rustig en elke kleur heeft een rol: blauw wijst de weg, groen bevestigt. In My App staat de preview van je app in het midden van het scherm en zijn de instellingen gebundeld in een paneel aan de rechterkant. Aan de ene kant pas je aan, aan de andere kant zie je het resultaat, en je app blijft de hele tijd in beeld. ## Een publicatieknop die laat zien hoe je app ervoor staat [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) Rechtsboven op elke pagina volgt een knop de status van je project. Zolang de app nog nooit is gepubliceerd, staat er “Publiceer mijn project”, daarna, afhankelijk van het moment, “Opnieuw compileren en indienen”, “Nu bijwerken” of “Project bijgewerkt”. Eén blik is genoeg om te zien of er nog iets te doen is. Klik erop en het venster “Publiceer mijn project” loopt je drie versies langs: eerst de PWA, dan iOS, dan Android. Voor elke versie de status: niet gepubliceerd, afgeronde stappen van het totaal, klaar, wordt gegenereerd, in review, online, opnieuw te compileren. Ernaast de volgende actie. Onderaan het aantal wijzigingen dat klaarstaat om te publiceren, met de knop “Nu bijwerken” om ze te verzenden. De kaarten op het Dashboard tonen dezelfde statussen, zodat je ze meteen ziet als je inlogt. ## Licht, donker of systeem [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) De back office van GoodBarber opent in de lichte modus. Om naar de donkere modus te gaan, klik je op je naam onderaan het hoofdmenu: er opent een klein menu met de rij “Weergave” en drie iconen, een zon voor “Licht”, een maan voor “Donker” en een scherm voor “Systeem”. “Systeem” volgt de instelling van je computer: schakelt je systeem 's avonds naar donker, dan doet de back office mee. ## Toegankelijkheidsinstellingen die met je meegaan in al je 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) Klik opnieuw op je naam onderaan het hoofdmenu en open “Mijn account”: de rij “Toegankelijkheid” bevat twee instellingen. “Tekstgrootte” vergroot de interface in vier stappen, van “Klein” tot “Zeer groot”. “Contrast verhogen” maakt de tekst donkerder en randen en contouren duidelijker. De ondertitel van de rij zegt het al: “Direct toegepast op alle projecten.” De instelling hoort bij jou en gaat mee van de ene app naar de andere. Beheer je meerdere apps, als bureau of als reseller, dan stel je het één keer in en vind je het overal terug. Zolang je niets kiest, volgt het contrast de contrastinstelling van je systeem. ## Geavanceerde bewerking, voor makers die verder willen gaan [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) Om rechtstreeks in de JSON van je app te schrijven, heeft elk paneel van Structure een link tussen accolades { }. Die opent een venster voor geavanceerde bewerking van de JSON van het huidige element, zonder dat je de pagina verlaat. Een veld “Zoek een sleutel of een waarde” brengt je meteen naar de juiste plek. Wijzigingen worden gemarkeerd, met hun aantal, voordat ze worden opgeslagen. Voor elke kleur staat een kleurstaal, en met een kleurkiezer kies je die direct. Een slotje markeert wat vergrendeld is. Dit venster opent met de gratis extensie [Advanced edition](https://nl.goodbarber.com/extensions/advanced-edition/), die je installeert vanuit de Extension Store. ## En verder ![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/98381424-68591509.jpg?v=1792069113.2315917) - Het kruimelpad in de bovenste balk noemt de bovenliggende pagina en het geopende element. - Op de Home wijzig je in de modus “Volgorde wijzigen” de volgorde van de widgets op de pagina. - Het venster om een icoon te kiezen opent boven de pagina, toont het huidige icoon en het betreffende veld, zet de collecties in een kolom aan de linkerkant en biedt meerdere previewformaten. De zoekfunctie op naam doorzoekt ook de generieke iconensets, en met één klik kies je het icoon. - Onder 1024 px breed herschikken de schermen zich: het menu klapt in achter een knop en in My App schuift de preview naar boven en het paneel naar onderen. Zo werk je net zo goed op een tablet als op een telefoon. ![](https://cmsphoto.ww-cdn.com/superstatic/2962774/art/grande/98381424-68591510.jpg?v=1792069114.9836009) Dit alles staat al in je back office: je hoeft het alleen maar te openen. En de komende weken volgen er meer nieuwe functies. ![](https://blog.goodbarber.com/_public/profile/e1/e1822db470e60d090affd0956d743cb0e7cdf113-default.jpg) Over de auteur Lesia PIETRI Head of Product Design Ik ben Head of Product Design bij GoodBarber. Ik geef leiding aan het design van het product: het design system waarop elke app is gebouwd, de layouts waarmee je begint en het traject van idee tot gepubliceerde app. Mijn werk is dat iemand die nog nooit een designtool heeft geopend toch een app publiceert die er doordacht uitziet, scherm na scherm. Als designer in hart en nieren besteed ik mijn dagen aan de details die niemand benoemt: witruimte, contrast, het gewicht van een titel. Hier schrijf ik over het design van GoodBarber en over wat er nieuw is in het product: de features, de layouts en de thema's. [Meer van Lesia](https://nl.goodbarber.com/blog/author/lesia-pietri/)[LinkedIn](https://www.linkedin.com/in/lesia-pietri-150824116/)