Draw Tool

Draw Tool

FOR PHOTOSHOP EXPRESS MOBILE APP

My Role

My Role

My Role

Designed the feature end-to-end, from research to UI, ensuring usability, engineering feasibility, and brand alignment.

Collaboration

Collaboration

Collaboration

1 Product Manager
1 Front end developer
2 Back end Developers
1 Computer Scientist

Timeframe

Timeframe

Timeframe

March to May
2023

70%

70%

Lift in tool throughput

Lift in tool throughput

Lift in tool throughput

0.8%

0.8%

lift in active 2+ day users in the first
week of release

lift in active 2+ day users in the first
week of release

lift in active 2+ day users in the first
week of release

🖌️

30+ Brushes

30+ Brushes

30+ Brushes

Custom presets for diverse styles

Custom presets for diverse styles

Custom presets for diverse styles

🧑‍🦰

Gen Z Focus

Gen Z Focus

Gen Z Focus

Targeted audience

Targeted audience

Targeted audience

🕹️

4 Core controls

4 Core controls

4 Core controls

Simple yet powerful

Simple yet powerful

Simple yet powerful

❤️
Loved by
the community

❤️
Loved by
the community

Context

Context

Context

Objective

Objective

Objective

To design a set of brush presets within the Draw Tool feature, offering a variety of creative styles for users to draw, doodle, and customize images easily. The aim was to increase tool throughput and user engagement by providing versatile and fun drawing options.

Problem Statement

Problem Statement

Problem Statement

The app initially had only basic brushes. The goal was to provide Gen Z users with a starter set of creative brush presets, built using existing controls like opacity, blur, color, and width.

Brush Controls

Brush Controls

Brush Controls

Stroke width

Stroke width

Stroke width

Opacity

Opacity

Opacity

Feather

Feather

Feather

Color

Color

Color

Scope of work

Scope of work

Scope of work

Brush Creation

Developed various brush presets including drawing brushes, graffiti brushes, doodle brushes, sketch pens, and highlighters.

UI Design

Created intuitive UI components for the draw tool, including user-friendly brush thumbnails that illustrated each brush's stroke style.

Brush Creation

Thumbnail Design

Developed various brush presets including drawing brushes, graffiti brushes, doodle brushes, sketch pens, and highlighters.

Developed various brush presets including drawing brushes, graffiti brushes, doodle brushes, sketch pens, and highlighters.

Brush thumbnails were designed using Adobe Illustrator to clearly showcase brush strokes and practical use cases.

Enhanced Engagement

Successfully broadened user engagement by offering creative tools that were both fun and easy to use.

Future Potential

Demonstrated scalability potential, with room for more innovative features and presets to enhance personalization.

UI Design

Created intuitive UI components for the draw tool, including user-friendly brush thumbnails that illustrated each brush's stroke style.

Thumbnail Design

Brush thumbnails were designed using Adobe Illustrator to clearly showcase brush strokes and practical use cases.

Wins

Wins

Enhanced Engagement

Successfully broadened user engagement by offering creative tools that were both fun and easy to use.

Future Potential

Demonstrated scalability potential, with room for more innovative features and presets to enhance personalization.

Challenges

Tool Limitations

Working within the limited capabilities of the existing brush tool, which only offered basic features like opacity and width adjustments.

User Expectations:

Ensuring the brushes were simple enough for casual users while offering creative potential for more advanced users.

FInal Outcome

Drawing

Drawing

Drawing

Versatile and precise for general sketching and line work. Perfect for quick doodles, outlines, or detailed illustrations.

Versatile and precise for general sketching and line work. Perfect for quick doodles, outlines, or detailed illustrations.

Versatile and precise for general sketching and line work. Perfect for quick doodles, outlines, or detailed illustrations.

Graffiti Brushes

Graffiti Brushes

Graffiti Brushes

Bold and expressive, ideal for creating street-art-inspired designs with strong, dynamic strokes.

Bold and expressive, ideal for creating street-art-inspired designs with strong, dynamic strokes.

Doodle Brushes

Doodle Brushes

Doodle Brushes

Fun and quirky strokes for adding playful elements to images, perfect for casual sketches and lighthearted designs.

Fun and quirky strokes for adding playful elements to images, perfect for casual sketches and lighthearted designs.

Fun and quirky strokes for adding playful elements to images, perfect for casual sketches and lighthearted designs.

Sketch pens

Sketch pens

Sketch pens

Clean and soft strokes, great for detailed drawing, inking, and hand-drawn typography.

Clean and soft strokes, great for detailed drawing, inking, and hand-drawn typography.

Highlighter

Highlighter

Highlighter

Semi-transparent strokes for marking or emphasizing areas without overpowering the design. Ideal for annotations or subtle highlights.

Given the confidential nature of this project,
I can't share detailed information publicly.

For insights into design decisions, processes, and key contributions,
feel free to contact me.

Go back to Home

Adobe Projects

© Framer Inc. 2023

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