Project Overview
Why Music Festivals?
We did not decide on a specific topic at first because we did not have much in common. Furthermore, generally speaking, we share a strong interest in music, so that is why we chose this theme for the project. The theme of music festivals in the Netherlands was chosen by our group. The main goal of this project is to create a website for future festivals in the Netherlands that would provide a discount for students. We'll also provide some details on the performer, as well as timetables and festival information.
Target User
Festival events in the Netherlands are featured on this upcoming web page. It's geared towards students who want to know more about the events and get a better deal on tickets.
Methodology
Design Thinking
Empathize → Define → Ideate → Prototype → Test → Implement
DOT Framework
Library · Field · Lab · Showroom · Workshop
User Research
Survey Results
- 66.7% been to a music festival
- 83.3% want festivals by city
- 91.7% want events listed by date
User Requirements
- Student discount
- Filter by city, genre, month
- See artists & lineup
- Dark theme
Persona: Luc de Jong
19, Student, Eindhoven · Introvert · Wants to meet people with similar music taste
Persona: Fabiana Fiabesch
28, Spanish Student · Extrovert · Goal: attend festivals in every city
Design Process
Logo & Color Scheme
Logo (TWP): "TODAY WE PARTY" abbreviated as TWP. The "W" shaped as a person with party vibe lines.
Colors: Black (dark theme), Purple (party atmosphere), White (contrast).
Prototype Screens
User Testing
Problems & Solutions
✗ Sign-in button same as input fields
✗ Homepage slogan not visible
✗ Image too small
✓ Made button visually different
✓ Centered text, improved font
✓ Extended image to full width
Before & After: Login/Signup
Technical Stack
Technologies Used
Key Features
- Browse festivals by city (Amsterdam, Rotterdam, Eindhoven)
- Browse festivals by month (June, July, August)
- Detailed festival description pages with lineup info
- Ticket purchase flow with student discount options
- Interactive Google Maps integration
- Login/Signup pages (frontend only)
- Contact page for user inquiries
My Contributions
- Frontend development of multiple pages
- UI design implementation following project style guide
- Participated in user testing sessions
- Collaborated on sprint planning and reviews
- Code reviews and Git workflow management
Team
Team Members: Maria Paula Salazar Agudelo, Nikol Fabijanić, Linards Jansons, Stefanas Waakzaam
Class: P-CB-M01 | Group Number: 04
Project Status: The website is fully functional. However, with no backend certain features not available such as logging in or signing up.
Explore More Projects
Check out my other collaborative and individual work!