Wedding DJ application

I created this project for the Google UX design course. The goal was to create an application which will help to find and contact wedding DJs quickly without ineffective browsing the internet.

Preview of a few screens of the website.

Understanding the problem

Is this application really important? How would it help users? I asked myself.

I conducted user research to understand users, know more details, and identify problems. At the same time I was able to define the goal of the application. I questioned 5 participants. They were people between the ages 18-62 who reside all over the world.

I was focused on

I abstracted pain points from the interview quotes, and mapped out an end-to-end experience users would have.

The problem

There are too many DJs on the internet. All of them have their own website or social media profiles. profile.

There is no easy way to contact the selected DJs.

The goal

To create a straightforward workflow to send a request to the DJ without long browsing and searching for the contact.

The new workflow should speed up the process of wedding DJs booking.

Who is the average user?

I also created a persona which should help to identify key audience segments.

My persona is called Alice.

  • Age: 29 years
  • Education: university degree
  • Occupation: marketing field

Alice is a bride who needs to book a DJ who will follow the budget and respect her style because her wedding needs to represent her values.

Image of the persona - young smiling woman with dark hair.

Goals

  • Wedding which represents her and hers boyfriend’s values.
  • To enjoy the wedding without being afraid of unpredictable expenses.

Frustrations

  • There are too many options.
  • She is afraid the DJ will cost a lot of money which they actually do not have.
  • We are tight on budget.

User journey map

I learned that users are worried about the price of services provided by the selected DJ. They are also struggling to find a proper option to contact DJs.

Based on interviews, I created the below user journey map which includes tasks, actions, and feelings of users. I added opportunities which the application can bring to life.

User journey for the project.

Experience map

This is a visualization of an entire end-to-end experience that users go through in order to accomplish the goal. I created this workflow using Draw.io.

Experience map of the user.

Wireframing the solution

Based on the above problems identified, I worked towards addressing these pains by coming up with potential solutions which should be included in the application:

Black and white wireframes of the application.

Mockup

Colors

I created a few color palettes. At the end, I chose a minimalistic color palette using different shades of grey and orange.

Color palette.

Components

I continued with components creation in Figma to be able to keep the design consistent. Components also help me to speed up the design process. I started with designing buttons and inputs. Those are key components for the wedding application.

Here you will find some components that I have used to design the application.

Some of the components used for the application.

I also created a simple illustration in Adobe Illustrator for the get started screen.

The illustration of a DJ holding two vinyls.

Get started screen

This screen was created to encourage users to use the application and remind them of the goal.

Onboarding page of the application.

Sign in

Users would fill in a simple sign in form. They can also sign in with their Google accounts.

Sign in page of the application.

Search results

Users can easily filter search results by genre, price, and additional services.

Search screen of the application with filters.

Other screens

Screens of the application.

Prototyping

At the end, I connected all the screens to create a high-fidelity prototype.

Open the high-fidelity prototype in Figma

Screenshot from Figma. Prototype of the application.