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


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.


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.

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.


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.

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.



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.


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.


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.

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.


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.
