PicMonkey Mobile Cutout

I worked closely with the product team stakeholder and created 4 onboarding animations that live in the mobile app to help users understand each aspect of the Cutout tool. These animations heavily informed the tutorial post and social content to follow.

I also updated the Background Erase Tutorial article (which was originally focused on desktop features only) to also cover mobile capabilities. This included designing step-by-step still images, final design examples, and social deliverables.

Role visual design, video editing
Deliverables onboarding animations for mobile app, blog post content, social posts

 
012019_BG_Erase_Update_FB_no_logo.png

Mobile App Onboarding Animations

Smart Erase

Adjust Edges

Manual Erase

Shape Cutout

Blog Post Visuals

Smart Erase
012019_BG_Erase_Update_SmartCutout_Design.png
012019_BG_Erase_Update_2_ManualCutout.png
012019_BG_Erase_Update_ManualCutout_Design.png
012019_BG_Erase_Update_3_AdjustEdge.png
012019_BG_Erase_Update_AdjustEdge_Design.png
012019_BG_Erase_Update_4_ShapeCutout.png
012019_BG_Erase_Update_ShapeCutout_Design.png
012019_BG_Erase_Update_5_Invert.png
012019_BG_Erase_Update_AppStore_Design.png

Pinterest Pins

012019_BG_Erase_Update_PIN_1_border.png
012019_BG_Erase_Update_PIN_2.png

Instagram Story

012019_BG_Erase_Update_INSTA_1_border.png
012019_BG_Erase_Update_INSTA_2_SmartErase.png
012019_BG_Erase_Update_INSTA_4_SmartErase_border.png
012019_BG_Erase_Update_INSTA_3_SmartErase_border.png
012019_BG_Erase_Update_INSTA_5_SmartErase_border.png
012019_BG_Erase_Update_INSTA_7_Adjust_border.png
012019_BG_Erase_Update_INSTA_6_Manual_border.png
012019_BG_Erase_Update_INSTA_8_Shape_border.png
012019_BG_Erase_Update_INSTA_9.png
Previous
Previous

PicMonkey Product Icons

Next
Next

PicMonkey Product UI Visuals