IO Festival is the largest Dutch annual student festival, organized for and by students. The 2013 edition—Illumination—featured over 20 bands, DJ and other acts that turned the night in an awesome experience the attendees will never forget. For the Study Association, I turned the poster style into a fully functional website that is powered by some pretty advanced techniques for which I got help from @alexanderweiss.
The 3D effect
The map and house rules
The map and house rules had to be easy to access, but shouldn’t interfere the user experience. Using CSS transitions only, we managed to hide them and let the user horizontally navigate to the map and house rules. This also works on mobile devices.
Building the IO Festival website with @alexanderweiss was a rewarding task. Besides the functionality described above, we also had a great ticketing system and an awesome IO Festival movie. Experimenting with CSS took a lot of my spare time, but the result was completely worth it. You can still visit the site today by clicking here. The day after the festival, we removed some items to indicate that the festival had come to an end.