TREETOTUB E-COMMERCE & CONVERSION
Web, Mobile, UI/UX, Start-Up, HTML CSS/jQuery
SO, WHAT'S TREETOTUB?
TreeToTub is revolutionary company bringing back the origin of soap with a mind-blowing soapberry.
I designed TreeToTub’s first ever landing page when it was just an idea back in 2015. I was the sole designer and worked with the founder and marketing team. A year later, TreeToTub came to me because they needed a more optimized, user-friendly design.
I provided consultancy for TreeToTub, advising them on ui/ux design tricks and best practices for their shopify platform.
TreeToTub was unsatisfied with their conversion rate of their current design. I took a look at their e-commerce site and noticed quite a few uh-ohs - elements not strategically placed, lack of information hierarchy, etc.
Before making any changes, I needed to understand problems users had with their sensitive skin. I noticed a repetitive comment: many products caused allergic reactions, so there are specific information that they are looking for when choosing their next product.
“My mom has allergic reactions to just about any body wash products, now they are disappearing!”
DATA & ITERATIONS
I analyzed user behavior throughout the website using smartlook.
Hundreds of videos later, I realized what users found most important on the page - reviews. I took that data and turned them into several possible high-conversion wireframes.
I designed the first TreeToTub site using html/css/jQuery with a focus on email acquisition. We had an amazing video with 40k+ email sign-ups through this website, but it was time to start designing for product sales.
PRODUCT PAGE ADDITIONS
Users look for specific things when debating whether to buy a product. After consulting with a CRO specialist, we included a few of these checkpoints ‘above the fold’. We’ll be testing to see weather this increased their sales.
IT'S MY WORD.
We’ve talked to our users and the reoccuring theme is that they’ve tried so many products that give them allergic reactions.
To assure them that they will not be wasting money, the 100% guarantee (located above and below the fold) is a great way for them to feel comfortable purchasing.
TURN INSIGHTS INTO SALES
One of the most important section for users are the reviews. This allowed us to focus not only on the design of the reviews, but also which reviews had the most influence.
Here's a full length version of the final mock-up that was developed. Once I examine the conversion rate and user behavior through smartlook, I'll make further adjustments.
Here's a throwback to when I designed TreeToTub's first 50 page ebook detailing the history, uses, and benefits.
The book was created in less than 12 hours for the Kickstarter launch.