2.5 months. $13,000.
— oliverb (@oliver__b1) March 21, 2023
Blood, sweat, and tears.
Unveiling the new Tabs site 😱
She’s pretty... But more importantly, she converts like a mf
No stone was unturned. Strap in as I bring you inside my brain and findings from a 168-page research report. pic.twitter.com/Z2mlmOjFM3
Yes, 168 pages… Analyzing EVERY part of the customer journey.
— oliverb (@oliver__b1) March 21, 2023
We used:
- Heatmaps
- Customer Recordings
- Post Purchase Surveys
- Customer Interviews
- Site Analytics
Our Objective: find leaks & pain points - and trust me, we found 'em! pic.twitter.com/fRV64XTjWr
Let's skip to the fun part - the product page revamp!
— oliverb (@oliver__b1) March 21, 2023
Section 1: Above the Fold (ATF) + Image Gallery 🖼️
Our new design tackles customer concerns head-on without needing to scroll.
The carousel images and new components went DEEP on:
- Effectiveness
- How Tabs works
- Safety pic.twitter.com/Vy2bs32aan
Section 2: Sweet & Sexy 💋
— oliverb (@oliver__b1) March 21, 2023
40% drop off here due to:
- Taking up too much space
- Low engagement
- Failing to address concerns
Our new design includes:
- Emotionally charged photo
- USPs addressing questions
- Copy focused on product usage & timing pic.twitter.com/D82MkYjFxf
Section 3: Ingredients 🌿
— oliverb (@oliver__b1) March 21, 2023
22% of customers bought because of the ingredients. But there was low interaction here, so we:
- Swapped sliders for an open layout 📖
- Added safety & effectiveness copy 🛡️
- Linked scientific analysis & sourcing 🔗
- Simplified ingredient info ✅ pic.twitter.com/l2bbAWs29i
Section 4: Tabs in Action 🎥
— oliverb (@oliver__b1) March 21, 2023
Only 20% of visitors reached this section, BUT engagement was incredibly high.
We optimized by
- Adjusting layout for more videos 🎞️
- Adding TikTok logo for relevance 🕺
- Placing text below videos to entice 🧲 pic.twitter.com/7byrjmyPZm
Section 5: FAQs ❓
— oliverb (@oliver__b1) March 21, 2023
We saw a TON of clicks here! Too many.... Clarity issues.
The worst part? Only 17% of visitors were getting this far.
We added USPs above the FAQ to answer common questions. pic.twitter.com/Tq3tegZyJl
We also anchor linked the FAQ section above the fold to increase visibility pic.twitter.com/3qsSiTkKEu
— oliverb (@oliver__b1) March 21, 2023
Section 6: Footer 🦶
— oliverb (@oliver__b1) March 21, 2023
Issues found and fixed:
- Better info hierarchy 🌐
- Email capture embed 💌
- Highlighted FAQs, contact number & email 📞
Footer magic, unlocked! 🔓 pic.twitter.com/Kg4xc2HxTK