DutchDesign is a 7 week field study with a focus in design and culture within the Netherlands. The school was conducted across 7 cities in 3 different countries, distilled down into 16 studio interviews and experimental ineractive photography.
The image below shows the specific pages I worked on within the site (in ux, visual design and development phases). Most of the important ux/interaction moments that I worked on happen in the video page notated below.
The main element of the page is the video player, so we opted to place it at the very top of the page. It was also important to code it in such a way that the video was responsively resized with the page. The visual design of the player separated the video progress bar from the video which created a challenge on how best to code it. We made the decision to code the progress bar in such a way that it was always above the fold of the page, no matter the window height or width.
Instead of using traditional forms of navigation, like a nav bar or image grid, we decided to make our entire home page pure navigation in the form of a list. The reason we chose to do this was to take advantage of the affordances of designing a microsite with minimal navigation needs and go for an uncommon ux pattern that would also support our Brutalist design approach.
Another reason was that we wanted to showcase the photography content in a progressive way rather than having it appear in a grid view, to create a sense of discovery and delight.
The image stack (carousel) animates-in when the page hits a scroll target to draw attention to it's interactivity. The cursor also changes to hit to the user that there might be something to click.
Hover states are used throughout the site to reveal content to help guide the user through the site experience.
