top of page


UI/UX Designer


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


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.


Solo Founder


Axure Pr
Adobe Photoshop
Adobe Illustrator

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


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 )



  • 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.



  • 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.



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.



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


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




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 


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


Minimum requirement


nice to have

Mockup —> figma/ invision (high fidelity)

 Azure is high fidelity and can add links. 

user test.


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