.svg){kind=icon}
Case Study
Gr8nola
Key Services
CRO, UX Design, Content Writing
Description
Gr8nola's founder, Erica Liu Williams, sought our expertise to increase her e-commerce site's conversion rate and sales. Our thorough CRO audit revealed key issues, including unclear communication of Gr8nola's unique selling points and a cluttered design that distracted from core brand messages.
Our strategy focused on content optimization, UX redesign, and advanced analytics. We used tools like Hotjar for heatmaps, Google Analytics for traffic insights, and Unbounce for A/B testing. Additionally, we enhanced site speed, mobile responsiveness, and implemented AI-driven product recommendations.
These efforts led to a significant boost in conversion rates, average order value (AOV), and overall customer satisfaction, driving sustained revenue growth for Gr8nola.
Results
Total Conversions
+18%
Avarage Order Value
+9%
Product Checkouts
+42%
Average Session
+18%
*Results taken 12 months after CRO work
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?
- Ecommerce Design & Development: Customized solutions tailored to platforms like Shopify, Webflow, or WooCommerce.
- Web Design and Development: Personalized websites crafted on Webflow, WordPress, Framer, or through custom coding (HTML, CSS, JS, PHP, Python, Ruby, SQL, Java).
- Web Maintenance and Support: Ensuring websites are updated, functional, and aligned with marketing goals.
- App Design: Creating innovative and user-friendly desktop and mobile app interfaces.
- Branding Guidelines: Complete packages including new names, logos, and brandbooks.
- Content Writing: Crafting high-quality, engaging content.
- Search Engine Optimization (SEO): Implementing strategies to boost organic search visibility.
- Conversion Rate Optimization (CRO): Improving website performance and user experience to increase conversion rates.
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-$28,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. Typically, a website or mobile app project takes approximately 2 to 3 months, while a robust desktop app project can take 2 to 4 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 here for you long after your website or app launches.Whether you have a quick question or a concern about the website we built together—even years down the road when something new arises—just let us know, and we’ll be there to help!
Markets served:
Everywhere
Our collaborations are successful because we adapt to time zones efficiently
Key Capabilities
Industries We Support
Based in
San Francisco, CA
Barcelona, Spain
Working Worldwide
.svg){kind=icon}
.svg){kind=icon}
