Product Page Evaluation
I was the designer leading this project by taking complete control of the creative direction by mocking the design up for this mobile-only test in Figma and working with Developers to accurately implement the landing page in Google Optimize.
New Mobile Design
Project Summary
StackedSkincare sells a variety of skincare products. For this project, I was tasked to make adjustments to the live page to increase revenue.
This test tackled the glaring issue on the page, the hero image.
In order ameliorate this issue, I:
✅ considered what kind of message the original image was sending users
✅ decided on the message that I wanted to send users
✅ chose a new image that aligned with the new message
Problem
StackedSkincare wanted to improve conversions for the aging skin line.
Immediately, the hero image stuck out as an eyesore. The intent of the image was to demonstrate how to use one of the facial tools, but both the model's face and the tool is covered by the text box. Overall, the choice of image is extremely unappealing.
Old Mobile Design
Business Goal
We wanted to increase the number of conversion for the client's aging skin line to make it a more profitable skincare line.
User Goal
We wanted to give users more context to the benefits with a more enticing image to make users more interested in buying aging skin products.
Solution
To address the issues caused by the original image, I:
✅ surmised the message sent was negative and lacked value
✅ decided to promote a message about the benefits of these skincare products if used
✅ selected an image that clearly featured a youthful model and mature model with youthful skin to demonstrate that these skincare products promote youthful skin while aging
Result
This mobile-only test proved to be beneficial to the client, increasing revenue by 225% and doubling the amount of money spent per session. The client also integrated this test as a permanent change for mobile and desktop 🔥
New Desktop Design
