Visual clarity
Strong hierarchy, typography, colour and composition shape how a digital experience feels before a user has even interacted with it.
Explore visual design research
How I approach digital design
Design is more than how it looks
I’m only happy with something when it already feels right the moment you open it. Clear, polished and intentional — before you’ve even clicked anything.
Usability
Good interfaces should make the next step feel natural. Navigation, structure and interaction should help users achieve what they came for.
Explore usability researchPerformance
A polished website should also feel immediate. Loading speed, responsiveness and smooth interaction are part of the user experience.
Explore web performance researchAccessibility
Good web design should remain clear and usable across different devices, input methods and user needs.
Explore web accessibility researchFeatured work
A few things I've built.
Some projects are still in progress, others are constantly evolving — but these are already live or presentable.
D&D Portal Wiki
A growing D&D reference wiki with character options, rules, homebrew and practical tools.
The DND-Portal interface showing the main campaign and worldbuilding environment.
Antarctica SC
A public-facing website created for Antarctica SC, focused on presenting information clearly through a modern and accessible web experience.
The Antarctica SC website, showing the public-facing interface and visual identity of the project.
By the numbers
A little context behind the work.
3+ Years coding
1.12M+ Lines coded
16 Finished projects
5 Research projects
9 Group projects
3 Live projects
9+ Projects being worked on
Research
I like knowing why something works.
Some ideas start with code. Others start with a question. Research helps me understand what should be built, for whom and why.
Sustainability & outdoor purchasing
How much does sustainability influence what consumers choose when buying outdoor products, clothing and brands?
Visual design & first impressions
How hierarchy, typography, colour and composition influence the first impression of a digital product.
Usability & intuitive interfaces
What makes an interface feel intuitive, and how navigation and interaction can reduce friction for users.
Beyond the projects
I build things because I’m curious how far an idea can go.
I’m Toon van Berkel, a developer and designer studying Creative Media & Game Technologies in Rotterdam. Most of my projects start with a small question and somehow end up becoming complete platforms, tools or experiments.
I enjoy working where development, visual design and research overlap — figuring out how something should work, building it, and then polishing it until it feels intentional.
Playground
Not everything needs to be a serious project.
Sometimes I build something simply because an idea sounds interesting, weird or unnecessarily complicated.
Try something new
Small experiments where I test technologies, interactions or ideas without needing them to become a complete product.
View experimentsBuild it before overthinking it
Quick concepts and prototypes used to find out whether an idea actually works before turning it into something bigger.
View prototypesBecause why not?
Ideas that probably did not need to exist, but were interesting enough that I wanted to see how far they could go.
Explore weird ideasLet’s build something
Got an idea? Let’s see where it can go.
Whether it starts as a rough concept, a weird experiment or an actual project, I’m always interested in seeing what can be made from it.
Need a website, application, prototype or someone to help figure out how an idea should work?
Selected collaborations
Brands I’ve worked with.
Antarctica SC A public-facing website focused on presenting information clearly through a modern web experience. View project 
DND-Portal Assets A visual identity used within the DND-Portal project and its supporting digital tools. View project 
DND-Portal Dashboard A dashboard-focused part of the DND-Portal project, built around clear information and interaction. View project 
DND-Portal A project where branding, interface design and development come together. View project 
HTR A collaboration connected to digital design, communication and practical problem-solving. View project 
Labs31 A technical collaboration explored through digital tools and a clear visual identity. View project 
Vox Host A digital collaboration combining technical implementation with a focused user experience. View project 
Labolutions A collaboration shaped around clear digital communication and practical online experiences. View project