The Brief

Botanicha is an online health shop for botanical herbs, nuts, nut creams, dry fruit, honey, honey with dry nut creams, natural cosmetics and more. Only virgin natural ingredients, artisanal handmade production.

Challenges

1. Complex Product Catalog Management

   Developing a system to handle a diverse range of products with varying attributes (e.g., weight, size, ingredients) and categories.

2. Product categorization

   Developing an intuitive and flexible categorization system that allows customers to easily navigate through multiple product types.

3. Multilingual Support

   Creating a seamless multilingual experience in English, German, Italian, and French for both the product catalog and website content while maintaining SEO effectiveness across all languages.

4. Website Speed

   Delivering an ultra-fast user experience (UX) across all devices and network conditions. This included optimizing page load times, reducing time to interactive, and ensuring smooth navigation throughout the site, especially for image-heavy product pages and dynamic content.

5. Admin Management

   Deliver an easy to use modern administration dashboard for both the e-Commerce and the Content Management for non-tech savvy people.

Solutions

1. Complex Product Catalog Management

   We integrated Saleor Commerce, a powerful e-commerce platform, to handle the diverse range of products. This system was customized to manage multiple product attributes (e.g., weight, size, ingredients), variations, and categories, providing a flexible foundation for Botanicha’s complex catalog.

2. Advanced Multilingual Implementation

   We leveraged Next.js’s advanced internationalization features to implement a robust multilingual system. This included:

   • Full content translation across English, German, Italian, and French
   • Automatic language detection
   • Seamless language switching without losing context
   • Localized product information

3. Intuitive Product Categorization

   We developed a dynamic, multi-level navigation system that allows users to easily browse products by brand, category, and attributes. This intuitive categorization structure enhances the shopping experience, making it simple for customers to find exactly what they’re looking for among Botanicha’s varied product types.

4. Website Performance Optimization

   To ensure ultra-fast performance across all devices and network conditions, we utilized Next.js for server-side rendering and static site generation. We implemented efficient caching strategies, optimized assets to minimize load times, and employed lazy loading techniques for images.

5. User-Friendly Admin Management

   We integrated Directus CMS to provide an intuitive, user-friendly interface for content management. For e-commerce management, we customized Saleor’s admin dashboard to simplify product management, and inventory control. Both systems were designed with non-technical users in mind, featuring drag-and-drop interfaces, clear guided workflows, and comprehensive training materials to empower Botanicha’s staff.

Technologies

• Next.js
• TailwindCSS
• Saleor Commerce
• Directus CMS
• TypeScript