Tolga Doganar 12-09-25

Tolga Doganer is een frontend developer bij Funda en ex-student van FDND. Dit is een linkje die in zijn presentatie voorkwam met verschillende animatietools. https://gsap.com/

Martijn Nieuwenhuis 03-10-25

Martijn Nieuwenhuizen zijn doel was om lekker nerderig te zijn en te experimenteren met dingen die je interessant vind. Dit is een linkje van zijn website waar hij zijn projecten neerzet. https://martijnnieuwenhuizen.nl/

Daarnaast had hij het over de verschillende fases die hij heeft bij het bedrijf waar hij werkt.

Discover & Strategie

• Onderzoek en voorstel

Create & Launch

• Maken

Optimise & Grow

• Optimaliseren

Vasillis van Gemert 17-10-25

Vasillis van Gemert gaf een presentatie over Inclusive Design. Het ging over het ontwerpen op een manier die voor iedereen werkt. Maakt niet uit wat voor leeftijd, afkomst, taal, gender, beperking of ervaring iemand heeft. Het doel is dat zo veel mogelijk mensen een product, dienst of omgeving kunnen gebruiken en begrijpen, zonder dat iemand wordt buitengesloten.

Daarbij benoemde hij wat punten:

1. Consider All Context
2. Be Concsistent
3. Prioritsie Content
4. Add Value
5. Study Situation
6. Ignore Conventies
7. Prioritisie Identy
8. Add Nonsese

Trystian Offerman 21-11-25

Desgin System - Decathlon

• Staff engineer bij decathlon
• Actief in 79 landen
• Vooral gericht op e-commerce en data

upperfunnnel alles tot de checkout -homepage search listpage productpagina

lower funnel als je betaalt inloggen

• basket
• checkout
• login
• after sales
• account buying

Product page team

• engineering manager product manager
• designer 2x contente design ux design
• fronted engineers 6x

fronted stack upper

• NEXT.js. - next is a react framework fot building full stack weg applications
• React
• TS
• The stack (FE)

backhand

• NODE
• JS

Design System

Een design system is een centrale verzameling van herbruikbare UI-componenten, richtlijnen en principes die fungeren als één enkele bron van waarheid voor het ontwerpen en bouwen van digitale producten, wat zorgt voor consistentie, efficiëntie en een betere samenwerking tussen design en development teams.

Hun design system:

Vitamin Play

Slogan

experience to move people trougth the wonder of psort enable by vitamine play

Design token voorbeelden

• #3643ba
• cobait-500
• --vp-semantic-color-content-brand

Design and Engineering speak the same language

Design tokens

foundations

• website
• apps
• email
• in store

waarom naar design system gegaan

• consistency consistencyand coheisve experience across our product and
• efficiency
• scalability easy to scale design adn developmente without sacrificing quality
• inmproved collaboratioin better collab between design and devel
• quality enhancing quality of the user interfaces, by using establishe design best practis
• accessibility
• onboarding adn training

TIP

niet meerdere dan 1 frameworks gebruiken

Fronted library foundation

• color
• assets
• icon
• typo
• border
• componenten
• button
• accordian

Make sure your components are:

• composable
• flexible
• accesssible
• themed
• wel documented
• consistent
• stable and predictable

What should not be in design system

• page-specific or flow specific UIs
• complete pages
• higly coupled to backend/domain logic
• one offs
• experiments
• things which are specific to one product

Brian Bos 12-12-25

Brian Bos gaf een presentatie over digitale toegankelijkheid. Hij is werkzaam bij Accessibility dat onderdeel van Bartimeus is.

Je kan niet alles automatisch testen

55 richtlijnen criteria

De meest 2 WCAG afgekeurde criteria: 1.3.1 en 4.1.2

1.2.3:

1 - principe

Heb je er 4 van

Percievable -> output Operable -> input is die te bedienen met muis? - toetsenbord? als je helemeal verlamt bent? Understandabel -> output moet ook begrepen worden. als je de taal niet goed aangeeft Robust -> compatible met hulpsoftware

2 - richtlijn 3- Succescritirea

1.3.1 in mensentaal: "alles wat je met vormgeven duidelijk maakt moet je ook in code of tekst duidelijk maken."

4.1.2 - eist naam en rol in mensentaal: ""

NO ARIA is better than BAD ARIA

html role="presentation" html role="none" niet goed haalt alle h2 dingen ens weg

CURB CUT effect voorbeeld: Mensen met een rolstoel word er een curl in stoeprand ontworpen , maar als je met een winkelwagen bijv komt is die curl in de stoep jou ook aan het helpen.

WCAG 1 relevante situatie 2 ei 3 uitzonderingen

WCAG is technologie agnostisch daarom ook toe te passen op apps, documenten, games, informatiezuilen etc etc.

Marcel Fleuren 16-01-26

GlowlyBits

• Full stack development voor startups, scaleups
• Coach agile development
• Fractional CTO voor early stages founders

"Beste code is code die je niet misschien nooit hoeft te schrijven"

Probleemoplosser met productverantwoordelijk

• Website gebouwd reheasle
• North star matrix - Soort stip dat op de horizon staat en dat is je doel waar je heen wilt
• Mijn code moet waarde toevoegen
• AWS systeem

Managing Uncertainly & Complexity

Susane Lau 13-02-26

van Campspace, over server-side rendering.

Where do i got my dat from?

• array
• database
• JSON api elasicsearch

Ze werken met Twig als template engine.

DRY-principe: Don’t Repeat Yourself.

Robyn 06-03-26

Werkende bij Q42

Accessibility = enhancement

Accessibility enhancet de ervaring voor iedereen

• ervaring veel smoother
• meer tijd om te laden
• weet dat je kan sluiten

responsive, accesssible performant adn progressively enchanced componenst & websites

Bram Duvigneau 27-03-26

robot hond mist ambitbie van hond

Een LLM is getraind op wat er al is.

Een Large Language Model (LLM) is een geavanceerd AI-model dat is getraind op enorme hoeveelheden tekstdata om menselijke taal te begrijpen, verwerken en genereren. LLM's, zoals ChatGPT, gebruiken deep learning-architecturen (vaak Transformers) voor taken zoals samenvatten, vertalen, teksten schrijven en coderen

Jij bent getraind op wat jij hebt gemaakt.

Joes Koppers 22-05-26

USE.media

Since 1999 I’ve been designing & developing user interfaces and experiences.

dynamiek interessant en durf dingen te proberen

JUNCTIO website

100prcnt website - layout flexbox

Laura & Marcel 12-06-26

Bikkelhart

Laura UX Designer

Marcel Lead designer & UX Reseach

Bestaat sinds 01-01-2009

• internet bureaau
• part of conclusion
• design en optimalisatie
• bezig toepassen van ai

Diensten voorbeelden

• brand strategy
• UX reseacrh design
• visual & motion design
• photo en video

**Kern ** geloven emotionele en rationele snaar van gebruiker weten te raken

User reseacrh interview enquêtes liefst usability test of gwn kijken wat mensen doen zodat je bouwt wat werk niet wast je hoopt wat werkt

Waarom belangrijk? jij bent niet de gebruiker! jij denkt anders dan de doelgroep annames kosten later tijd en veel geld

Waarom skippen we dan? respondenten vinden is moeilijk kosten: 6deelenemer al gauw 7000-8000 euro tijdorvens klusje resultaat: teams skippen en het betalen daar later de prijs voor

Synthetic user iemnad namaen met ai en daar de vragen aan stellen is altijd ** aanvullend**

Hoe werkt het?

1. Gespeciliaseer tools
2. Algemene ai tools