Skip to main content

Fontaine-Aquanox

Industrial - Engineering
2020-2021
Visit website

We had the privilege to collaborate with ISE Fontaine Aquanox, a renowned manufacturer of custom water control products. The web development project aimed to create an advanced e-commerce website and a portal for their engineering clients.

To achieve their goals, we used Craft Commerce and developed innovative features, including a custom product configurator and a secure online portal for engineers to generate engineering drawings for their projects.

Throughout the project, our team worked closely with ISE Fontaine Aquanox to meet all their needs. The result is a dynamic and user-friendly technological platform that showcases their extensive range of products and empowers their clients to access and efficiently create engineering drawings for their projects.

Expertises

  • Content strategy
  • User flows
  • Web design
  • Development
  • E-commerce

Technologies

  • Craft CMS
  • JavaScript
  • AWS
  • Twig / PHP

Features

  • Bridge to client infrastructure
  • Technical drawing generation
  • Products configurator
  • Engineers portal
  • Online projects creation
  • Representatives search
Troisieme aquanox pages home
Troisieme aquanox pages home duo

Wireframe and Userflow

The project involved extensive work on wireframing and userflow to ensure a seamless and intuitive experience for users throughout the portal and e-commerce website. The focus was on optimizing the user journey, facilitating account creation, project management, and product selection.

Troisieme aquanox wf home
Troisieme aquanox wf flow

Navigation

The website implemented a sliding panel navigation that enhanced user navigation and accessibility. The sliding panel allowed for easy access to different pages of the website, providing a user-friendly and efficient browsing experience.

Troisieme aquanox nav

Products pages

In the Products section, we showcased the diverse range of water control products using 3D visuals to provide an accurate representation of the products. Through these 3D renderings, users can explore the products and examine their design and features.

To streamline the purchasing process, we incorporated small tags on each product, indicating its availability for online purchase, quotation, or projects through the portal. This feature enables users to quickly identify the appropriate action based on their specific needs, enhancing convenience and efficiency.

Troisieme aquanox products index
Troisieme aquanox products fiche

Products Configurator

A key feature of the website was a custom product configurator that enabled users to customize products according to their specific requirements. The configurator interacted with the CMS to fetch product information and facilitated a seamless customization experience.

Originally designed from a data file (JSON), we modified the approach during the project to use a table created in the content management system, giving the client greater flexibility for modifications.

Troisieme aquanox products options

Engineers and Agents Portal

The portal provided engineers and agents with a dedicated platform where they could create projects, and manage their product selections. This feature streamlined the collaboration between Aquanox and their clients.

By connecting to a remote application developped in the past, users could create the engineering drawing for their specific project requirements. It was a major technical challenge for us to integrate an internal application that is over 10 years old with new technologies.

Troisieme aquanox user login
Troisieme aquanox user pages
Troisieme aquanox user projects

Content Pages

In addition to the e-commerce functionalities, the website featured well-developed content pages that provided detailed information about the company, its services, and other relevant content. These pages were designed to showcase the expertise and offerings of ISE Fontaine Aquanox.

Troisieme aquanox mobile pages
Troisieme aquanox pages about

We are very pleased with the outstanding work delivered by troisième on our project. They have shown a very high level of professionalism. They successfully tackled the highly challenging task of integrating our legacy application with modern solutions, resulting in a seamless and efficient workflow. 

The team's technical prowess, reliability, attention to detail, and commitment to meeting our needs resulted into fully satisfying our expectations.

Marc Boily, ing.
Commercial Director
Troisieme aquanox pages misc
Troisieme aquanox pages inno

Representatives Search

The website incorporated a fast and efficient search functionality that enabled users to find sale representatives in different countries, states, and provinces. The cascading dropdown feature simplified the search process and allowed users to quickly locate the relevant contacts.

Troisieme aquanox representants

Checkout Process

The checkout process was designed to be user-friendly and accommodating, offering various payment options, including the possibility of payment by bank transfer. This ensured a smooth and convenient transaction process for customers for such expensive products.

Troisieme aquanox cart
Troisieme aquanox checkout

Performances

The website's performance was a top priority, and various tools were utilized to measure and optimize its performance. Through thorough testing and optimization, the website achieved excellent scores across different performance metrics, including a perfect score of 100 on Google Page Insight.

Troisieme aquanox performance

Let's collaborate!

troisième is a committed team ready to help you deploy your biggest digital projects. Let's work together to achieve your ideals.
Contact us