Modulair ontwerp

Maak gebruik van de beste no-code appbouwer om een prachtig ontwerp voor je app te maken

Algemeen ontwerp+

  • Afgestemd op elk apparaat

    GoodBarber heeft het ontwerp volledig onder controle, van mobiel tot desktop. Onze ontwerpelementen passen zich perfect aan elk schermformaat aan voor een consistente kwaliteit op elk apparaat, smartphone, tablet, laptop of desktop.

  • Globale stijltool

    Beheer de algehele stijl van je app vanuit één enkel menu: het kleurenthema, typografie, actieknoppen, muis-over-effecten en andere elementen. Maak je ontwerp en pas het met één klik toe op je volledige app.

  • Achtergrondbeheer afbeeldingen

    Met GoodBarber kun je afbeeldingen in je ontwerp integreren en deze op de achtergrond weergeven.

  • Aanpasbare marges

    Pas de marges van je project aan: horizontaal voor alle schermen, alleen verticaal voor weergave op mobiele schermen.

  • Muis-over-effecten op teksten

    Voeg een muis-over-effect toe aan je teksten: onderstrepen, helderder of donkerder maken van de lettertypekleur.

  • Muis-over-effecten op afbeeldingen

    Voeg een muis-over-effect toe aan je afbeeldingen: inzoomen, uitzoomen of ondoorzichtigheid.

  • Je thema veranderen

    Je kunt je thema met één klik wijzigen terwijl je je navigatiemodus en de algehele architectuur en inhoud van je project behoudt.

  • Voor elk doel een oplossing

    Door de diversiteit aan sjablonen, evenals de verscheidenheid en capaciteit van de beschikbare aanpassingsopties, kun je een app maken die is afgestemd op je doel.

  • Stijlbewerker

    Beheer je stijlen op globaal niveau om te zorgen voor een samenhangend ontwerp in de verschillende weergaven van de app.

  • Aanpassingenlog

    De GoodBarber-backoffice bevat een log met aanpassingen waarmee je toegang krijgt tot een geschiedenis van alle aanpassingen die op je project zijn uitgevoerd.

  • Het ontwerp bijwerken zonder opnieuw te bouwen

    Updates met betrekking tot het ontwerp van je project vereisen niet dat je je app opnieuw opbouwt. Na goedkeuring worden ze automatisch meegenomen en zijn ze zichtbaar voor je gebruikers, zonder extra actie.

  • Afbeeldingenbibliotheek

    Sla afbeeldingen op in je persoonlijke bibliotheek zodat je ze gemakkelijk kunt openen voor later gebruik.

  • Selectieve formaataanpassing van de afbeelding

    Afbeeldingen worden verkleind tot verschillende verhoudingen, gecomprimeerd en in de cache opgeslagen om de beste combinatie van zwaarte, prestaties en weergavekwaliteit te bereiken. De laadtijden worden geoptimaliseerd zonder de weergavekwaliteit in gevaar te brengen.

  • Monochroom effect

    Dankzij de afbeeldingseditor die is geïntegreerd in de GoodBarber-backoffice, kun je een monochroom effect aan je afbeeldingen toevoegen.

  • Blureffect

    Voeg een blureffect toe aan je afbeeldingen met één klik, rechtstreeks vanuit de GoodBarber-backoffice, dankzij de geïntegreerde afbeeldingseditor.

  • Zoomeffect

    Pas zoomeffecten toe bij rollover op de afbeeldingen, op de desktopversie van je project.

  • Assistent voor het genereren van pictogrammen en opstartschermen

    De backoffice van GoodBarber biedt een hulpmiddel om je te helpen bij het maken van je app-pictogram en het startscherm vanuit het niets.

  • Verloopbeheer

    Integreer kleurovergangen in het ontwerp van je app door er een te kiezen uit de volledige bibliotheek (die de service https://uigradients.com gebruikt). Nadat je er een hebt gekozen, wordt het verloop automatisch gegenereerd en toegepast op het ontwerp van je app.

  • Genius Palette

    Laat de AI je kleurenpalet maken. Met één klik genereert Genius Palette een samenhangende, professionele kleurenset, klaar om op je hele design toe te passen.

  • Design System

    GoodBarber rust op een geformaliseerd design system: fundamenten, atomen en componenten, plus een bibliotheek met kant-en-klare layouts. De regels gelden standaard voor elke pagina, zodat een project van scherm tot scherm samenhangend blijft.

  • Haptische feedback en animaties

    Native apps dragen een zintuiglijke laag: haptische feedback onder de vinger, vloeiende overgangen van een lijst naar het detail, en beweging die op het scrollen antwoordt.

  • Vorm van knoppen en velden

    Bepaal de vorm van alle knoppen in je app — vierkant, afgerond of rond — én de vorm, de grootte en de labelpositie van je formuliervelden.

  • App Walkthrough

    Leid je gebruikers bij de eerste start door een interactieve rondleiding. Kies hoe hij wordt getoond en breng de schermen tot leven met Lottie-animaties.

Startpagina+

  • Modulaire startpagina

    De Startpagina-sectie is het eerste gedeelte van je app, het bestaat uit widgets en is volledig flexibel. Met de grote verscheidenheid aan beschikbare widgets, kun je met de Startpagina je project bouwen op een manier die je app echt uniek maakt.

  • Activeren of deactiveren

    Je kunt ervoor kiezen om de Startpagina-sectie in je app te activeren of te deactiveren. Als je deze deactiveert, is de navigatie uitsluitend afhankelijk van de navigatiemodus die je kiest.

  • 77 widgets

    Met widgets heb je een unieke flexibiliteit om de startpagina van je app te organiseren.

  • Contentwidgets

    Content apps

    Maak de startpagina van je app dynamischer met widgets die automatisch worden vernieuwd telkens wanneer er nieuwe inhoud in je project wordt gepubliceerd.

  • Navigatiewidgets

    Content apps

    Bied directe toegang tot de belangrijkste delen van je app met widgets voor navigatie. De perfecte manier om je gebruiker te begeleiden naar de belangrijkste functie van je project.

  • e-commercewidgets

    eCommerce apps

    Maak directe toegang tot je producten en collecties vanaf de startpagina van je app met behulp van de widget voor productlijsten en de widgets voor collectielijsten

  • Promowidget

    eCommerce apps

    Geef een reclameboodschap weer zodra gebruikers op de startpagina van je winkel aankomen. Je kunt een product, een collectie en een lijst met collecties highlighten. De promotionele widget is zeer flexibel en zal je helpen je omzet te verhogen.

  • Semi-dynamische widgets

    Met deze widgets kun je een startpagina bouwen die automatisch wordt bijgewerkt wanneer nieuwe inhoud wordt gepubliceerd, terwijl deze de gebruiker een duidelijke architectuur biedt als het gaat om het navigeren door de app.

  • Andere widgets

    Deze categorie bundelt nuttige widgets zoals de zoek-, nieuwsbrief-, advertentie-, aftel- en zelfs HTML-widgets.

  • Drag-and-drop-constructie

    Het is eenvoudig om de verschillende widgets op je startpagina te rangschikken. Sleep je widgets gewoon naar de gewenste plek.

  • Sorteeropties

    Toegang tot een breed scala aan opties voor het beheren van de weergavevolgorde van de elementen in je contentwidgets: op datum, populariteit, alfabetische volgorde, willekeurig,...

  • Aantal items

    Het aantal elementen dat door een widget wordt weergegeven, kan voor elke widget worden ingesteld om maximale flexibiliteit te bieden bij het organiseren van je startpagina.

  • Widgets met eigen code

    Bouw je eigen widgets in HTML, CSS en JavaScript en zet ze op de home naast de standaardwidgets.

De navigatie aanpassen+

  • Header, hoofdtekst en voettekst

    Elk navigatiemenu bestaat uit drie verschillende delen: de header, hoofdtekst en voettekst, elk volledig aanpasbaar. Het weergeven van de header en voettekst is niet verplicht.

  • Logoweergave

    Geef je logo weer in de header van je navigatiemodus door je logo te uploaden of rechtstreeks tekst toe te voegen.

  • Link naar gebruikersprofiel

    Voeg een directe link toe naar het gebruikersprofiel in je navigatiemodus. Bewerk de tekst, het pictogram en de linkkleur.

  • Snelkoppelingen toevoegen

    Voeg snelkoppelingen toe in je navigatiemodus en laat gebruikers gemakkelijk toegang krijgen tot elke sectie van je app, een externe link of zelfs een actie uitvoeren zoals uitloggen, een sms of een e-mail verzenden.

  • Aanpasbare scheidingstekens

    Voeg scheidingstekens toe in je navigatiemenu en pas hun kleur en pixelhoogte aan.

  • Aanpasbaar linkgebied

    Stel je navigatiemenu samen door links naar secties in je app toe te voegen.

  • Copyright

    Voeg een copyrightgebied toe in het navigatiemenu van je project. Selecteer de kleur en tekst, evenals het lettertype en de tekengrootte.

  • Geavanceerde ontwerpopties

    GoodBarber maakt geavanceerde aanpassing van het navigatiemenu-ontwerp mogelijk. Lettertype, kleuren, uitlijning, pictogram, celhoogte, titel toevoegen...

  • Standaardweergave menu

    Voor de veeg-, kleine veeg-, raster- en slatemenu's selecteer je de standaardstatus van het menu: altijd verborgen of altijd weergegeven wanneer de app wordt gestart.

Ontwerpmiddelen+

  • Pictogrammengalerij

    Een collectie van meer dan 1000 pictogrammen die speciaal door ons team van ontwerpers zijn gemaakt en in drie verschillende sets zijn onderverdeeld, is beschikbaar in je backoffice.

  • Aanpasbare pictogrammen

    Creëer je eigen pictogramcollectie door je eigen pictogrammen of afbeeldingen te uploaden, rechtstreeks vanuit de backoffice van je project, in .png-formaat, 260px bij 260px.

  • Professionele thema's

    De backoffice van GoodBarber biedt 25 professionele thema's die zijn gemaakt door ons team van deskundige ontwerpers. Geïnspireerd door onze mobile-first-filosofie, zijn ze ontworpen om perfect aan te passen aan elk apparaat, in overeenstemming met de huidige trends en volledig aanpasbaar.

  • Google Fonts-bibliotheek

    GoodBarber beschikt over een set van meer dan 400 Google Fonts die direct in de backoffice kunnen worden gebruikt, zonder dat er extra code moet worden ingesloten.

  • Pexels-bibliotheek

    GoodBarber-klanten hebben rechtstreeks vanuit de backoffice toegang tot de Pexels-fotobibliotheek met meer dan 500.000 afbeeldingen met een hoge resolutie.

  • Afbeeldingen geavanceerd zoeken

    De Pexels-bibliotheek in de GoodBarber-backoffice is uitgerust met een geavanceerde zoekmachine om afbeeldingen te sorteren op thema, trefwoord of kleur.

  • Eigen lettertypes

    Upload je eigen lettertypes — .woff2 voor de web app, .ttf of .otf voor native apps — en vind ze terug in elke lettertypekiezer van de back office, naast de Google Fonts-bibliotheek.

  • Google Material Icons

    Voeg de Google Material-iconenset toe aan je app, in de stijlen vol, afgerond, contour en tweekleurig, en gebruik hem overal waar iconen verschijnen, navigatiemenu inbegrepen.

Secties+

  • 30 verschillende soorten secties

    GoodBarber biedt 30 verschillende soorten secties die je kunt gebruiken om je project te bouwen.

  • Geavanceerde instellingen voor de te weergeven informatie

    Kies voor elke sectie de informatie die je wilt weergeven, zoals de datum of de auteur van een artikelsectie.

  • Toolbar aanpassen

    Content apps

    Kies voor elke sectie de acties die beschikbaar zijn in de werkbalk: opmerkingen, delen, tekstgrootte, bladwijzers voor het item.

  • Toegang tot reacties

    Content apps

    Geef gebruikers toegang tot de pagina met reacties vanuit elke inhoudsweergave.

  • Directe link om te delen op sociale media

    Voeg directe links naar sociale media toe op elke inhoudspagina.

  • Progressief laden van pagina's

    Intuïtieve gebaren stellen de gebruiker in staat om op aanvraag extra inhoud weer te geven bij het bezoeken van een sectie. Dit zorgt voor een snellere weergave terwijl de gebruikerservaring wordt verbeterd.

  • Globale zwevende knop

    Een actieknop die boven je content zweeft en in de hele app bereikbaar blijft, met het label van jouw keuze.

Klaar om je app te bouwen?

Begin gratisBekijk de prijzen