Software · Website · Maatwerksoftware · Beheer
Een website die het product laat zien voordat iemand het geprobeerd heeft
Sopable neemt op wat je in je browser doet en maakt daar een werkinstructie van die een collega stap voor stap kan volgen. Zie je het gebeuren, dan snap je het in tien seconden; uit een alinea tekst lukt dat bijna niet. Ik heb de hele site gebouwd, van ontwerp en techniek tot de route van bezoeker naar eerste eigen instructie.
- Klant
- Sopable
- Plaats
- Rotterdam
- Jaar
- 2026
- Doorlooptijd
- 5 weken
Dezelfde site op een bureauscherm en op een telefoon: één ontwerp, geen uitgeklede mobiele versie.
Wat het opleverde
0,6 s
eerste tekst in beeld op een telefoon
320 → 2560
pixels breed, nergens een schuifbalk opzij
0
trackers van derden, dus geen cookiemuur
4 stappen
van aanmelden tot de eerste eigen instructie
Nagemeten op 4 september 2026 op de live site, op een telefoonscherm van 390 bij 844 pixels.
De opgave
Waar het vastliep
Bezoekers begrepen het product pas nadat ze het zelf hadden geprobeerd, en die stap zetten de meesten niet.
De koper is zelden de gebruiker: wie het aanschaft let op iets anders dan wie ermee werkt.
Wat een gratis account mag en wat een betaald account krijgt, moest op de site blijven kloppen met wat de software doet.
De aanpak
Wat ik heb gebouwd, en in welke volgorde
- 01
Het product in beeld, boven de vouw
Op de eerste pagina zie je de opname zelf: elke klik wordt een stap, en samen vormen de stappen een instructie met schermafbeeldingen. Een video van drie minuten die je eerst moet uitzitten om te weten waar het over gaat, staat er bewust niet op.
- 02
Eén ontwerp dat van 320 tot 2560 pixels meebuigt
Dezelfde pagina draait op een kleine Android en op een breed bureauscherm. Er is één opbouw die meeschaalt, zonder aparte mobiele versie: op een telefoon staat alles onder elkaar en op een groot scherm naast elkaar. Ik heb het nagemeten op tien schermbreedtes en nergens verschijnt een horizontale schuifbalk.
- 03
Snelheid meegenomen in het ontwerp
De code is met de hand geschreven, zonder paginabouwer en zonder scripts van derden. Op een telefoon staat de eerste tekst er in zes tienden van een seconde. Er komt ook geen cookiemuur overheen: zonder trackers hoeft de site nergens toestemming voor te vragen.
- 04
Van bezoeker naar eerste eigen instructie
De prijstabel leest de regels uit de software, dus de pagina kan niets beloven wat het product niet doet. Wie zich aanmeldt loopt daarna langs vier stappen: extensie erbij, één handeling opnemen, instructie opslaan, collega uitnodigen.
Wat je ervoor terugkrijgt
Dit lever ik standaard mee
Niet als extra, en niet als pakket waar je voor bijbetaalt. Het is de reden dat een site van mij over drie jaar nog snel is.
01
Met de hand gebouwd op actuele techniek
Ik schrijf de code zelf, op actuele versies van gangbare techniek. Er zit geen paginabouwer onder die elk jaar trager en duurder wordt en waar je later met je site niet meer van af komt.
02
Eén ontwerp dat elk scherm aankan
Van een telefoon van 320 pixels breed tot een bureauscherm van 2560 is het dezelfde site, die zich aan de breedte aanpast. Een uitgeklede mobiele versie is er dus niet. Voordat de site live gaat meet ik hem na op tien schermbreedtes en kijk ik of er ergens een horizontale schuifbalk verschijnt of tekst van de rand valt.
03
Snel, ook op een telefoon
De eerste tekst staat er binnen een halve seconde, ook op een telefoon met matig bereik. Dat komt vooral door wat ik weglaat: scripts van derden, lettertypen die van een ander domein moeten komen en foto's van vier megabyte.
04
Vindbaar in Google bij oplevering
Kopstructuur, schone URL's, sitemap, canonieke verwijzingen en schema.org-gegevens zitten er bij oplevering al in. Plak je de link in een mail of in Teams, dan verschijnt er een net kaartje met titel en beeld.
05
Bezoekersstatistieken zonder cookiemuur
Je ziet welke pagina's werken en waar mensen afhaken, zonder dat er iets op het apparaat van je bezoeker wordt gezet. Er wordt geen cookie geplaatst, dus een toestemmingsbalk is niet nodig. Je bezoeker hoeft niets weg te klikken voordat hij je site ziet, en jij hebt minder gedoe met de AVG.
06
Domein, hosting en mail op jouw naam
Domein, hosting, mail en het https-slotje regel ik, en het staat allemaal op jouw naam. Updates en back-ups lopen door zonder dat je eraan denkt, en verhuizen kan altijd zonder dat ik iets hoef vrij te geven.
Meer over hoe ik een site opbouw staat op de pagina over websites.
Gebouwd met
- Next.js
- TypeScript
- Supabase
- Stripe
- Chrome-extensie
- Vercel
Volgende stap
Zullen we eens kijken waar bij jou de uren weglekken?
Een gesprek van drie kwartier, bij jou op locatie. Je krijgt sowieso een lijstje mee met wat ik zou aanpakken, of je nu met mij verder gaat of niet.
Binnen één werkdag antwoord. Meestal dezelfde dag. · Je spreekt Kaz, niet een callcenter.