- UX Research, UI Design
- Adobe XD, Miro
- 3 UI/UX Designers
- Mar – April 2019 (~4 weeks)
Website optimization for a festival organizer
A redesign with easy-to-access information
- Connected to a CMS, the client can focus on providing content without worrying about technicalities
- Maintaining consistency for each year despite festival themes changing
Overview of activities
- Focus on festival programme and activities with appeal to the user’s emotion
- Strengthened social aspect through functional elements
- Improved organization and labelling of content
- Clear visual hierarchy and feedback
Clear structure & labelling
- Complete informational content revealed or hidden in accordions to avoid overwhelming the user
- Clear labels by using language that is easy to understand by the user
Danes love being part of clubs
“Danes love a club – an association or a society of some description where they can pursue a hobby.“
Validating through quantitative research
- What motivates the teenager to attend a social activity and how is their decision influenced?
Thematic Research question
- What experiences does the user have regarding social events?
- What is the user’s attitude towards social events?
- What are the user’s motives for attending social events organized by schools
The main insight
Users participate in an event based on their interest
“I would feel more comfortable to go if I know that there will be other people going with the same interest”
Interviewee 1, 2019
“Of course it helped if friends attended but it was never my main reason”
Interviewee 2, 2019
Embracing festival activities in a social setting
Features that display the total participants for events/workshops and allow users to share on social media fuel the social aspect.
Discovering the relationships between different content
We conducted 4 tests where we presented the test user with sticky notes with pieces of website content and asked them to group and label them in a way that makes sense to them.
With patterns discovered from the 4 tests, we defined the final categorisation.
Defining the backbone of the website
Visualizing the website
We based our sketches on the idea that the website will be built with a headless CMS. This way the client can replace their content according to the yearly themes while the template remains the same each year.
The final product
The final pages
Conclusion + lessons learned
What I’d do differently next time
- Keep iterating on user insight. It is refreshing to experience how users think differently about things that you think could be a good idea. Giving a page a label that at first sounds fun and suitable for the target audience, could be unclear and confusing to the user. This is why involving the users in the design process as much as possible is crucial — we can always learn from them.
- Using a design system. When we started building the website, the Adobe XD prototype is all we had. Breaking pages down into components would have resulted in a more streamlined workflow and we’d be able to achieve consistency and scalability.
- Optimized readability. Since the client would swap out pieces of content to fit their yearly festival theme, it’s especially important that elements stay visible when this happens. If they were to change the hero image for example, there’s a chance that the text colour might clash with the image. To improve readability and to make tasks easier for the client, complying with WCAG standards is of importance.