Theodore
UX/UI designer

Taekwondo Responsive Website Case Study

Take your workout to the next level

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

May 16th 2023 - 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?

Draw Together iOS Application

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?

Draw Together iOS Application
“I really want a place to call home for my artwork”
-John
Draw Together iOS Application

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?

Draw Together iOS Application

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.

Draw Together iOS Application

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?

Draw Together iOS Application
Draw Together iOS Application

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?
Draw Together iOS Application

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