Products I Worked On

Hi!πŸ‘‹ This page might look a bit off considering the styles. It's not yet been fully renovated 😫, and I'm trying my best to get it done. Although the style is behind and off, the content is up-to-date. Feel free to take a look at the content if you're interested to learn more about products I've worked on!

Icon_1024.png

App store 4.9 β˜…β˜…β˜…β˜…β˜… (83.4K ratings), highest ranking #21 (US), #1 (RU). 

An easy-to-use photo taking and retouching app. I joined the AirBrush team in September 2017, and worked on a wide spectrum of projects, varying from large complex projects including the optimized AirBrush camera experience, the filter store, and the launch of the AirBrush BLACK subscription, to regular monthly or bi-weekly new features including the Bokeh, Relight, Colors and Eraser feature in Tools section, as well as the refined Beauty Magic feature, and Matte & Highlighter feature in Retouch section.

​

#UI/UX Design #rapid prototyping #design system #usability tests #user research #interaction and visual design #localization

​

View/download the app

iOS App Store

Google Play

The Redesigned Camera Experience

​

The previous preview & save experience in AirBrush camera received a lot of complaints from users - they got confused whether their pictures had been saved or not, and where were they saved.

 

User enters preview & save page after a picture has been taken. I broke down the preview & save experience into 3 steps: first, preview the results, and then save to album, share if they want to, finally, it's optional but users can enter Retouch right after saving.

​

With the intuitive step-by-step saving process and the animated transitions between steps, the picture saving rate went up significantly. What made us even happier was, a promising portion of users entered Retouch from this flow, which is what we wanted the most from this redesign.

Camera prototype I used to conduct usability tests

The Colors Feature

​

Colors is a photo editing feature that makes one color of your photo pops out and filters out the rest of the colors - you can create black & white picture with only your red lips being red, highlighted as the center of attention.

​

To make Colors both easy-to-use and cool to the users without revealing the complicated photography knowledge behind, I used a solution that has identical UI and UX to the AirBrush filters - something users are familiar with, and in the meantime easy to implement.

​

The feature is widely used, and participants from our user research found it cool and easy-to-use without understanding what it actually is. Most importantly, it's a paid feature, and it did bring in revenue and converted non-paying users to subscribers.

A prototype I used for usability tests as well as internal team communication

The Smart Select Feature

​

The Smart Select tool lies inside the Bokeh feature (paid). It lets you adjust the areas you do not want to blur out, so that you get a even better bokeh result.

​

Users select areas by brushing across the image, with options including erase, undo, redo, or hit Auto to simply go back to default. I made prototypes and tested them, making sure the interface is self-explanatory and the little tooltip instructions were displayed timely.

​

We received a lot of user messages saying how much they like this feature (they'd been asking for a eraser tool for the Bokeh for a long time). The Smart Select tool increased the conversion rate of the Bokeh feature, users were happy because they asked and we listened, and brought the tool to them.

A prototype I used to communicate to the dev team what the onboarding flow is like

logo.png

App Store 4.8 β˜…β˜…β˜…β˜…β˜… (847 ratings), highest category ranking #49, ARPDAU 0.09

I joined the team at DragonPlus SZ in March 2019 as a founding member. As the core designer at the team, I take full responsibility of designing our products, I create designs to both meet user needs and achieve business goals. So far we released 2 coloring apps Color Fever and Anime Paint, and are working on a brand new product.

 

#UI/UX Design #rapid prototyping #interaction and visual design #motion design #ux writing #user research #ux strategy

​

View/download the app

iOS App Store

Google Play

Finishing An Image Flow

​

User enters the result page right after they have finished coloring an image. User wants to see their finished images and feel accomplished, and have options like save or share images. We want this page to be valuable to them so we can monetize it.

​

I used the first couple iterations to test out wether users like features like recommended images, and tested the layout of it. We validated our assumption with the prototypes and actual releases. The latest iteration is both celebrative and valuable to users.

​

The exploration helped us understand and define the value proposition of the finishing flow. With this and the product strategy in mind, we were able to iterate on the designs of this flow and finally made it valuable to users, and in the meantime bring ads and other revenues to us too.

Prototype for one of the early iterations

The Bucket Tool

​

The bucket tool lets you color all areas of a certain number with just one touch. 

​

Instead of using an onboarding to teach the users how to use, I tested prototypes with simple tooltip instructions being displayed there whenever this tool is enabled.

​

I conducted user testing sessions (I even did it with my mom to see if it's easy-to-use for moms), and most people got the idea and figure out how to use it very quickly after they entered this tool, people didn't look at the instructions at all also got it when they saw the results after tapping on an area. Making the bucket tool easy-to-use helped with revenue since it's a product you have to purchase to use after using up all free uses.

Prototype for one of the solutions I had

The Monetization Popup System

​

I worked on a spectrum of monetization-related designs, such as the Gacha system for Anime Paint, and the monetization related popup system for Color Fever.

​

Monetization popups simply serves business goals, and users benefit from it too. Allowing ourselves to be a little bit annoying to users could be a huge help to monetization. So, unlike most standard popups, these popups have a super prominent CTA button with breathe animation, usually it's a watch reward video button, and it's dismiss button always appears 3 seconds later than the other elements.

​

Monetization-related designs increased the conversion rate significantly, and definitely helped a lot with revenue.

​

Mockup video I made to demonstrate the CTA animation and the delay of the dismiss button

ezgif.com-webp-to-png.png

UI/UX Design, wireframe, prototyping, usability test, interaction and visual design.

 

View/download the app

Google Play

bpme work highlights.png

More mobile apps, websites, email newsletters, and more!

​

  • Medium
  • Facebook Basic Black
  • Black Instagram Icon
  • SoundCloud Basic Black