Design Process

Research

Research Goals

1. Understand the market trends in creative agency industries
2. Identify the target market
3. Identify competitors and evaluate their strengths and weaknesses
4. Understand the role various services play in people’s work lives
5. Understand the experiences people have with various services
6. Discover goals, needs, motivations, and frustrations users

Market Research

In order to gain more insights on what the current music streaming industry looks like, I decided to start with market research. Through market research, I was able to get a deeper understanding of the current trends of the creative agency market based on data gathered from secondary research.

Competitive Analysis

After conducting my market research, I analyzed Blue Fig’s top competitors to evaluate their strengths and weaknesses. This information helped me to understand what the trends are across all competitors, their unique differences, and why users might choose a particular service over another.

User Persona

Using what I learned from both my secondary and primary research, I created a user persona that accurately represented who I am designing for. This persona helped guide my decisions along the design process to make sure the solution I am designing is centered on our user. Meet Jessica:

Defining the Problems

Now that I knew who I was defining for, I was able to use the insights and needs gained from research to identify what the main problems are that I am trying to solve. I used those insights and needs to create POV statements to better understand the problem from the user’s perspective and then created HMW questions to come up with possible solutions for these problems.

Task Flow

Now that I knew how these features would fit into Blue Fig’s website, I wanted to explore how the user’s would be interacting with the website to complete key tasks. I first created a UI Requirements document to identify the key tasks based on our user’s goals, and then clearly laid out the specific requirements for each screen in order for the user to successfully complete those tasks.
Using the same key tasks, I created task flows to understand the actions the users would take and the key pages they would interact with to complete those tasks.

User Flow

Now I wanted to take an even deeper look into the overall user’s journey while interacting with the new features. In order to more deeply empathize with the user, I created a user flow to explore the scenarios the users would be in and the different paths and decisions they would encounter when trying to complete the key tasks defined.

Lofi Wireframe Sketches

Using everything I learned throughout this phase, I then worked on creating lofi wireframe sketches to make informed decisions on how to design a new website to help our users complete these tasks and meet their goals.

Sketches to Prototype

In order to test the design decisions I had made and to test the usability of the design, I wanted to create a prototype to test on real users.

High Fidelity Wireframes

Using Figma, I first started by creating high-fidelity wireframes based on my sketches.