Case: SaaS

Modulair projectmanagement, met alles op één plek

Een webapp voor projectmanagement die tools en diensten samenbrengt via embeds en eigen modules. Gebouwd met Vue.js, Laravel en Tailwind CSS, met een multi-tenant architectuur, realtime samenwerking en een krachtige notitie-editor.

Geleverde diensten

10+

Koppelingen met externe diensten, verweven in het platform

Het probleem begrijpen

De uitdaging

Sector SaaS / projectmanagement
Teamgrootte 4 engineers
Samenwerking 12+ maanden

Het begon met Matt, de CEO van Project.co, die in 2021 via onze website contact opnam. Hij zocht een team dat Project.co naar een hoger niveau kon tillen: V1 van het product herschrijven tot iets dat schaalbaarder, modulairder, sneller en toekomstbestendig is.

De eerste versie was al een paar jaar op de markt en deed waarvoor ze oorspronkelijk was gebouwd: de projectmanagementtool zijn van Wyzowl, een videoproductiebureau met tientallen projecten en klanten per maand. Maar na verloop van tijd werd V1 steeds lastiger te beheren en uit te breiden. Het was simpelweg niet vanaf dag één modulair opgezet.

Project.co V2 moest in één keer een lange lijst fundamentele onderdelen neerzetten: een multi-tenant architectuur waarin elk bedrijf alleen zijn eigen data ziet, een modulair systeem dat zonder frictie uit te breiden is, een soepele migratie voor V1-gebruikers, een krachtige notitie-editor die eigen content en componenten kan insluiten, een robuuste laag voor rollen en rechten, en een schaalbare realtime architectuur voor chat en meldingen.

Zo hebben wij het gebouwd

Onze werkwijze

Project.co V2 kwam tot stand in drie bewust gekozen fasen: eerst discovery, dan een gerichte sprint naar de MVP, en daarna het lange traject om een werkend product om te bouwen tot een modulair platform. Hetzelfde kernteam droeg het project van begin tot eind, zodat er nooit kennis verloren ging.

Welkomstscherm van Project.co

Fase 2

MVP bouwen en V1 migreren

De eerste bruikbare MVP stond er na drie maanden. Naast het nieuwe product bouwden we de importinfrastructuur waarmee V1-klanten op verzoek overstappen. Meer dan 20 GB aan historische data stroomt zonder handwerk het nieuwe multi-tenant model in. Multi-tenancy zat vanaf de eerste migratie in de datalaag, zodat we het later nooit achteraf hoefden in te bouwen.

Multi-tenancy Datamigratie

Backend en frontend · Oplevering MVP

Dashboard van Project.co

Fase 1

Discovery en architectuur

We begonnen met zo'n 90 pagina's productdocumentatie. Na een reeks planningssessies met Matt brachten we dat terug tot een MVP-scope met duidelijke keuzes over wat eerst live ging en wat kon wachten. De stack lag snel vast: Vue.js, Tailwind CSS, Laravel, MySQL en TipTap voor de notitie-editor. We hadden er al eerder SaaS mee gebouwd en kenden de afwegingen.

Vue.js Laravel

Oplossingsarchitectuur · Multi-tenant

De uitgebreide notitie-editor van Project.co

Fase 3

Modulair platform en realtime

Met de MVP live voegden we de onderdelen toe waardoor Project.co als één werkruimte aanvoelt: een notitie-editor op basis van TipTap die eigen blokken insluit, een embedmodule voor externe diensten, fijnmazige rollen en rechten, en een realtime basis voor chat en meldingen. Elke module is een tool die tenants via rechten en instellingen kunnen aanzetten, configureren of verbergen. Zo blijft het product eenvoudig, hoeveel functionaliteit we ook toevoegen.

Realtime Embeds

Platformontwikkeling · Modulaire architectuur

Scope en oplevering

Wat wij deden

  • Multi-tenant SaaS-architectuur
  • Uitgebreide notitie-editor met embeds
  • Realtime chat en meldingen
  • Datamigratie V1 → V2

Langdurige samenwerking aan het product

Sinds 2021 zijn wij van begin tot eind verantwoordelijk voor Project.co V2: architectuur, backend, frontend, koppelingen en de doorlopende doorontwikkeling. Hetzelfde team van vier mensen dat de MVP opleverde, bouwt vandaag nog steeds de nieuwe functies. Dat houdt de codebase samenhangend en beslissingen snel genomen.

Na de eerste MVP van drie maanden is de ontwikkeling eigenlijk nooit gestopt. We blijven de UX, de datastromen en de diepgang van de modules verbeteren op basis van wat klanten echt doen zodra ze live zijn. En klopt er iets niet, dan dragen we productvoorstellen aan voor de roadmap in plaats van alleen tickets af te werken.

Technologieën en diensten

Onze techstack

Een vertrouwde opzet met Vue, Laravel en Tailwind waarop we snel werken, gekozen voor onderhoudbaarheid op lange termijn en niet om de nieuwigheid. Multi-tenancy zit in de datalaag, zodat elke functie standaard de juiste afscherming meekrijgt.

  • Full-stack
  • Modulair
Vue.js Vue.js
Laravel Laravel
Tailwind CSS Tailwind CSS

Modulaire architectuur

Elke functie is een tool die tenants kunnen aanzetten, configureren of verbergen. Zo blijft het product eenvoudig, ook als het steeds meer kan.

Koppelingen met externe diensten

Meer dan 10 externe diensten gekoppeld, waaronder Zapier. Klanten halen data binnen en automatiseren processen zonder Project.co te verlaten.

Realtime samenwerking

Een schaalbare realtime laag voor chat, aanwezigheid en meldingen in projecten, taken en notities.

Meetbare impact

De resultaten

Project.co V2 ging live met een intuïtieve interface waarin elk bedrijf het product op de eigen werkwijze afstemt: alleen de tools en data die het gebruikt, zijn zichtbaar. We bouwen er vandaag nog actief aan verder. We pakken feedback van klanten op zodra die binnenkomt en voegen koppelingen en modules toe naarmate het product volwassener wordt. Het platform is gekoppeld aan Zapier en een reeks externe tools, zodat gebruikers data van buiten binnenhalen en processen automatiseren. Op mobiel en desktop werkt het net zo goed als in de browser.

5.000+ Gewerkte uren
4 Teamleden
12+ Maanden doorlopende samenwerking
3 Maanden tot oplevering van de eerste MVP
20+ GB Data gemigreerd vanuit V1
10+ Koppelingen met externe diensten
Teams die op ons bouwen
Portret van Matt Byrom
“You have done an excellent job of creating Project.co and I am looking forward to working together for the long term. I value the input of your team a lot. Not only do you do very good work but you also make very good suggestions. That's valuable from my point of view as my way of thinking isn't always the best solution so I enjoy hearing what you and your team thinks as well.”

Matt Byrom, CEO, Project.co

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.