Archief van geselecteerde projecten

Tien jaar werk dat nooit een case study werd

Vijf projecten zijn uitgebreid beschreven. Dit is de rest van het overzicht: websites, portalen, dashboards en applicaties opgeleverd in de zorg, financiën, het lokale bedrijfsleven en de hotellerie. Een deel is tien jaar oud, een deel was intern, een deel staat simpelweg niet meer online — en samen zijn ze de reden dat een onbekende branche niet meer intimideert.

30 / projecten

Waarom hier geen links staan

Een deel van dit werk is tien jaar oud, een deel was intern en een deel is sindsdien door anderen opnieuw ontworpen. Je naar een adres sturen dat niet meer laat zien wat ik heb gebouwd, zou misleidend zijn — dus elke vermelding geeft de productcontext, mijn aandeel en de stack, en daar blijft het bij.

01 / Archief van geselecteerde projecten

Medische software en zorgproducten

Medische producten hebben een beperking die de meeste software niet kent: wie ze gebruikt, zit midden in een consult en de patiënt wacht. Informatie moet binnen seconden verschijnen, de interface moet leesbaar blijven voor iemand die er nauwelijks naar kijkt, en ‘vraag het de developer’ is tijdens het spreekuur nooit een antwoord.

In portalen, geneesmiddeleninformatie, fora en praktijksystemen kwam steeds hetzelfde motief terug: de interface terugbrengen tot wat het moment vraagt, de leesbaarheid bewaken en de samenhang vasthouden terwijl er modules bij komen. dr100 uit hetzelfde domein is beschreven als volledige case study.

  1. UI/UX research · Frontend

    01

    Dream in Color

    Onderzoek en een frontendconcept voor een product uit de medische sector — de fase waarin je uitzoekt wat artsen echt gaan gebruiken, voordat iemand productiecode schrijft.

    Scope en stack: UI/UX research, Frontend

  2. Frontend · UI/UX · Custom animations

    02

    LekSeek

    Een softwarebedrijf dat aan de zorg verkoopt — de site moest overkomen als een team waaraan je patiëntgegevens toevertrouwt. Een eigen frontend op WordPress, animaties met de hand geschreven in plaats van via een plug-in erbij geplakt.

    Scope en stack: Frontend, UI/UX, Custom animations · WordPress

  3. Frontend · UI/UX

    03

    drWidget

    Een presentatiesite voor een medisch product, opgebouwd rond de vraag die een arts als eerste stelt: wat verandert dit echt tijdens een consult?

    Scope en stack: Frontend, UI/UX

  4. Frontend · UI/UX

    04

    Leksykon

    Een medisch portaal gebouwd rond praktische tools in plaats van artikelen — wat een arts tijdens een consult opent en een minuut later weer sluit.

    Scope en stack: Frontend, UI/UX

  5. Frontend · UI/UX · Accessible interface

    05

    Lek Seniora

    Informatie over geneesmiddelen voor oudere lezers. Lettergrootte, contrast en de grootte van aanraakelementen waren de briefing zelf, geen correctie achteraf.

    Scope en stack: Frontend, UI/UX, Accessible interface

  6. Frontend · UI/UX

    06

    Przychodnia Anin

    De website van een medisch centrum op WordPress met een eigen frontend, zodat de praktijk zelf content kan bewerken zonder de eigenaardigheden van een kant-en-klaar thema over te nemen.

    Scope en stack: Frontend, UI/UX · WordPress

  7. Frontend · UI/UX

    07

    MedNT

    Een landingspagina voor een softwarebedrijf in de zorgmarkt — kort en dragend, want ze vormde de hele eerste indruk.

    Scope en stack: Frontend, UI/UX

  8. Frontend · UI/UX · Community product

    08

    Lekarze Lekarzom

    Een discussieforum voor artsen. Communityproducten sterven aan frictie, dus een bericht plaatsen, een oude thread terugvinden en lezen op je telefoon moesten moeiteloos gaan.

    Scope en stack: Frontend, UI/UX, Community product

  9. Frontend · UI/UX · Content portal

    09

    MedKiosk

    Een portaal met medisch nieuws waar de taak van de frontend vooral is om het lezen niet in de weg te zitten.

    Scope en stack: Frontend, UI/UX, Content portal

  10. Frontend · UI/UX · Content portal

    10

    Zdrowa Strona

    Medisch nieuws en medische informatie zo geordend dat een lezer die op één artikel binnenkomt, vertrekt met nog drie gevonden.

    Scope en stack: Frontend, UI/UX, Content portal

  11. Frontend · UI/UX

    11

    ChPL

    Een gespecialiseerd medisch portaal om je weg te vinden in dichte vakinformatie — een product waarin zoeken en filters veel meer betekenen dan de homepage.

    Scope en stack: Frontend, UI/UX

  12. Frontend · UI/UX · Product workflows

    12

    Gabinet drWidget

    Een applicatie voor praktijkbeheer die de operationele kant afdekt: wie er komt, wat er is gedaan, wat er wordt afgerekend.

    Scope en stack: Frontend, UI/UX, Product workflows

  13. Frontend · UI/UX · Product interface

    13

    myDR

    Klinikbeheer op een Vue.js-frontend — afspraken, dossiers en de medische processen eromheen.

    Scope en stack: Frontend, UI/UX, Product interface · Vue.js

