← Alle projecten
Brand tools · SaaS / 2026

Marketing Toolkit

Een snel merkidee begint soms met een kleur en een icoon. Ik breng die keuzes samen voor presentaties, drukwerk en digitale toepassingen.

Bekijk het project
SaaSSaaS-prototypeBrand tools / Product design / React / SVG/PNG
Aanpak & skills
  • Product design
  • Interface design
  • React development
  • Design systems
De ontwerpvraag

Hoe probeer je snel een merkidee dat ook buiten één ontwerp bruikbaar blijft?

Mijn keuze
Kleur, iconen en merkkeuzes delen één basis. Die neem ik mee naar de canvas-editor, het brandbook en de QR-tool.
Wat je hier ziet
Een React-prototype met werkplekken voor iconografie en layouts, plus een PNG-export om het resultaat te bekijken.
Marketing Toolkit / mijn productidee

Een eerste merkidee
om mee te ontwerpen.

Download het icoon

Ik breng iconografie, kleur en layout samen in één werkplek. Om snel een stijlrichting te proberen en die verder te gebruiken in print en digitaal.

  • Cv & profiel
  • Presentaties
  • Flyers
  • Brochures
  • Brandbooks
  • QR & data
De echte iconenbibliotheek met de categorie Design & Creativity actief, drie geselecteerde iconen en de kleurkeuze bovenin.

Beginnen met een visuele richting.

Zoek een passende iconenset en kies de kleur. Ik onderzoek hoe die kleine keuzes snel een basis voor een merkidee kunnen vormen.

De QR-werkruimte met URL-invoer, kleurkeuzes, logo-upload en een werkelijke QR-codepreview voor een voorbeeldlink.

Van print naar een digitale bestemming.

De huidige QR-tool maakt een code voor een URL, met kleur en logo. Dynamische links en data vormen een volgende productrichting.

De canvas-editor met een A5-tickettemplate, tekst, een kalendericoon en QR-code, naast de instellingen voor formaat en elementen.

Van losse onderdelen naar een layout.

Tekst, iconen en QR-codes komen op één canvas samen. De tickettemplate is een eerste toepassing; ik verken dit verder voor flyers, brochures en presentaties.

Het Brandbook-scherm met een bewerkbare merknaam, logo-upload, vijf gedeelde kleurstalen en een typografiepreview.

Je merkkeuzes gaan mee.

Ik maakte kleur een gedeelde instelling. Het brandbook brengt merknaam, logo, kleuren en typografie bij elkaar voor de andere werkplekken.

QR & dataDe huidige tool maakt URL-codes. Dynamische links en data zijn een volgende productrichting.

Mijn React-prototype, met een PNG-export om zelf te bekijken. Iconenbibliotheek: Lucide.

Over dit project

Een merkidee snel kunnen proberen

Een kleur naast een icoon zetten kan al een richting geven. Met Marketing Toolkit onderzoek ik hoe je zo’n eerste merkidee kunt uitwerken zonder steeds tussen losse tools te wisselen. Van een cv of presentatie tot een flyer, brochure of brandbook: de ontwerpkeuzes moeten kunnen meebewegen.

De samenhang zit in de bediening

Ik werk aan het productconcept, de interface en het React-prototype. De verbinding tussen de tools is mijn belangrijkste ontwerpkeuze: kleuren uit het brandbook zijn ook beschikbaar in de andere werkplekken, en geselecteerde iconen kunnen mee naar een export of document. De iconenbibliotheek gebruikt Lucide.

Het canvas geeft ruimte om die basis te proberen in een layout. De huidige tickettemplate en Portfolio Studio laten de eerste toepassingen zien. Presentaties en marketingdrukwerk verbreden de richting voorbij het oorspronkelijke cv-idee.

De brug tussen drukwerk en data

Een QR-code kan een gedrukt ontwerp verbinden met een digitale bestemming. Het prototype genereert nu URL-codes met kleur- en logo-opties. Ik wil die richting verder onderzoeken met dynamische links en bijbehorende data; een aangesloten tracking- of datadienst is nog geen onderdeel van deze demonstratie.

Van prototype naar product

De case toont de gebouwde frontend en een werkende PNG-export. Accounts en betalingen zijn nog niet aangesloten. Marketing Toolkit is de SaaS-richting die ik met deze ontwerpwerkplek verken.

Eigen productconcept, interface en React-prototype van Angelo.Iconen via Lucide. Beelden vastgelegd uit de aangeleverde lokale app.
Volgend projectWAZU Maple Trainer