Projects > Project 1: Website prototype
C's på Holmen: Website prototype
Table of contents
Project description
ATTENTION: The following project is a work of fiction and is not made for commercial purposes.
Copenhagen Business Academy is hosting an event for all new students: C's på Holmen (Pronounced "Ses på Holmen"). The event is a one-day-festival during the month of September with activities all over Holmen and Reffen in Copenhagen. Organised by the tutors, the festival offers an introduction to fellow students to get to know each other outside the classroom. The event ends with a concert at Reffen.
My team and I were assigned to create a prototype for a website advertising the festival to the students. The website provides information about the event before and during the day and the possibility to buy a ticket for the festival.
C's på Holmen, 2024
Homepage, 2024
Website prototype in Figma
The solution
The website consists of a homepage, and three sub-pages. All can be viewed and accessed in the navigationbar at the bottom of the screen.
The homepage provides an overview of the festival with information about the event and answers to any questions the students might have about the festival.
The three sub-pages are as follow:
Activities: To see all activities during the festival, there is a map of Holmen and Reffen and all its activities throughout the day. Each activity can be clicked on and further information will appear on the screen.
Ticket: When participating at the activities, the students have to show their digital tickets to the tutors. The first time accessing the ticket, you have to login--afterwards the site will keep you logged in. Now the ticket will appear as a QR-code, ready to be scanned by the tutors.
Contact: In case of an emergency or if you have any questions during the festival, the contact-page provides the names and phone numbers of each tutor at the festival. Simply choose your campus and find the available tutors.
C's på Holmen, 2024
Map-site with activity information, 2024
Website prototype in Figma
C's på Holmen, 2024
Ticket-site with login, 2024
Website prototype in Figma
C's på Holmen, 2024
Contact-site for different Cphbusiness campuses' tutors, 2024
Website prototype in Figma
The process
The goal for my team and I was to make an user-friendly website with easy access to each page and an uncomplicated flow between them. As this is a website that will primarily be used on the festival-day itself, we wanted as few elements as possible in order to avoid any friction when using it. That is why the design is minimalistic in nature, having only the necessary items on each page. The prototype is made for mobile-devices, as this is the main device students are using on the day of the festival. However, the website and its components can easily be upscaled for desktop-version if necessary.
The target group for the website is Cphbusiness' new students, typically young people in the age of 20-30 years old. The desired target ("responsmål") is to get as many students as possible to participate in the festival i.e. buy a ticket. Our success criteria is to get 50% of the new students to participate.
Based on the target group, my team and I defined five keywords from which the design will take inspiration:
- Relaxed
- Colorful
- Fun
- Youthful
- Dynamic
C's på Holmen, 2024
Colorpalette for C's på Holmen, 2024
Frame in Figma
We experimented with a number of designs before landing on the right aesthetic with a warm color-palette consisting of red-pink, orange and yellow. These are analogous to each other and give associations to summer, warmth and fun--just like festivals typically would. To balance out the warm nuances in our design, we chose blue, which is also a complimentary-color to orange. Finally we use an off-white and black for background-color and highlights.
The structure of the homepage is based on the AIDA-model. Firstly, we wanted to grab the user's attention with a fun banner. Then we wanted to peak their interest with a brief overview of the festival before giving them a call-to-action by being able to buy a ticket. The website is build on a simple sitemap, which we made in the beginning before making the layout and design.
C's på Holmen, 2024
Earlier versions of C's på Holmen, 2024
Frame in Figma
C's på Holmen, 2024
AIDA-model over homepage, 2024
Frame in Figma
C's på Holmen, 2024
Sitemap, 2024
Frame in Figma
