Immer is een Utrechtse startup die digitaal lezen wil revolutioniseren. Ik had de taak om als enige designer de gehele app vorm te geven, van stijl tot structuur en alle interacties daartussenin. We haalden inspiratie uit dingen als Instagram stories, en onze ervaringen uit het ontwikkelen van videogames, om een speelsere interactie neer te zetten dan wat er mogelijk is in veel traditionele e-readers.
Dankzij sponsoring van Yoast heb ik een aantal jaar als vrijwilliger kunnen bijdragen aan de ontwikkeling van het blogging platform WordPress. WordPress is zelf geen bedrijf, dus alle bijdrages zijn van vrijwilligers (gesponsord of uit eigen interesse). Dit maakt organisatie soms lastig, maar geeft ook de mogelijkheid om grote dingen op te pakken.
Naast allerlei kleine design en accessibility bijdragen die ik met andere designers en experts heb voorgesteld, heb ik aan drie grote projecten deelgenomen; Gutenberg, Site Health, en de 5.7 release van WordPress.
Voor verzekeraar a.s.r. heb ik het ontwerp gemaakt voor de Dienstenwinkel, een online omgeving voor werkgevers, casemanagers, adviseurs, arbodiensten en meer, om diensten van a.s.r. en derde partijen af te nemen.
De applicatie is van de grond af opgebouwd in OutSystems, dus ik was vanaf het begin betrokken bij gesprekken met stakeholders en de business analyst om vorm te geven aan de wensen.
Doordat we als onafhankelijk team konden opereren hebben we binnen 4 maanden een MVP opgeleverd die we in de twee jaar daarna hebben uitgebouwd tot een succesvol platform wat bijdraagt aan een miljoenenomzet.
Ik ben begonnen bij SEO-bedrijf Yoast als illustrator, maar al snel zag ik kansen om de UX van de producten te verbeteren. Er was geen dedicated designer die zich daarmee bezig hield, zodoende bouwde ik over de jaren een UX afdeling op met meerdere medewerkers.
Samen beheerden we een design library in Sketch met alle componenten die we gebruikten, zodat we de stijl vast konden leggen en sneller schermen konden bouwen. Elk scherm van elke plugin hebben we wel aangeraakt - en ook het onderliggende systeem WordPress hebben we aan gesleuteld zoals je elders kunt lezen.
Op een ochtend vroeg een oud collega me zijn website te updaten. We schetsen wireframes tijdens de lunch, in de namiddag maakte ik de mockups in Figma, en de volgende dag had hij een eerste versie live staan.
Deze one-pager belicht alle relevante info en werkervaring van Anton in een fris modern design. Anton wilde graag opvallen tussen de andere developers met zijn creatieve aanpak van software ontwikkeling, dus een bijpassende site die dat uitstraalde was nodig.
De Figma file is helemaal opgebouwd met Auto Layout zodat de content meebeweegt bij verschillende schermbreedtes. Ik bouwde ook een tablet layout die tevens dienst doet als de PDF export die Anton bij sollicitaties mee kan sturen.
Loyalis ondersteun ik met efficiente gerichte wireframes en prototypes wanneer zij een nieuwe feature aan hun portaal toevoegen.
Door de kosten van ontwikkeling willen zij graag snel ideeën formuleren die met minimale ingrepen hetgene bereiken wat ze voor ogen hebben. Daarom ben ik vaak al aanwezig tijdens brainstorm meetings om direct mee te denken en wireframes te schetsen.
Kort daarna maak ik een klikbaar prototype van de besproken flow, zodat iedereen kan zien hoe de oplossing moet werken, zodat de functionaliteit verfijnd kan worden voordat de bouw begint.
De website die je nu bekijkt is van de grond af door mij gebouwd met HTML, CSS, en een klein beetje PHP. Over de jaren zijn er meerdere versies geweest waarin ik steeds weer nieuw geleerde moderne technieken ging toepassen.
De site is volledig responsive met een aantal breakpoints die de content herstructureren voor tablet en mobiel. Ik gebruik PHP includes om veelvoorkomende onderdelen zoals de navigatie modulair in te laden vanuit een centraal bestand, en heb een CDN gebruikt om afbeeldingen in het best passende formaat en resolutie aan te bieden. Ook cache ik weinig veranderende elementen om het laden te versnellen. Zodoende heeft de site een score van 98% in Google Pagespeed Insights, wat kijkt naar snelheid, accessibility, SEO, en meer.
Bovendien heeft de site een dark mode die reageert op de instelling van het systeem van de gebruiker, en is de content in twee talen beschikbaar.