work

about

resume

work

about

resume

Mark AI

designing an AI concept to help people develop drawing skills.

roles

UX research

interaction design

visual design

information architecture

prototyping

designing an AI concept to help people develop drawing skills.

roles

UX research

interaction design

visual design

information architecture

prototyping

designing an AI concept to help people develop drawing skills.

roles

UX research

interaction design

visual design

information architecture

prototyping

01.

introduction

01.

introduction

background

in the US alone, millions of people want to be better at drawing, but only a small fraction of them actually develop this skill. this prompted me to try and figure out why – how could i help people develop their drawing skills?


for this concept project, i was tasked with creating an edtech product prototype in just 8 weeks.

background

in the US alone, millions of people want to be better at drawing, but only a small fraction of them actually develop this skill. this prompted me to try and figure out why – how could i help people develop their drawing skills?


for this concept project, i was tasked with creating an edtech product prototype in just 8 weeks.

my solution

my final product was Mark AI: a mobile web platform that uses artificial intelligence to personalize users' drawing journey.

my solution

my final product was Mark AI: a mobile web platform that uses artificial intelligence to personalize users' drawing journey.

personal experience
visible progress
detailed feedback
actionable tasks

02.

generative research

02.

generative research

understanding people who draw

since i was creating an edtech product to help people get better at drawing, i needed to figure out why people pursue drawing in the first place.


i did this through one-on-one user interviews with five people who were currently or previously interested in drawing.

“youtube just has too much fluff, and not enough of what i’m really looking for”

– Annie

“youtube just has too much fluff, and not enough of what i’m really looking for”

– Annie

“it's encouraging to look at the images that I was drawing [in the past] to what I'm drawing now, to see how I've improved.”

– Sabrina

“it's encouraging to look at the images that I was drawing [in the past] to what I'm drawing now, to see how I've improved.”

– Sabrina

“I think drawing something you're passionate about will help you improve your skill more so than boring [classes].”

– Estella

“I think drawing something you're passionate about will help you improve your skill more so than boring [classes].”

– Estella

mapping out the results from my research illustrated a key insight: users were much more likely to draw if their learning experience was tailored to their specific learning goals.

mapping out the results from my research illustrated a key insight: users were much more likely to draw if their learning experience was tailored to their specific learning goals.

mapping out the results from my research illustrated a key insight: users were much more likely to draw if their learning experience was tailored to their specific learning goals.

so, how might we make drawing *personalized* for users' specific educational needs?

03.

ideation

03.

ideation

finding solutions


finding solutions


OK, how might we make learning to draw a personalized experience?...

why not document users’ progress visually, like a fitness tracking app?

but how would we get their data? self-entry? that wouldn’t be very accurate...

what if their drawings could be analyzed with AI (helpful AND trendy)!

selecting features

with a solution in mind, i listed and prioritized the features i wanted to include in the product.

selecting features

with a solution in mind, i listed and prioritized the features i wanted to include in the product.

design patterns – filters

04.

design

04.

design

organizing features

with the features narrowed down, i had a pretty good idea of where i thought they should live on my website, but to be sure, i conducted a hybrid card sort to establish the information architecture.


i then broke down my sitemap, user flow, and three task flows that i wanted to fully mock up:

  • create account

  • upload photo

  • using a prompt

organizing features

with the features narrowed down, i had a pretty good idea of where i thought they should live on my website, but to be sure, i conducted a hybrid card sort to establish the information architecture.


i then broke down my sitemap, user flow, and three task flows that i wanted to fully mock up:

  • create account

  • upload photo

  • using a prompt

task flows

wireflow-ing

finally, it was time for me to start making the wireframes. i sketched them out as flows on paper before moving to digital.


shortly after beginning my sketches, i decided not to design my third task flow, as it was going to balloon the project scope too much.

wireflow-ing

finally, it was time for me to start making the wireframes. i sketched them out as flows on paper before moving to digital.


shortly after beginning my sketches, i decided not to design my third task flow, as it was going to balloon the project scope too much.

LOW TO MID-FI wireframes

create an account

low-fidelity sketching helped me explore interaction design, while mid-fidelity helped me think through the visuals and content.

upload drawing

as i moved from lo- to mid-fi, i also added more screens.

branding the product

before moving to high-fidelity, i needed to decide how the product should be branded.


i made a couple mood boards to get a clearer idea for the site’s visual design and my color scheme and icons. i also explored names and logos for my hypothetical company, settling on “Mark” (get it?).

branding the product

before moving to high-fidelity, i needed to decide how the product should be branded.


i made a couple mood boards to get a clearer idea for the site’s visual design and my color scheme and icons. i also explored names and logos for my hypothetical company, settling on “Mark” (get it?).

hi-fi mockups

create an account


upload drawing


05.

formative research

05.

formative research

testing the designs

to make sure my designs were really addressing the problem i was intending to solve, i conducted moderated usability testing with six users, revealing two major usability problems.

testing the designs

to make sure my designs were really addressing the problem i was intending to solve, i conducted moderated usability testing with six users, revealing two major usability problems.

problem 1

style buttons were confused with text fields, since they look similar

problem 2

users needed more information upfront, since some details appeared later

simpler text fields

more descriptive buttons

more task information

added captions

final design

with my mockups finally finished and tested, i created my final prototype (see in figma)↗︎

final design

with my mockups finally finished and tested, i created my final prototype (see in figma)↗︎

06.

conclusions

06.

conclusions

next steps

i don't plan to revisit this project any time soon, but if i WERE to make Mark a real product, i would likely start by learning more about the problem space and how it might be developed technologically.

next steps

i don't plan to revisit this project any time soon, but if i WERE to make Mark a real product, i would likely start by learning more about the problem space and how it might be developed technologically.

takeaways

explore freely (within your constraints).

because this project was completely conceptual, i was able to take advantage of fewer constraints and ideate ambitious features like AI for my design solution.

takeaways

explore freely (within your constraints).

because this project was completely conceptual, i was able to take advantage of fewer constraints and ideate ambitious features like AI for my design solution.

contact

e.alice.design@gmail.com

© æ design, 2026.

contact

e.alice.design@gmail.com

© æ design, 2026.

contact

e.alice.design@gmail.com

© æ design, 2026.

Create a free website with Framer, the website builder loved by startups, designers and agencies.