Photoshop for Web

The Adobe team wanted help showing off the value of their new Photoshop for web browser based app. I was tasked with creating graphics for a paywall that would entice and educate users to want to continue to use the app.
Roles

Design Lead, Illustrator, Animator

Scope

Product Marketing, Information Graphics, Illustration, Motion Graphics

Creative Brief

Illustrate premium features

Their current design was a great graphic but it didn’t relate to the specific premium tools a user might have clicked to spark the paywall. Adobe wanted to see if relating the graphic to a more specific tool would affect performance.

Animate it

We were tasked with showing off a premium feature using animation but also needed to keep file size down for extremely fast load times.

Understand & Reflect the brand

Photoshop for Web’s style is similar to the Photoshop brand but it is slightly different. Talking with the team and using the web app we were able to better get a sense of the unique brand.

“We Really appreciate all of the hard work and collaboration.”

Ryan Khademi – Product Manager at Adobe

We successfully created five animated paywall graphics that illustrated a selection of premium tools. The graphics allowed their team to better visualize their tools and the the remove graphic went on to have screen time elsewhere across the Adobe’s ecosystem.

The process of creating these involved me presenting my designs and working directly with the Adobe team including product managers and designers. This was a great process and the Adobe team was able to quickly respond to questions and give feedback through a casual conversation throughout our meetings.

Generative Expand
Import
Generative Fill
Remove Tool
Sync Across Devices