Amsterdam Dance Event Redesign

Redesigning ADE with accessibility and motion in mind

Year2022
RoleFront-end Development · Interface Design
StackHTML · CSS · Javascript
ClientAmsterdam University of Applied Sciences
Duration5 weeks
Livegithub.com/lainecedes/FED2022 ↗

04 2022

MOBILE WEBSITE — VISUALS

Amsterdam Dance Event RedesignMobile websiteAmsterdam University of Applied SciencesFront-end Development + Interface DesignA note to self2022

Introduction

As part of the Front-end Development course on CMD, this project was focused on a redesign the Amsterdam Dance Event website while learning the foundations of modern front-end development. The focus was not only on creating an engaging user experience, but also on building a semantic, accessible, and responsive website using HTML, CSS, and JavaScript. The project marked my first experience working with Git and GitHub, managing my own repository, documenting development decisions, and maintaining a project from concept to completion. Looking back, it became an important foundation for many of the development practices I still use today.

01 /Research & Design

I started by researching the existing Amsterdam Dance Event website (2022 version) and looking at opportunities to improve the experience on mobile devices. The challenge was to organise a large amount of event information in a way that remained clear, accessible, and easy to navigate. Throughout the design process, I explored layout variations with a breakdown sketch, navigation patterns, typography, and visual hierarchy to create a cleaner and more focused experience for visitors browsing the programme.

02 /Development

The website was built using semantic HTML, CSS, and JavaScript, with a head focus on accessibility, responsive design, and progressive enhancement. The course had multiple 'difficulty levels', and I deliberately chose the most challenging route to push myself beyond the minimum requirements, just because I was curious myself. One of the features I was most proud of was an interactive carousel combined with the Intersection Observer API. Each blog post displayed its publication date as a large decorative element, and as users scrolled through the content, the date dynamically updated to reflect the currently active post. This created a cool reading experience while introducing me to scroll driven interactions and browser APIs. Also I learned how to use Git and GitHub for version control. Maintaining my own repository, documenting progress, and managing changes introduced me to development workflows that would later become an essential part of my professional projects.

Conclusion

This project represents an important milestone in my journey as a front end developer. It showed me value of semantic HTML, accessibility, responsive design, and structured development workflows long before I started working with frameworks and content management systems. Looking back, what stands out most is my curiosity to experiment. I chose a challenging assignment level and explored techniques such as the Intersection Observer API. I discovered how much I enjoyed combining technical problem solving with interaction design. Many of the things I now love to do as a creative developer, creating interesting interfaces, experimenting with browser capabilities, and building interactive experiences, can be traced back to this project.

Keep poking aroundSee everything ↗