Built with Webflow
La Botte Gardiane Online Store Redesign
Fernando | hippo design
Like this project
Posted Jan 15, 2025
Working closely with La Botte Gardiane, we modernized their website, expanded their brand identity, enhanced UX and boosted sales by a whopping 18% (so far)!
Case Study: La Botte Gardiane — Online Store Redesign
La Botte Gardiane (kindly referred to by me as LBG) had the goal of transforming their outdated website into a modern platform that better aligned with their brand identity and improved user experience. Their previous website lacked visual appeal, was challenging to navigate and did not effectively communicate their brand's story or showcase their craftsmanship and product quality effectively. In addition, the previous eCommerce platform was no longer meeting their needs and was outdated.
Video Walkthrough
Project Objectives
Redesign the website to reflect a modern, visually appealing brand identity.
Improve navigation and user experience.
Highlight the brand’s rich history and unique know-how, craftsmanship and long-lasting products.
Enable better product presentation and improve product customization experience.
Streamline content creation and catalog management processes.
Challenges
Outdated Design: The existing website design was visually unappealing and hindered user engagement.
Customization Options: The existing website was very difficult to navigate.
Limited Content: The company had minimal institutional content to tell their brand story effectively.
Immature Brand Identity: The existing brand identity was rudimentary, with only a basic logo and typography options.
Catalog Migration: The product catalog was not properly formatted or standardized, making the migration to Shopify significantly more complex.
Approach
Collaboration and Discovery
Me and my team collaborated closely with LBG's team to:
Understand their needs and challenges.
Identify pain points in the existing website.
Develop a design strategy aligned with their goals.
Design and Development
Design:
Crafted all screens from scratch using Figma, covering desktop, tablet, and mobile views.
Expanded the application of their brand identity by expanding on their logo and typography, adding cohesive visual elements to make it usable in a large scale project.
Content Creation:
Advised the client on generating new content to highlight their history and enhance brand presence.
Developed institutional pages to tell their story effectively.
Development:
Built the website on Shopify, ensuring responsiveness and usability across devices.
Designed a more streamlined product customizer to allow users to select leather colors, sizes, and made-to-measure options while the 3D customizer was being developed.
Catalog Migration:
Coordinated the migration and adaptation of their product catalog to Shopify.
Interim Solution for Customization
To meet immediate customization needs, we implemented a temporary solution—a simpler customizer integrated directly into the website. This feature enabled users to explore product options in a streamlined manner until the full-fledged customization tool could be launched.
Results
Before and After
The new website significantly improved visual appeal, leveraging high-quality product photography and a clean, modern design.
Navigation became intuitive, enhancing the user experience and allowing easier access to information.
The new institutional pages effectively showcased LBG's history and values, engaging both new and returning visitors.
Key Features
Product Pages: Redesigned to highlight product visuals and details, with easy-to-use options for selecting leather colors and sizes.
Customization Options: A temporary customizer provided functionality for tailored orders while the final tool was under development.
Improved Content: Comprehensive storytelling through newly developed pages that presented LBG's unique journey and craftsmanship.
Client Feedback
The LBG team expressed their satisfaction with the collaborative process and the final results, noting a significant improvement in both their brand presentation and online presence.
Conclusion
The LBG project demonstrates the impact of thoughtful design, collaborative problem-solving, and robust development. By addressing their challenges head-on and creating a tailored solution, we delivered a website that not only meets but exceeds their expectations, setting a strong foundation for their ongoing growth and success.