Theodore
UX/UI designer

Online Gaming Store ++

All the best games in one place.

Image alt tag

Overview

Drawing App is a mobile application for artist to submit their artwork, work with a friend and join the community. If you are stuck on an idea seek help on how to improve it.

This was a personal project that I spent a large amount of time on to create something that I am passionate about and to help other artist.

Role

  • Product Designer

  • User Research

  • Prototyping and Testing

Oct 2020 - Present

  • Draw Together is an iOS Application, meant to help connect artist to each other.

  • Who was the target audience? - All ages anyone who is interested in drawing.

  • What problems do the product solve for them? A easy way to work on your craft for art, collaborate with other members. You can earn badges as you progress.

Customer Journey

Example:

To understand how customers find and interact with the service we created a Customer Journey Map.

Guiding Questions:

  • What were the steps of the customer journey?

  • At what point did the user realize the need for a solution?

  • How do they search for a solution and how does the user find the service?

  • How do they interact with the service?

  • What happens after using the service?

  • What were the main touchpoints at each step where the user contacted with the service?

  • What were the main pain points for the user during the customer journey?

  • What solutions did you find to treat these pain points?

  • What new features or design changes came from mapping the customer journey?

Online Gaming Store ++

User Journey

Example:

I mapped out the users’ steps to see how I could simplify their journey to help them reach their most important goals with the product.

Guiding Questions:

  • Why did you decide to do user journey mapping?

  • How did you choose the most important user goal to map?

  • How did you determine the steps of the user journey?

  • How do the users feel and what do they think at each step of the user journey?

  • What ideas emerged to improve the experience in certain steps?

  • How did the user journey mapping help you to design a better product?

Online Gaming Store ++
“I really want a place to call home for my artwork”
-John
Online Gaming Store ++

Personas

Example

Based on the interviews/workshop we set up a persona. We referred to them throughout the entire product development process.

Guiding Questions:

  • At what point and why did you decide that you need personas? I needed to create a persona to figure out the needs of our customers.

  • What kind of methods did you use while developing the personas? (User research, or involving stakeholders?)

  • What information did you provide about each of the personas? (context, problems, motivations, etc)

  • How did you present this information to the product team?

  • How did the personas affect design? What new features or design changes came from the personas?

  • At which points of the design process did you reflect back on your personas?

Online Gaming Store ++

Empathy Map

You can write here as much as you want, this text will always look nice, whether you write longer paragraphs or just a few words. Click here and try it out.

Online Gaming Store ++

Sketches

Example

I usually start the design process with low fidelity wireframes. This is the way I iterate through many design options quickly.

Guiding Questions:

  • What was the main purpose of your sketches? (presenting, testing, brainstorming?)

  • How did your knowledge about your users and their goals influenced your sketches?

  • How many different versions you made?

  • What were the main differences among these versions?

  • Which version did you choose and why?

  • Explain the layout and the arrangement of the elements!

  • Why did you put the elements to a certain place?

  • How did your sketches helped you more forward?

Online Gaming Store ++
Online Gaming Store ++

Wireframes

Example

At the beginning of my design process I created wireframes for testing purposes.

Guiding Questions

  • Why was it useful to do this?
  • What kind of wireframes did you make?
  • Low fidelity or high fidelity?
  • What tool did you use for this?
  • Did you use them for testing?
  • How many iterations did you have?
Online Gaming Store ++

UI Design

Example:

Once I tested out all usability mistakes, I started designing the final screens in Sketch.

Guiding Questions:

  • What kind of visual style did you follow? (Fresh, corporate, dark, light?)
  • What inspired you to use this style?
  • Did you follow any guidelines? (Material Design, iOS Styleguide, etc?)
  • What platforms did you design for?
  • Which details really fill you with pride?
  • How does your final design reflect your learnings about your users?
  • How does this design help achieve business or user goals?
Draw Together prototype
Don't forget to show some results

What have you learned from this project?

I have learned that it is

  • What were your biggest fears, problems, struggles?

  • How did you overcome them?

Being honest is a good thing, it means that you are aware of what you’re doing.

100
Iterations
16
Screens
20%
More users
58
cups of coffee