The Artist Collective

Product Overview

The Music Collective is a responsive website with a database of information on artists and events happening in the area. It is also a website where you can buy tickets for the events.

Problem- The problem I was trying to fix is that a lot of times people have a hard time finding information on artists they like and events near them. So this website would hold all the information in one place.

Goal- To create a platform so that people can find information on artists and their upcoming events.

Visual and Interaction UX Designer

Responsibilities

  • Ideation, wireframes

  • Mockups

  • Low and High-Fidelity Prototypes

Empathize

Getting Information from a friend about how she found it hard sometimes to find the information on her favorite artists and their upcoming events, I decided to do a project on designing a website where someone can find that information easier. So after hearing more from her I created a persona.

Define

Next going off of the persona I created a problem statement to define the issue the designs were aiming to fix.

Problem Statement- Bea is a college student who needs a way to know the upcoming events here favorite artists are having in her area because she wants to have more opportunities to have fun experiences.

Ideation

I started ideating in Adobe XD with degital wireframes as a responsive website. I decided to design in a website first to get my ideas down on a larger screen and then scale it down to a phone screen.

Prototype

I then created a low-fidelity prototype using the wireframes earlier in both sizes of screens

Website sSize Screen Low-Fidelity Prototype- https://xd.adobe.com/view/397bfadb-d58f-4169-8d96-4aa0600fcec7-6c28/?fullscreen

Phone Size Screen Low-Fidelity Prototype- https://xd.adobe.com/view/c25a9a0b-3844-450b-9443-4e7fc9272322-9709/?fullscreen

Ideation

Next to make the wireframes look more like a real website I added in Typography, Iconography, Color and Images. This is the first time

Prototype

After creating Mockups for the website I created a High-Fidelity Protoype linking the mockups in the main user flow of buying tickets for an upcoming event.

HIgh-Fidelity Website- https://xd.adobe.com/view/31e99244-e41f-41e2-a37c-7ce940f1baa8-64ba/