![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/46df3cc7-012b-4c5a-bed4-0ef175d653fd_rw_3840.png?h=a4abb426c175263c809466f256e1a8c3)
My role
Lead product designer, visual designer
Lead product designer, visual designer
Collaboration with
Engineer and company founders
Engineer and company founders
Timeline
2 weeks
2 weeks
Platform
Desktop + Mobile
Desktop + Mobile
Feel Goods offers healthy drink mixes to support immunity and gut health
A health and wellness brand started in Los Angeles, Feel Goods has a mission to provide the community with drink mixes that are actually good for the body with a refreshing taste. Think organic, non-GMO, keto friendly, vegan — and best of all, zero sugar and artificial flavors.
The problem is that not enough prospects are converting to subscribers
Majority of e-commerce businesses rely on repeat purchases and increase customer lifetime value. One of the best ways to do this is through subscriptions which Feel Goods was having trouble with. When their customers arrive on the landing page, they are not getting interested enough at first glance to add to cart and purchase.
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/ad0fb582-dd27-4d19-86f2-d6d8b4e30320_rw_1920.png?h=92b50e6f3241c9e2acb98dea30497b20)
First section of previous landing page
The solution is to redesign, highlight benefits and capture interest
The goal is to feature an attractive first time offer and make subscription the highlight. Customers should understand the offer easily and long term benefits of being subscribed to this product. They will be more convinced to purchase the product with a new landing page that's easily digestible and scrollable.
The new landing page redesign launched in March 2023.
Outcome: metrics improved?
After A/B testing against their current product page, here are the results.
2.5x
subscription conversion rate
2x
session duration
My design process
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/e0455ecd-a859-430d-9ca7-55d259ab7f51_rw_3840.png?h=2c66ad54f1639a6710c4ad568d3ae16a)
Discover: previous experience
Since there was a time constraint of 2 weeks, I first went through the previous experience and tried to pinpoint areas of opportunity. I also analyzed data that the founders provided on when and where users tend to drop off from the landing page.
My top insights from doing this was:
1. Product offer was in 3rd section
2. Multiple areas of high cognitive load
3. Text heavy and not scannable
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/5cca85a4-ef48-4c99-bdad-4a2e509f66b5_rw_3840.png?h=95afdb39d0302c1ecfe6064fe4890a4a)
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/9dc35852-229b-40c3-a99b-ea193884404d_rw_3840.png?h=21da4c18bc1c06cd892866f4b28c53f7)
Define: look into what's working
Then I did research on the e-commerce market to see what other product landing pages are doing successfully. I paid special attention to the different sections, offers and information architecture each displayed.
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/9332b3a7-e640-41a6-9ad2-185e15fb9846_rw_3840.png?h=d6a7fadc9be62476ca1eb78aae58554c)
Doing this made me realize that they all had a similar layout which led me to my design skeleton and anatomy.
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/c6b0e52d-b500-470d-8970-5e0526d12113_rw_3840.png?h=136560669ddda11755cc72b3b00dc02e)
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/9f0a2ce3-7af9-41b9-8c1a-a6e5e0428390_rw_3840.png?h=f4076eec20b679434129e8c0139fa820)
Develop: exploring concepts
Feel Goods already had some good information on their landing page that just needed some rearranging and simplifying. So I started my exploration working with what was available like...
1. Showing an offer up front (subscription)
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/c1a9ab8f-0a9b-40b0-999b-c3b338519571_rw_1920.png?h=a383e9cd1100ef7f82254bcde019875e)
2. Making information more scannable with images
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/d27b2d84-b4e9-4d45-adb4-ce881bc56613_rw_1920.png?h=c714c4d4fcc25e9d5b8d0b6990a0540c)
3. Reducing cognitive load with collapsable components
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/ed56b140-dd16-43cf-bb10-3329d0aed8ca_rw_1920.png?h=322e8196573b084c62a73185476cb3ab)
Then I moved on to sections we were missing, focusing on competitor comparison. This information is critical in converting prospects to subscribers because we really have to convince them on why this product is better than others. So I created concepts like...
1. Cool visual showing the drink mix and it's natural benefits
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/dda013d0-58ad-407c-9b65-7282fdaf7392_rw_1920.png?h=4c20794dd4543bec8a8db9cd2570c9f3)
Before touch up
2. Comparison chart of their product vs. others
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/a670281e-25b0-4300-8359-7ab35064f382_rw_1920.png?h=5913ac3d365ef38c7ad57855b73e7d9f)
Before touch up
3. Visual comparison of their product vs. others
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/52f86f2d-e2ad-4a31-bcb2-91b069be0be2_rw_1920.png?h=70fae34f8ef8073bd7c3b4fcbf0aaf95)
Before touch up
4. Persistent sticky CTA to add to cart
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/9c94850b-233d-4fcf-82fd-3949f426d263_rw_1200.png?h=29f23697aa9dfdd6b1d44941a4f2e648)
After exploring different explorations and concepts on my own, I had a design review with the founders to get their thoughts and feedback.
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/42c861bb-9a3e-4aba-92c2-9368c93f403c_rw_3840.png?h=ac62209dc6b71026bc08f8d9b35e01d8)
Deliver: Final design
I iterated based on the feedback and further developed the concepts I explored to get to my final design for all their products. I also made the design responsive so that it could be viewed on web or mobile. I ended with working alongside the engineer in order to ensure the new landing page experience was being implemented correctly.
![](https://cdn.myportfolio.com/1cd3bf1a-bf62-4114-a50c-392fc3beb614/ada637ae-4419-41eb-a4f3-a0505b3f7814_rw_3840.png?h=e557b826c0d35c400a2160728684d4c4)
Takeaways
Alignment
Not everyone understands user experience and design decisions. I had to explain design in a way where I put the stakeholders in the user's point of view in order to get alignment.
Constraints
This was a relatively short project that was done in 2 weeks so there was a time constraint and areas we had to compromise on for v2 in the future.
Use what’s working
In this technology age there’s so much information that can be found online. Doing research on successful landing page design patterns helped me save time which allowed me to stay within the constraints.