Live 2K | Coded Website Prototype

During 5 weeks, we had a total of 5 Weekly Sprints to work and meet up for Sprint Planning every Fridays. During week of the sprint, we were working on our individual assigned tasks.

We used project management tools like:

• Google Docs for Documentation, Research, Ideation.

• Google Sheets for our Product Backlog, Sprint Events, Task List, and Project Logging.

• Zoom and Discord for team meetings and communication.

This method was fun and easy for us to go back and forth in communications and keeping up with each other. The Weekly Sprint helped us see the whole project in a bird's eye view, making big tasks to smaller ones.

When sketching the wireframes, I've used inspirations from other music festival websites. Coachella, Rolling Loud, and 88Rising helped me out ideate my wireframes.

Website landing pages of Coachella, 88rising: Head in the Clouds, and Rolling Loud

Low-fi wireframes for Homepage, About Page, and Tickets Page

Low-fi wireframes for Artists Page, and Individual Artists Page

From my research, common elements throughout these websites that I implemented on my designs are:

• Information organisation

• Creating an experience for the user

I wanted to focus on the experience by bringing aesthetic UI elements of the 2000's with a modern twist by organising information with usage of “windows-style” containers.

Hi-fi wireframes for Homepage, About Page, and Tickets Page

Since this is a project with a 6-week time constraint, our team only stuck to produce essential pages of the website. (Home Page, Ticket Checkout Process, Artist Line-Up Page, Volunteering Form)

Hi-fi wireframes for Homepage, About Page, and Tickets Page

The coding process was a bit overwhelming at first. The Weekly Sprint Planning helped break down each major task to sub-tasks.

The third sprint iteration's tasklist

This is also the first time I've coded along with another Developer role and it was a bit of a struggle. We had to agree upon a system where when we coded together, we somehow had our files together in sync.

My developer partner and I shared the coding work by assigning what pages to work on. I've started coding the main page website/header at first to get the base website.

I coded the Home Page, Tickets Page, Artist Page, while our other developer helped create the footer section, Ethos page, and the Volunteer Sign Up form.

Overall, this project was really enjoyable because of its team base environment and working with the Agile Methodology. Our team could have taken advantage of other project management tools like Trello and Jira to make our workflow more smoother.

The website can be improved by organising CSS styles with SASS, and creating reusable components like cards and sections.

Send me a request for acccess at rikkilanz@gmail.com