Project Overview
Guilberts Chocolates is a premium UK-based chocolatier known for crafting exquisite handmade chocolates. As the business grew, their website, which was crucial to their online sales strategy, began to show signs of strain. With an outdated design, poor mobile functionality, and inefficient eCommerce experience, Guilberts needed a redesign that would elevate the brand, improve user experience (UX), and drive conversions.
The primary objectives for the redesign were:
- Create a more visually appealing and immersive experience that reflects the premium nature of Guilberts products.
- Streamline the online shopping experience to reduce cart abandonment.
- Implement a mobile-first, responsive design to cater to the growing mobile shopping audience.
- Integrate an intuitive and efficient content management system (CMS) for easy updates.
- Improve SEO, site speed, and overall performance.
The Challenge
While the existing Guilbert’s website had good traffic and strong brand recognition, it faced several issues that hindered its effectiveness:
1. Outdated Visual Design
The website lacked the luxurious, artisanal feel of the brand. Its design was cluttered and didn’t showcase the beauty of the chocolates or the craftsmanship behind them.
2. Poor Mobile Experience
Given the increasing number of users shopping on mobile devices, the site’s mobile experience was subpar. The layout was not responsive, and key elements were difficult to navigate on smaller screens.
3. Complicated Checkout Process
The checkout flow was long and unintuitive, which led to abandoned carts. Additionally, the lack of payment options, such as PayPal, made the purchasing process less seamless.
4. Slow Load Times
The site suffered from slow page loads due to unoptimised images and inefficient code, negatively impacting user experience and search engine ranking.
5. SEO & Conversion Optimisation
The site wasn’t optimized for SEO, with poorly structured URLs, slow content load times, and lack of optimization for high-intent keywords (e.g., “luxury chocolates,” “artisan chocolates UK”). There was also little use of data-driven calls to action (CTAs) to encourage conversions.
Research & Discovery
The redesign process began with thorough research to ensure the new site aligned with Guilberts’ brand and target audience’s needs.
Stakeholder Interviews
Discussions with the owners and key team members revealed that they wanted to position Guilberts Chocolates as a high-end, premium brand while making the online shopping experience as easy and enjoyable as possible for customers.
Audience Analysis
Guilberts’ target customers include:
- Affluent foodies who value quality and craftsmanship.
- Gift buyers looking for elegant chocolate gift boxes.
- Repeat customers*who regularly buy luxury chocolates for personal consumption.
These customers expect:
- A refined and immersive online experience.
- A simple, quick purchasing process with multiple payment options.
- Clear product descriptions and high-quality imagery.
Competitor Analysis
The team analyzed other premium eCommerce websites, including luxury food brands and confectioneries, to identify best practices. Key takeaways included:
- High-quality photography and elegant design.
- Easy navigation with quick access to product categories.
- Streamlined checkout processes and multiple payment options.
Technical Audit
A technical audit revealed the site had several performance bottlenecks, including uncompressed images and outdated plugins. The lack of SSL encryption and poor site security were also concerns for an eCommerce website.
Strategy & Design Approach
The redesign focused on four key areas:
1. Visual Design: Luxury, Craftsmanship, and Taste
The new design needed to align with the premium nature of Guilberts Chocolates. Key design elements included:
- High-quality photography: Stunning product images, often taken in a lifestyle context, to elevate the products.
- Refined typography and colour palette: Elegant fonts and a rich color palette (chocolate browns, cream, gold accents) to create a sophisticated look.
- Simple, clean layout: A minimalistic design approach to showcase the chocolates in the best light, without overwhelming the user.
- 2. User Experience (UX) & Mobile-First Design**
A mobile-first design approach was crucial to improve navigation and streamline the shopping experience, especially for users on smartphones and tablets:
- Responsive design: The website was designed to seamlessly adapt to all screen sizes.
- Simplified product navigation: Categories were made easy to browse, with filters for product type, price, and gift options.
- One-click product zoom: Users could hover over or tap on product images to see detailed shots of the chocolates, adding an extra layer of interaction.
3. Improved eCommerce Functionality
The website needed to optimize the purchasing journey to improve conversions and reduce cart abandonment:
- Streamlined checkout: The new checkout flow was reduced to a few simple steps. Users could quickly add products to the cart and easily proceed to payment.
- Multiple payment options: Integration of PayPal, Apple Pay, and credit card payments to offer flexibility and security.
- Abandoned cart recovery: Email reminders were triggered for customers who left items in their carts, encouraging them to complete their purchase.
4. Performance & SEO Optimization
A complete overhaul of the website’s back-end was required for speed and search engine optimization:
- Faster load times: Images were optimised, and lazy loading was implemented for faster page loading.
- Technical SEO: Clean URLs, proper metadata, and alt text for images were added to improve organic search visibility.
- On-page SEO: The content was optimised for high-intent keywords, such as “luxury chocolate gifts” and “artisan chocolates UK,” to increase organic traffic.
The Solution
The new website now features:
- Sophisticated Homepage: A beautiful hero video, accompanied by a quick link to the most popular product categories (e.g., “Luxury Chocolate Gifts” and “Personalised Chocolate Boxes”).
- Refined Product Pages: Large, high-resolution images, detailed descriptions, and clear pricing. Each product also includes customer reviews to build trust.
- Streamlined Checkout Process: A simplified, multi-step checkout process with an option to sign up for an account or checkout as a guest. The integration of multiple payment options made transactions smoother and faster.
- Enhanced Mobile Experience: Mobile optimisation with easy navigation, responsive design, and fast load times on all devices.
- Integrated Blog & Content Marketing: A blog section offering chocolate-related recipes, gift guides, and brand stories, helping to drive traffic and improve SEO.
Results & Impact
Since launching the redesigned website, Guilberts Chocolates has seen significant improvements:
- Increased Conversion Rate: A 25% increase in conversion rate due to streamlined checkout and improved user experience.
- Decreased Bounce Rate: The bounce rate dropped by 15% due to faster page loads and a more engaging, visually appealing design.
- Higher Mobile Engagement: Mobile traffic increased by 30%, with the mobile-first design boosting the mobile conversion rate by 20%.
- SEO Growth: Organic search traffic grew by 40%, thanks to optimized content, faster load times, and better on-page SEO.
- Reduced Cart Abandonment: The introduction of abandoned cart emails led to a 12% increase in recovering incomplete purchases.
Key Takeaways
1. Luxury Experience: A visually stunning website with high-quality imagery and refined design elements is crucial for conveying a premium brand image.
2. Streamlined User Journey: Simplifying the checkout process and offering multiple payment options significantly boosts conversion rates.
3. Mobile Optimisation: With an increasing number of consumers shopping on mobile, a responsive and seamless mobile experience is essential.
4. Performance & SEO: Optimising site speed and implementing a strong SEO strategy helps improve both user experience and organic traffic.
5. Customer Engagement: Integrating content like blogs and customer reviews can improve SEO and build customer trust.
Conclusion
The redesign of Guilberts Chocolates’ eCommerce website successfully transformed their digital presence, enhancing both the user experience and the brand’s premium image. The website is now a high-performing sales tool that effectively showcases the brand’s luxury offerings, while delivering a seamless, efficient shopping experience that boosts conversions.
