Client: Body Merry (www.bodymerry.com)
My role: UI/UX Design
Duration: 2 months
Tools: Adobe Photoshop, Adobe XD, Invision

Method 
Research: Heuristic Evaluation, Online Survey, Usability Test
Ideation: Sketching, Wireframing, Userflow
Validation: User testing
Prototyping: Low and Hi-Fidelity Prototyping on Adobe Photoshop, Adobe XD, Invision

Background
Body Merry is a Skincare company that sells skincare products that made with natural ingredients and cruelty-free. Their mission is to help people with a budget to Get Happy about their skin. ​​​​​​​

Goals & Problems 
Majority of sales are made through Amazon and word of mouth. Amazon is their biggest seller currently and Body Merry wants to drive more traffic and sales to their own website. However, they have not been able to do it. As a matter of fact, sales have gone down and the bounced rate on the website is more than 70%. 
One major problem is their many customers use mobile phone to check the website and the website is not optimized for mobile use. Especially their bundle page, it is unusable on mobile phone at all. The poor design causes the company to lose a lot of potential customers. BodyMerry is a great company with a lot to offer. However, it is not doing well for the website because of the bad user experience on the mobile page. Improving the responsive function of the website, increase the legibility of text can drastically improve the conversion rate.​​​​​​​

Target Audience
Women between the age of 18 to 35 with budget in mind who also care about the quality of the products and how it was made.​​​​​​​

Solution 
One problem I encountered is that the company want to allow customers to view individual item on the bundle page. However, if we choose to display each item individually, it will complicate the codes, disrupt the overall visual organization of the whole page, and occupy too much space on the mobile phone. I decided to just a simpler image so the users can easily view what kind of items are included in each bundle. BodyMerry is a great company with a lot to offer. However, it is not doing well for the website because of the bad user experience on the mobile page. Improving the responsive function of the website, increase the legibility of text can drastically improve the conversion rate.
Website Redesign
Wireframes
Hi-Fidelity Wireframes

You may also like

Back to Top