Telling the story of Anne Frank

- Anne Frank Foundation




UX Design, Pitch




The Anne Frank Foundation is the modern day representation of the legacy of Anne Frank. The Anne Frank House, her story, international exhibitions, education, and modern-day research into racism, discrimination & anti-semitism are all part of its portfolio. Up to now the digital representation and communication of this portfolio was fragmented and cluttered. Therefore the Foundation was looking to develop one modern & integrated platform. To decide on a design & technical partner, the foundation put out a request to tender.



The main UX challenge, in developing a pitch to compete in this tender, was clearly illustrate that  all levels of information (from the story of Anne Frank, down to nitty-gritty research papers) would be incorporated in an appropriate & understandable manner.


Later on, after the pitch proved winning, the challenge laid in conceptualising this intent and perceivably applying it in visual & interaction design.

A sketch made in development of the pitch, looking for the overall structure. The relation between different elements of the platform became key in winning the pitch.



In development of the pitch, it became obvious that illustrating the relationship between different sections of the platform was most important. As would also communicates that the full range of information would eventually be incorporated.


To convert this idea the pitch centralised around easily navigating between the different levels of the platform. This was done in the form of a video & animation of a prospected user moving from an approachable experience environment towards more difficult and functional pages in the platform.

The conceptual model that lies at the base of all design & interaction decisions in the development of the new Anne Frank platform.

To guide the design process a conceptual model was developed. This model is based three user groups looking for information, that have different levels of knowledge on the subject. And by mapping the page on this model, design decisions about interaction & visual design of the page can be made. E.g. If a part of the platform was aimed at a wider audience that might not have a lot of knowledge the focus would be on experience & exploration. Whereas research would be presented as functional as possible as the user would probably already have above average knowledge on the subject.


This mapping is constantly done throughout the, ongoing, development of the platform.

Wireframes for the "experience" part of the platform, including a digital "achterhuis", timeline, and who-is-who. As well as exploring the navigation dedicated to this part of the platform.



Art Direction: Arno Wolterman

Concept: Juri Teuling

Concept: Manouk van de Berg

Digital Production: Tanja Zuijderwijk

Strategy: Jacco Ouwekerk

User Experience Design: Tom Kölker

Visual Designer: Bart Nederveen

Tom Kölker

Say hi via

Stalk me on

user experience designer

mail or phone