.svg){kind=icon}
Case Study
Gr8nola
Key Services
CRO, Strategy, UX Design, Content Writing
Description
Gr8nola's founder, Erica Liu Williams, approached us to boost her site's sales. After a thorough analysis, we pinpointed crucial areas for improvement. Specifically, the site lacked clarity in communicating what made gr8nola unique, essential for showcasing its premium products. Additionally, the site was text-heavy and used excessive colors, diverting attention from key brand messages.
The project, focused on Conversion Rate Optimization (CRO), centered on content writing and User Experience (UX) redesign to enhance conversion and average order value (AOV).
Before implementing any changes, we utilized Hotjar to heat-map gr8nola's existing site, tracking traffic behavior and analytics to make informed decisions.
Results
Total Conversions
+42%
Organic Sales Revenue
+42%
Product Checkouts
+42%
Average Session
+42%
*Results taken 5 months after website revamp
Hero Section
Before
The previous header was busy and used ambiguous language.
After
We placed a more exciting header, clarified from the get-go how the products are unique and placed customer reviews to help newcomers trust the brand.
Addition of Press Logos
We placed a more exciting header, clarified from the get-go how the products are unique and placed customer reviews to help newcomers trust the brand.
Header Navigation
We reduced the navigation options. The rest of the links were sent to the bottom of the page to keep the header navigation menu focused on pages that convert sales.
Products
Before
The bright colors made the site look busy.
After
We wanted to make the site look cleaner, so we removed the background colors. We also displayed the bundle offers that would drive up Average Order Value (AOV).
Influencer Testimonials
Before
Previously, the homepage displayed long customer testimonials that lacked photos of the actual customers.
After
Since gr8nola has received great influencer love, we decided to highlight quotes and videos provided by influencers such as Halle Berry, Nigel Barker, and others.
“Why Gr8nola?” Section
Before
There used to be 4 icons on the homepage below the customer’s testimonial section that conveyed features about the brand. But these unassociated facts were not directly related to why gr8nola is worth trying.
After
We identified the key brand differentiators and decided to be more thoughtful in the information hierarchy.
What’s Inside Section > New “Gr8 Benefits” Page
Before
The old “What’s Inside” section on the homepage was text-heavy, too colorful, and difficult to read.
After
This valuable information was moved to a new page called “Gr8 Benefits” (found in the main header navigation) and it was significantly augmented.
The new page provides an interactive experience for users to explore what makes each gr8nola flavor unique. It also educates customers on why gr8nola was created and how it is different from competitors.
Overall, this page is meant to entice consumers to understand the product, trust it, try it, and recommend it.
“Founder/Story” Section
Before
The founder section was text-heavy and you couldn’t even see Erica’s face. We wanted to show her face to increase trust and perceived liability in her and the brand. Secondly, we wanted the copy to place more importance on the consumer
After
This new section now shows her smiling and the copy is shorter and focused on the consumer. It’s also followed by a video that adds a more human and personal touch to the brand, and by a carousel with a few of the big name brands that choose to put gr8nola in their office kitchens.
Product Page
Before
Previously, the homepage displayed long customer testimonials that lacked photos of the actual customers.
After
We implemented best practices and made the following changes:
1 Larger product image
2 Removed colored circle behind the products for a cleaner look
3 The thumbnail gallery of images is on the left instead of the bottom
4 Product variations (pack size) are all visible immediately
5 Customer now sees an “In Stock” or “Out of Stock”
6 As the users scroll down, they now see “Recommended Products” above “Customer Reviews” in order to drive upsell -before they were at the very bottom of the page
At the bottom of the page, we added more information and product details.
Thanks for reading!
We hope you can appreciate the Conversion Rate Optimization work we did on gr8nola.com, Erica certainly did!
Results
Total Conversions
+42%
Organic Sales Revenue
+42%
Product Checkouts
+42%
Average Session
+42%
*Results taken 5 months after website revamp
We’re empowering business growth for our clients. Take the first step towards growth today.
.webp)
Founders and
Managing Directors
Good to Know
What services do you offer?
We offer the following services:
- Ecommerce Design & Development, custom-made on Shopify, Webflow or WooCommerce
- Web Design and Development, custom-made on WebFlow, WordPress or Bubble.io
- App Design
- New Branding Guidelines (new name, logo, color and style guides)
- Content writing
- Social Media Paid Marketing Campaigns
- Search Engine Optimization (SEO)
- Search Engine Marketing (SEM & PPC)
How much will it cost to design and develop my website or app?
Pricing for website redesigns varies greatly based on a business’s needs. A typical end-to-end project costs $5,000-$25,000 and includes everything from the initial consultation, to designing your site or app and making it live.
Contact us to request a detailed breakdown and proposal for your specific needs!
How long will it take to build my website or app?
The time it takes to complete a web or app design project varies depending on its scope. A typical timeline is approximately 2-3 months.
What type of companies do you work with?
We work with companies across all industries including retail, tech, insurance, finance and healthcare.
What is the process of working with Charly like?
You’ll get a team composed of experts to address all your technical, content, and strategy needs. We make ourselves remarkably available to our clients.
You can expect daily communication via email, Slack or other channels that your company usually uses.
We’re also available for meetings in order to communicate any changes or other important information that arises during this process
Will you be within reach once your services are complete?
We’ll be there for you long after your website launches.
Whether it’s a quick question or concern about the website we built together – maybe even years down the road when something new pops up just let us know and we’ll be there!
Markets served:
Everywhere
Our collaborations are successful because we adapt to time zones efficiently
Key Capabilities
Web Design
Web & Mobile App Design
Brand Strategy & Design
Ecommerce & CRO
Web Development & Maintenance
Search Engine Optimization (SEO)
Content Writing
Ecommerce Growth Strategy
Subscription Growth Strategy
Saas Growth-Strategy
Project Management (oversight of agencies and contractors)
Based in
San Francisco, CA
Barcelona, Spain
Working Worldwide
HQ: 166 Geary St, Ste 1500, San Francisco, CA 94108
.svg){kind=icon}
.svg){kind=icon}