← BACK

VVN
App Design

Child-friendly road-safety learning app for the Dutch traffic safety organization

UI/UX DESIGN ADOBE XD CLIENT PROJECT MAR–MAY 2025

Context

During my internship at Dutch Rose Media, I joined an in-progress project for VVN, the Dutch road-safety organization. Their UX designer had already made an initial direction but became unavailable due to illness. Me and another intern were asked to pick up the project, continue the visual system, and complete a functional prototype for internal presentation.

2
INTERN DESIGNERS
1
INTERACTIVE PROTOTYPE
XD
FIRST REAL APP WORK
3
WEEKS
VVN app overview

The Challenge

VVN needed a digital app that would make road-safety education fun and accessible for kids while giving parents insight into their learning progress. We had to continue a partially-started UX concept and bring it to life.

My Approach

Design Continuity

I studied the original designer's work to understand the UX intent and visual direction. Working closely with my fellow intern, we aligned on the visual style and interaction patterns to ensure consistency throughout the app.

Design Strategy

We expanded the existing screens, improved navigation flow, and built a clickable prototype in Adobe XD. The focus was on creating simple, intuitive navigation with friendly visuals that would appeal to children while keeping the educational value.

Key Features

Designing for children that need to know more about road safety.

VVN app interface Simple UI with large buttons and colorful visuals

For Children

Large, tappable buttons with clear visual feedback. Friendly characters guide kids through traffic rules in a fun, game-like experience. Reward systems with badges and levels keep children motivated to learn.

Gamified Learning

Making road safety education engaging through game mechanics

Learning Through Play

We designed a reward system where children earn badges for completing lessons and demonstrating their knowledge. This gamification approach keeps kids engaged while ensuring they're actually learning important safety concepts.

Design Process

Working collaboratively to complete the project

Review & Align

We started by thoroughly reviewing the original designer's work, understanding her intentions and design decisions. This respect for the existing work was crucial in maintaining consistency while adding our contributions.

Expand & Refine

Working in Adobe XD, we expanded on missing screens, refined layouts, and created interactive prototypes. Regular check-ins with the project manager ensured we stayed aligned with VVN's goals.

What I Learned

Respecting Existing Work

This project taught me to approach continuation work with respect and understanding. Rather than starting fresh, I learned to study someone else's design system deeply and extend it thoughtfully while maintaining their original vision.

Designing for Children

Creating designs for kids is kind of different compared to making traditional designs. Elements need to be larger, colors need to pop and the interactions have to be more obvious. This project taught me to design with a specific age group's capabilities in mind.

More Adobe XD Experience

This was my first real app prototype in Adobe XD. I learned to create things such as interactive components, manage design systems, and build clickable prototypes that could be shared with stakeholders for feedback.

Team Collaboration

Working alongside another intern taught me the importance of clear communication, dividing tasks properly, and maintaining consistent design decisions across multiple designers.