02 / Archief van geselecteerde projecten

Webapplicaties, dashboards en financiën

Interne tools krijgen de minste ontwerpaandacht en worden het vaakst gebruikt — en precies daar zitten de dure fouten: een verouderd getal in een beleggingsoverzicht, een moderatiewachtrij die niemand bijhoudt, een rapport opgebouwd uit dubbel ingevoerde data.

Productinterfaces waarin juistheid en snel werken het winnen van visuele ambitie — realtime samenwerken, beheerpanelen die moderatoren echt openen, en financiële data die zo wordt getoond dat je meteen ziet wanneer er iets niet klopt.

  1. Web application · Product development

    01

    ReportNest

    Een projectmanagementapplicatie op Meteor.js, waar realtime samenwerken betekent dat twee mensen die hetzelfde bewerken elkaar niet mogen verrassen.

    Scope en stack: Web application, Product development · Meteor.js, MongoDB, Blaze

  2. Admin panel · Frontend · Product interface

    02

    ODI Chat

    De beheeromgeving van een anonieme chat. Moderatietools zijn ondankbaar en tegelijk dragend: als ze traag zijn, stoppen moderatoren er stilletjes mee.

    Scope en stack: Admin panel, Frontend, Product interface · Meteor.js, React, MongoDB

  3. Frontend · Financial interface · API integration

    03

    eCapitalist

    Een beleggingsapplicatie die financiële data via een REST API inleest, waar een verouderd of verkeerd gelezen getal geen cosmetische fout is.

    Scope en stack: Frontend, Financial interface, API integration · React, REST API

  4. Admin panel · Frontend · UI/UX

    04

    SWPS dashboard

    Een intern dashboard voor docenten — gebouwd voor mensen die het twee keer per semester openen en het niet elke keer opnieuw zouden moeten leren.

    Scope en stack: Admin panel, Frontend, UI/UX

03 / Archief van geselecteerde projecten

Bedrijfswebsites en lokale dienstverleners

Voor een dienstverlener is de website meestal het hele verkoopproces: iemand zoekt, komt binnen, beoordeelt in een paar seconden of deze mensen competent overkomen, en belt of vertrekt. De meeste van deze bedrijven moeten hun content ook zelf kunnen bewerken zonder de lay-out te slopen.

