cover-02.png

3 Minute Face | UI

I was asked to design a dedicated shop page that promotes a curated set of makeup for an individual's skin tone with shade descriptions. One of the features was a how-to tutorial GIF highlighting a skin tone.

3minface_portfolio_cover.png
3mf_desktop_0000.jpg
3mf_desktop_0001.jpg
3mf_desktop_0002.jpg
3mf_desktop_0003.jpg
3mf_desktop_0005.gif
intro video

intro video

a video that demonstrates the promotion and tutorials that come with this makeup set. 

Select a Shade

Select a Shade

 

A user can select the skin tone that is close to their own by touching the swatch or model image.

Selected Skin Tone

Selected Skin Tone

The image of the model appears when the user clicks on the swatch or thumbnail.

Product Details

Product Details

Based on the swatch selected, a curated set of makeup will appear that fits the look for the specific skin tone.

3 min tutorial

3 min tutorial

5 steps to create a look for the face in this GIF.