Design en frontendontwikkeling

Een ecosysteem voor licentiebeheer bij grote organisaties

Een ecosysteem van apps voor licentiebeheer waarmee grote organisaties hun licentiekosten verlagen. Wij leidden de ideevorming, de branding, het ontwerp en de frontendontwikkeling: van wireframes tot een implementatie in Vue.js en Tailwind CSS, verspreid over meer dan 14 apps.

Geleverde diensten

€1,7 mln+

Opgehaald in de seedronde tijdens onze samenwerking

Het probleem begrijpen

De uitdaging

Sector IT-assetmanagement
Teamgrootte 4 engineers en designers
Samenwerking 3+ jaar

Geen modern bedrijf kan zonder software. Licenseware wilde IT-leiders een complete gereedschapskist voor IT-assetmanagement geven, als modulaire apps op aanvraag in plaats van één monolithisch platform. Ze namen in 2020 contact met ons op, nadat ze ons portfolio hadden gezien en de technologieën waarin wij investeerden. Vanaf het eerste gesprek herkenden we ons in hun professionele waarden.

De uitdaging was een complete marktplaats bouwen, geen los product. Elke app had een eigen identiteit nodig en moest toch naadloos in een groter ecosysteem passen. Samen moesten de apps voorzien in wat teams voor software-assetmanagement in de praktijk nodig hebben bij het analyseren van Oracle, Microsoft, Adobe, Java, encryptie en meer.

Dat betekende ontwerpen voor een heel specifieke doelgroep, een logische samenhang tussen de apps aanbrengen zodat ze samen analyses kunnen uitvoeren, handmatige workflows automatiseren en een schaalbare architectuur prototypen die steeds nieuwe applicaties kan opnemen.

Naast het platform had Licenseware ook een merk nodig, vanaf nul. Sterk genoeg om de marktplaats voor de lange termijn te dragen. Daarbij kwam een uploadflow die zo eenvoudig is dat elke gebruiker ruwe data uit meerdere bronnen kan slepen, neerzetten en analyseren zonder erbij na te denken.

Zo hebben wij het gebouwd

Onze werkwijze

Ons team, een productontwerper en een frontendontwikkelaar, werkte in een korte feedbackloop met het team van Licenseware. De opdracht verliep in drie overlappende fasen: refactoren wat er al was, het ecosysteem ontwerpen en daarna stap voor stap apps in de marktplaats uitbrengen.

Marktplaats en appnavigatie van Licenseware

Fase 2

Wireframes en designsysteem

Met een helder beeld van het product brachten we de flow in kaart tussen de marktplaats, de appdetails, het uploadscherm en de geanalyseerde rapporten. We testten wireframes, verfijnden de visuele taal en maakten een prototype van het definitieve ontwerp, inclusief een eigen set UI-componenten, klaar voor overdracht aan development.

Wireframing Designsysteem

Design · Product

Analysedashboard van Licenseware

Fase 1

Ideevorming en refactoring

We begonnen met een snelle refactoring van de eerste Vue.js-applicatie en bouwden daar nieuwe functies op. Toen het vertrouwen er was, voerden we geleidelijk een iteratief ontwerpproces in: eisen vastleggen, de technische context begrijpen en samen bepalen hoe het product gebruikt moest worden.

Discovery Vue.js-refactoring

Discovery · Frontend

De appmarktplaats van Licenseware

Fase 3

Bouwen en verfijnen

We zetten het ontwerp om in een frontend met Vue.js en Tailwind CSS. Design en engineering bleven nauw in contact, zodat het eindproduct overeenkwam met het prototype. Elke flow verfijnden we tot de functies getest waren en volledig werkten in productie.

Vue.js Tailwind

Development · QA

Scope en oplevering

Wat wij deden

  • Designsysteem en merk
  • Architectuur van de marktplaats
  • 14+ SAM-apps
  • Data uploaden met drag-and-drop

Samenwerking van begin tot eind: merk, design en frontend

Vanaf het begin zijn wij verantwoordelijk voor merk, ideevorming, productarchitectuur en de frontend. We gaven de visuele identiteit vanaf nul vorm, ontwierpen hoe de marktplaats en de afzonderlijke apps zich tot elkaar verhouden en bouwden de frontend in Vue.js en Tailwind die klanten dagelijks gebruiken.

Het werk is in de loop van de samenwerking gestaag breder geworden: apps die licentieanalyses voor Oracle, Microsoft, Adobe, Java en encryptie automatiseren, snelle uploadflows per databron, aanpasbare rapporttabellen die rekening houden met het abonnement, een persoonlijk dashboard, tenants die geanalyseerde data delen tussen projecten, een donker thema en pushmeldingen, en koppelingen met ServiceNow en Lansweeper.

Technologieën en diensten

Onze techstack

Met Vue.js en Tailwind CSS aan de frontend konden we snel itereren op de marktplaats en bleef alles consistent over meer dan 14 apps. Adobe Suite en Zeplin regelden de overdracht van ontwerpen tussen onze designer en het engineeringteam.

  • Frontend
  • Designsysteem
Vue.js Vue.js
Tailwind Tailwind

Merk en visuele identiteit

Wij ontwierpen het merk Licenseware vanaf nul: een identiteit die sterk genoeg is om een groeiende marktplaats te dragen en die in elke app van het ecosysteem consistent terugkomt.

UX voor een modulaire marktplaats

Wij brachten structuur aan in de relaties tussen de apps. Ze delen een helder navigatiemodel, werken samen in analyses en klanten nemen een abonnement op precies wat ze nodig hebben.

Data-upload en rapportage

Een upload met drag-and-drop per databron voor ruwe licentiedata, plus rapporttabellen die rekening houden met het abonnement. Met de aanpassingsmogelijkheden die SAM-teams nodig hebben om op de resultaten te kunnen handelen.

Meetbare impact

De resultaten

Na ruim drie jaar draaien er meer dan 14 apps in de marktplaats, voor analyses van Oracle, Microsoft, Adobe, Java en encryptie. Ze komen samen in één uploadflow met drag-and-drop en in rapportage die rekening houdt met het abonnement. Tenants delen geanalyseerde data tussen projecten, een donker thema en pushmeldingen houden het dagelijkse werk soepel, en koppelingen met ServiceNow en Lansweeper verbinden Licenseware met de rest van de IT-toolchain. Die tractie leverde tijdens onze samenwerking meer dan €1,7 mln aan seedfinanciering op.

7.000+ Gewerkte uren
4 Teamleden
3+ Jaar doorlopende samenwerking
3 Maanden tot de eerste MVP
14+ Apps voor software-assetmanagement
€1,7 mln+ Opgehaald in de seedronde
Teams die op ons bouwen
Portret van Alex Cojocaru
“Since the inception of our company, BinarCode has been an integral part of our journey. Their technical proficiency in frontend development and design is matched by their unwavering commitment to our projects. They consistently deliver top-notch, user-friendly designs, fully understanding and aligning with our business objectives. Always available for discussions, their exceptional customer service and clear communication make our collaboration seamless. BinarCode is more than an outsourced team - they are a dependable ally in our success. I wholeheartedly recommend them for any frontend and design needs.”

Alex Cojocaru, CEO, Licenseware

Klaar om iets te bouwen dat blijft?

Vertel ons over uw idee of uitdaging. Een ruwe schets is genoeg. Samen werken we de rest uit.