Eigen frontends op WordPress en Joomla in plaats van een gekocht thema, zodat het ontwerp de botsing met echte content overleeft — plus werk aan de snelheid waar bezoekers binnenkomen via een telefoon met twee streepjes bereik.

  1. Frontend · UI implementation · CMS integration

    01

    Mute Design

    De website van een bedrijf met architectonische producten die geluid in gebouwen beperken. Een Next.js-frontend die content via de REST API uit WordPress haalt, zodat marketing bij de editor kon blijven die het al kende.

    Scope en stack: Frontend, UI implementation, CMS integration · React, Next.js, Material UI, WordPress REST API

  2. Frontend · UI/UX

    02

    WIWTech DSP

    De website van een Pools bedrijf dat digitale oplossingen op maat bouwt — het klassieke probleem om maatwerk te beschrijven zonder te klinken als iedereen.

    Scope en stack: Frontend, UI/UX

  3. Frontend · UI/UX

    03

    Royal Lab

    Een autodetailingbedrijf in Warschau — de site heeft hier één echte taak: een lokale zoekopdracht omzetten in een geboekte afspraak.

    Scope en stack: Frontend, UI/UX · WordPress

  4. Frontend · UI/UX

    04

    ElektroFive

    Een lokale autogarage in Warschau. Dezelfde taak, alleen eenvoudiger: telefoon, locatie en genoeg signaal dat je ziet dat deze mensen weten wat ze doen.

    Scope en stack: Frontend, UI/UX · WordPress

  5. Frontend · UI/UX

    05

    MC5 Germany

    Een corporate website voor een brandingbureau op de Duitse markt. De eigen site van een bureau is de moeilijkste briefing die er is, want het is tegelijk het portfolio.

    Scope en stack: Frontend, UI/UX

  6. Frontend · UI/UX

    06

    MC5 Poland

    De tegenhanger voor de Poolse markt: dezelfde beeldtaal, maar gericht op een andere groep klanten.

    Scope en stack: Frontend, UI/UX

  7. Frontend · UI/UX · Load speed optimization

    07

    Bäckerei Langrehr

    Een Duitse bakkersketen op WordPress — frontend plus werk aan de laadsnelheid, want de meeste bezoeken komen via de telefoon, ergens tussen twee winkels in.

    Scope en stack: Frontend, UI/UX, Load speed optimization · WordPress

  8. Frontend · UI/UX

    08

    Bäckerei Schiffer

    Nog een Duitse bakkersketen, dit keer op Joomla met een eigen frontend erbovenop.

    Scope en stack: Frontend, UI/UX · Joomla

  9. Frontend · UI/UX

    09

    Zimmerei Robrecht

    Een Duits timmerbedrijf — Joomla, een eigen frontend en die eenvoudige helderheid waar de bouwsector beter op reageert dan op decoratie.

    Scope en stack: Frontend, UI/UX · Joomla

  10. Frontend · UI/UX

    10

    Bäckerei Krechel Café

    Een bakkerij met café die zich aan klanten voorstelt: openingstijden, wat er echt in de toonbank ligt en hoe je er komt.

    Scope en stack: Frontend, UI/UX

04 / Archief van geselecteerde projecten

Handel, aanbod zoeken en hotellerie

Het is hetzelfde probleem in andere kleren: iemand vergelijkt opties en kiest de optie die het makkelijkst te begrijpen is. Een schoen, een hotelkamer en een hondvriendelijk pension verliezen allemaal van een duidelijkere concurrent.

Klantinterfaces gebouwd om te vinden en te vergelijken — foto's krijgen ruimte, filters beantwoorden de vraag waarmee mensen echt binnenkwamen, en niets staat tussen willen en kunnen vragen naar beschikbaarheid.

  1. Frontend · UI/UX · Product presentation

    01

    Aurelka

    Een Pools merk kinderschoenen — de frontend moet doen wat een goede verkoopster doet: het product goed laten zien en de juiste maat treffen.

    Scope en stack: Frontend, UI/UX, Product presentation

  2. Frontend · UI/UX · Discovery interface

    02

    Pies w Hotelu

    Een platform voor hondenbezitters die hotels zoeken waar de hond welkom is. Filteren is hier geen functie, maar het product zelf.

    Scope en stack: Frontend, UI/UX, Discovery interface

  3. Frontend · UI/UX · Hospitality website

    03

    Hotel Buntrock

    Een Duits hotel dat kamers en aanbiedingen presenteert, met het stille doel van elke hotelwebsite: de boeking rechtstreeks binnenhalen in plaats van via een platform.

    Scope en stack: Frontend, UI/UX, Hospitality website

Volgend project

Je project hoeft niet op een van deze te lijken

Wat je meeneemt is niet de branche, maar het patroon: een onbekend domein in duiken, uitzoeken wat de interface echt moet doen, en een frontend opleveren die de volgende persoon kan onderhouden. Dat is inmiddels vaak genoeg gebeurd om herhaalbaar te zijn in plaats van geluk.

Laten we het over je project hebbenLees de volledige case studies