How a Chocolate Factory Present in Over 80 Countries Rebuilt Their Website with Webflow

Challenges

Need for a multi-language website to cater to diverse global audiences.
Integration of a search field within the side menu for easy navigation.
Implementation of an advanced slider in the homepage hero section using attributes.
Development of a dynamic form capable of adapting based on user inputs using JavaScript.
Utilization of Webflow CMS for efficient management of product content by the marketing team.
Creation of a custom select option within the product detail page to choose product weights dynamically.

Solution

Combining Webflow's powerful design capabilities with custom JavaScript solutions to address the specific requirements of Witors' website. By leveraging Webflow CMS and attributes, we ensured seamless content management and dynamic user experiences while catering to the multi-language needs of the client.

Implementation

1. Design Conversion with Webflow

Part of the Figma design of the new site

Translated Caffeina's designs into functional web interfaces using Webflow, ensuring pixel-perfect representation and responsive layouts.

Collaborated closely with Caffeina to ensure alignment with Witors' brand identity and vision for the website.

2. Multi-language Support

Implemented multi-language support using Webflow's built-in features, allowing users to switch between languages seamlessly.

Ensured linguistic accuracy and consistency across all content elements for an enhanced user experience.

3. Integration of Search Field and Advanced Slider

Incorporated a search field within the side menu for intuitive navigation, enhancing user accessibility and convenience.

Developed an advanced slider in the homepage hero section using Webflow attributes, enabling dynamic content presentation and engagement.

4. Dynamic Form with JavaScript

Created a dynamic form using JavaScript to adapt based on user inputs, providing a personalized experience and improving user engagement.

Implemented logic to adjust form fields dynamically, enhancing usability and reducing friction in the user journey.

5. Utilization of Webflow CMS

Leveraged Webflow CMS extensively to manage product content efficiently, allowing the marketing team to update and modify product details independently.

Structured CMS collections to organize products systematically, streamlining content management processes.

6. Custom Select Option for Product Detail Page

Developed a custom select option within the product detail page using JavaScript, enabling users to choose product weights dynamically.

Implemented logic to update select options based on the selected product, enhancing user convenience and product customization.

Conclusion

Through strategic collaboration with Caffeina and leveraging the capabilities of Webflow, Webflow CMS, Attributes, and JavaScript, We successfully developed a sophisticated website for Witors, elevating its online presence and providing a seamless digital experience for its customers.

"Nicola loves what he does and translates this passion into availability, competence, and a desire to excel in every project. In the occasions we have collaborated, he has shown himself to be very proactive in finding solutions to unexpected design or development challenges, without ever showing discouragement or frustration. He knows how to read the expectations of various stakeholders and interlocutors at the table and strives to meet everyone's expectations.Prepared and positive, I hope our paths cross again."

Giuseppe De Pascale

Senior Product Designer @ Caffeina

"I had the pleasure of working with Nicola on a Webflow project. Nicola proved to be very helpful and professional right from the start, as well as punctual and competent.It was definitely a positive collaboration. Thanks again!"

Francesca Bronzini

Product Manager @ Caffeina