Role: UX Designer, Visual Designer, UX Researcher
Duration: September - October 2021 (2 Weeks)
Project Vision
Loop Concerts is a responsive webpage that will allow fans to pre-order tickets and guarantee that they get seats for their favorite concerts before bots that automatically buy tickets for resale.
Objectives
• Allow fans to pre-order/reserve tickets.
•Keep fans up to date with the latest new and announcements for specific artists.
•Set seat locations to estimate how much your tickets will cost.
User Journey Map
Loop Concerts goal is to easily allow fans to pre-order tickets. The following journey map shows the user flow from when the user goes to the website, to when they finish pre-ordering.
Website Structure
The following chart shows the overall structure of the website.
Paper Wireframes
The paper wireframes are potential Home Screen layouts. I decided to mix and match some of the elements for the finalized home page.
Digital Wireframes
The digital wireframes show the final overall layout, and elements places.
Iteration
After conducting our first usability study, there were a couple things that participants pointed out.
Style Guide
Loop Concerts uses a red to pink gradient. The gradient makes the website fun and exciting.
Take Aways
Impact
After showing the project to others students and friends, a lot of them really liked the overall visual style of the project. After adding the feedback from the usability study this became a more usable concept.
What I Learned
After designing a responsive website, I learned that you have to carefully think about where you are placing elements. When you design for a desktop site and then taking that and designing for a mobile site, you notice how elements change and how some things might have to be redesigned.
For more project details, in depth decisions, and prototypes, please visit the case study below.