Webapplicatie laten maken

Een klantportaal, een boekingsplatform of een eigen SaaS-product dat in de browser draait. We bouwen eerst een kleine versie waar gebruikers mee werken, en breiden die daarna uit.

Wat is een webapplicatie?

Een webapplicatie is software die je in de browser opent, waarin gebruikers inloggen en iets doen: een afspraak boeken, een order volgen, een dossier bijwerken. Een website laat vooral informatie zien en is voor iedere bezoeker hetzelfde. Een webapplicatie toont per gebruiker andere gegevens en slaat op wat die gebruiker invoert.

Vergeleken met een app uit de App Store of Google Play heeft een webapplicatie een groot voordeel: er is één versie die op computer, tablet en telefoon werkt, en een update staat voor iedereen tegelijk live. Een native app heb je nodig als je veel met de hardware van de telefoon doet, zoals Bluetooth, of als offline werken een harde eis is.

Een maatwerk webapplicatie ontwikkelen begint bij ons met de vraag wie er inlogt en wat die persoon moet kunnen. Daaruit volgen de keuzes voor techniek, rollen en hosting. Meestal bouwen we de voorkant in React en Next.js, met een API in TypeScript erachter en een database zoals PostgreSQL.

Soorten webapplicaties die we bouwen

Klantportaal

Klanten regelen zelf wat nu via mail loopt: documenten uploaden, een offerte goedkeuren of zien hoe ver hun opdracht is.

Boekingsplatform

Beschikbaarheid tonen, reserveren, betalen via Mollie en een bevestiging per mail. Voor zalen, materiaalverhuur, cursussen of afspraken bij meerdere medewerkers.

Beheeromgeving

De achterkant waarin je team producten, klanten, aanvragen of content beheert, met per medewerker de rechten die bij zijn werk horen.

SaaS-product

Software die je aan andere bedrijven verkoopt. Daar horen accounts per organisatie bij, abonnementen en gegevens die per klant gescheiden blijven.

Interne tool

Een tool die alleen je eigen team gebruikt, zoals een projectoverzicht of een invoerscherm dat een groeiend Excel-bestand vervangt.

Koppelingen met andere software

De applicatie haalt gegevens uit je boekhouding, CRM of webshop, of biedt zelf een API aan waar partners op aansluiten.

Hoe een webapplicatie in elkaar zit

Frontend

Het deel dat gebruikers zien en aanklikken. Dat bouwen we meestal in React met Next.js, en het werkt op elk schermformaat.

Backend en API

Hier staan de regels van je bedrijf: wie wat mag, wat er gebeurt na een boeking, welke mail er uitgaat. De frontend praat via een API met de backend. Later kan een app of een partner dezelfde API gebruiken.

Database, inloggen en rollen

Gegevens staan in een database zoals PostgreSQL. Gebruikers loggen in met e-mail en wachtwoord, een inloglink of hun Microsoft-account, en krijgen een rol met eigen rechten.

Hosting

Een kleinere applicatie draait goed op een platform als Vercel. Gaat het om gevoelige gegevens, dan kiezen we hosting in de EU of een Docker-opzet bij een partij naar keuze.

Eerder werkten we als ontwikkelaar bij onder andere:

  • Bol.com
  • De Bijenkorf
  • Action
  • Unilever
  • Reisbalans
Meer over ons team

Zo werken we

Stap 1

Gebruikers en taken

We bepalen wie er inlogt, welke rollen er zijn en welke taken de eerste versie in elk geval moet kunnen.

Stap 2

Eerste versie afbakenen

Samen schrappen we wat kan wachten. Wat overblijft is de eerste versie, ook wel MVP genoemd. De rest komt op een lijst voor later.

Stap 3

Bouwen en uitproberen

We bouwen in sprints en zetten na elke sprint een testversie online. Jij en een paar gebruikers proberen die uit, en hun reacties bepalen de volgende sprint.

Stap 4

Live en uitbreiden

De applicatie gaat live. Daarna werken we de lijst af, op basis van wat gebruikers missen en wat ze het vaakst doen.

Veelgestelde vragen

Wat is het verschil tussen een website en een webapplicatie?

Een website is vooral om te lezen: je diensten, contactgegevens, een blog. Een webapplicatie is om mee te werken. Gebruikers hebben een account, voeren gegevens in en zien hun eigen informatie. Veel bedrijven hebben allebei: een website voor bezoekers en een webapplicatie achter de inlogknop.

Webapplicatie of een app in de App Store?

Wil je een web-app laten maken die aanvoelt als een app, dan kan dat als PWA (progressive web app). Gebruikers zetten hem op hun beginscherm, hij opent zonder adresbalk en kan pushberichten sturen. Op de iPhone werkt dat alleen als de app op het beginscherm staat. Voor veel toepassingen is dat genoeg. Heb je Bluetooth nodig, uitgebreid offline werken of een vermelding in de App Store, dan is een native app de betere keuze.

Waarom beginnen met een kleine eerste versie?

Je weet pas wat gebruikers nodig hebben als ze ermee werken. Een eerste versie met alleen de kern staat eerder online, en wat je daarna bouwt is gebaseerd op gebruik in plaats van aannames. De opzet kiezen we vanaf het begin zo dat uitbreiden kan, zonder dat je opnieuw moet beginnen.

Hoe zit het met beveiliging en de AVG?

Elke gebruiker heeft een rol, en de server controleert bij elke actie of die rol dat mag. Wachtwoorden slaan we niet leesbaar op en verbindingen zijn versleuteld. Belangrijke acties, zoals gegevens wijzigen of verwijderen, leggen we vast in een logboek. Voor de AVG bekijken we welke persoonsgegevens nodig zijn, waar ze staan en hoe lang je ze bewaart.

Kunnen jullie een SaaS-product voor ons bouwen?

Ja. Bij een SaaS-product komen er een paar dingen bij: accounts per organisatie, gegevens die per klant gescheiden blijven, abonnementen via bijvoorbeeld Stripe of Mollie, en een omgeving waarin jij je klanten beheert. Die keuzes maken we aan het begin, omdat ze later lastig te veranderen zijn.

Van wie is de code, en wat krijg ik bij de overdracht?

Na oplevering is de code van jou. De repository, bijvoorbeeld op GitHub, en de hosting kunnen op jouw naam staan. We leggen vast hoe de applicatie is opgezet en hoe je hem lokaal draait, zodat ook een andere ontwikkelaar ermee verder kan.