top of page

Role

UI/UX Designer

Awards

Positive Development
Awarded by suha alattas and suha alattas 
Innovative solutions
School of the Art Institute of Chicago

Overview

During my studies at the School of the Art Institute of Chicago I developed Gamut as a solution to enhance the slow process of color testing across the different departments. This project has grown tremendously from and a simple idea for an independent study project to a startup. I was in charge of all design and research phases as well as working directly with developers to implement it. I’m grateful to have worked with my mentor Neal Sales to pitch for investors and turn it into a startup. 


Confidential information has been withheld.

Team

Solo Founder

Tools

Axure Pr
Adobe Photoshop
Adobe Illustrator
InVision 
Figma

5d32dd94d1cb7fbc50310212_Kapture 2019-07-20 at 19.22.35.gif

Problem Statement

Color is a crucial part of art and design field. However, when it comes to color testing it has a high error rate, which results in significant material, financial, and time waste for artists and designers.

 

Solution: The solution is to create a digital library and an online community where artists and designers can share and document their formulas. The predicted outcome is that artist and designers will be able to figure out the process quicker and material they will need to use. So it would save them time, money and efforts. 

The Process: IDEO human-centered model

Process.png

Market and Competition Research

In order to determine business opportunities and competition, I conducted market research. I discovered that there was nothing on the market that integrated technology to assist artists in their manual process.

Based on my experience in the art and design industry I arrived at the following hypothesis

 

I believe that artists and designers are facing challenges in obtaining desired color formulas.

User Research

The objective of the user research is to better understand the current user journey, identify pain points, and identify opportunities for improvement.

Sample size

Survey ( Participants: 355, Age ( 18 - 55 ), Questions: 10 )

Interviews: ( Participants: 18, Age ( 18, 50 ), Duration: 20-30 minutes )

Illustrate

Quantitative:

  • On average art students spend about 255$ on art supplies per semester.

  • On average it takes about 100 hours to create a new artwork

  • About 35% of art materials go unused in the US.

 

Qualitative:

  • It's hard to predict what will work for my project, so I usually buy more than I need.

  • I spend the majority of my painting time testing colors. 

  • Making colors is tricky. I like to make pigments in large quantities since it's hard to get the same color twice.

Discovery

 

Key findings 

  • One-third of the participants were colorblind artists and designers. This finding provided me with the opportunity to think about a range of problems and solutions. Particularly since statistics indicate that one in ten men is colorblind. 

  • The overall process involves a great deal of unnecessary steps and manual labor.

Personas

 

Using the survey, and interview research i created the following personas that best address the  common user journey and pain points

Through the research I did card sorting to come up with he following personas

Website Chart

Journey As is

This is how the 3 personas go through their journey of testing colors, discovering products, document the process, and sharing their resources It was one of the most valuable artifacts since it helped me understand and structure the journey for the potential users.

Screen Shot 2021-12-25 at 11.03.21 PM.png

Ideation

I shaped my findings into opportunity statements to support the ideation process. I used the How might we (HMW) frame as it doesn’t suggest a particular solution, but give room for innovative thinking.

Screen Shot 2021-12-25 at 11.06.11 PM.png

I did in depth research for Color perception and a feasibility study ( technical ) as well as an 

AI open card test with the participants. 

 

Key finding

Color perception varies between individuals as well as color blind. 

Light color, and real life color vary in properties. 

From technical aspect, color on the screen varies from different devices.

I designed the following solutions based on my research and findings

Wireframing Solutions

 

S1 (mini site) search and create recipes

It was obvious from all the interviews and looking at competitors that a single place of truth for a product or group of product should be created. 

Users usually go after a particular topic of interest, not after a particular portal. The fact that we divide the content into portals is our problem, not users. 

 

Here is how the structure of a mini-site could look like:

 

S2 (mini site) share recipes  

The navigation of the developer space should fulfill several criteria 

-to support the familiarity and expectation

-to make it immediately obvious for the users what is the structure

-to be able to navigate quietly with fewer clicks to the most important places

 

Here’s a possible solution:

 

 

S1: Make it a website or an app, or what if color varies from screen? how to determine

 

D1D2

———

we ran different ideas scenarios and found making an app is a better solution than a website. 

paper prototype ideas ( business, AI ( open card test ), UX )

5d32ca3f47f4bb009595274b_image (14).png
5d32cf27166bd8150ea61ce6_image (15).png

User Flow

Since simplicity and ease of use is one of the criteria, the number of steps was kept to a 

5d32c56e166bd84756a612e1_1.png
5d32c56e166bd8c558a612e2_2.png
5d32c56e77686808124bc556_3.png

Storyboard & scenarios

(Workshop) to identify gap in service

5d32def032a801eae1f67845_demographics - default.png
5d32e0287768686abe4c677d_Bid - CPR max.png
5d32e01d166bd83023a67842_Categories - basic.png

Paper prototype (low fi)

run usability test ( user center design process)

Wireframe (greyscale)

user test ( all pages, home page, signup… etc

5d32dd94d1cb7fbc50310212_Kapture 2019-07-20 at 19.22.35.gif

Implementation

Minimum requirement

majority

nice to have

Mockup —> figma/ invision (high fidelity)

 Azure is high fidelity and can add links. 

user test.

Results

for artists

Lesson Learned

  • Exploring the broader user journey through user interviews and surveys was a game-changer. As a result, I gained insight into the real motivation and mental model of our users, as well as the value most information and layout companies provide to them. 

  • Each user has a unique way of understanding information. Their level of familiarity with the company and its products will vary. Because of this, It is imperative that we understand the intended audience through user research and testing, as well as by offering multiple navigational routes.

  • Developing a strategic plan for launching an MVP makes it easier to deal with out-of-scope requests which may hinder the progress of the project.

  • Bringing engineering into the process as early as possible helps to reduce any rework later on as an understanding of the technical limitations upfront will help to info the design strategy.

bottom of page