Voile du Sud
I led the front-end development of a fully custom web application for Voile du Sud Ingénierie, designed to streamline the process of ordering tailor-made shade sails. The challenge was to transform a highly technical, specification-heavy workflow into a guided, user-friendly interface — without sacrificing flexibility or accuracy. This app needed to balance engineering complexity with intuitive UX.
0+
Configurable Parameters
From selecting material types, entering custom dimensions, and choosing sail shapes, to configuring edge finishes, attachment methods, and installation environments, the application guided users through a multi-step process that dynamically adapted to each input. Behind the scenes, complex conditional logic controlled how fields appeared, which values were valid, and what options were available based on previous selections — all while preserving a clean, responsive, and intuitive user experience across devices.
Great user experience isn’t just about smooth visuals — it’s about simplifying complexity without removing control.
The Voile du Sud configurator required a deep level of component abstraction.
I architected the application using React and Next.js with a fully modular structure. Each step of the ordering process — from geometry selection to mounting options — was built as an isolated, state-managed component, allowing dynamic rendering and real-time validation.
I architected the application using React and Next.js with a fully modular structure. Each step of the ordering process — from geometry selection to mounting options — was built as an isolated, state-managed component, allowing dynamic rendering and real-time validation.
Performance, accuracy, and UX had to work together.
Using controlled forms, custom validation logic, and conditional rendering, I ensured every configuration was technically valid and easy to adjust. Tailwind CSS provided responsive layout control across desktop and mobile, while the deployment pipeline (Vercel) ensured fast, global access.
This project showcases my ability to bring engineering-heavy tools into the hands of non-technical users through thoughtful front-end design and performance-focused architecture. From real-time user feedback to form complexity and API integration, this was more than just UI — it was building a product that works as intelligently as the team behind it.
