Crystal SaaS- AI-based oil and gas trading tool used internally at TotalEnergies Predictive Department.
- The AI is trained via Auto-ML (Automatic Machine Learning) to give live trading signals.
- The signals are then displayed on Crystal with a powerful but intuitive web interface.
My roles and responsibilities- Designed the whole application (10+ pages) via Figma.
- Led the implementation of the front-end from scratch mainly using React, Vite, Material UI and React Router.
- Implemented complex charts using Material UI-X. Customized them to match Figma’s visuals.
- Collaborated with a back-end engineer, who provided the API, to ensure seamless integration.
React.jsVite.jsJavaScriptHTML/JSXCSS/SCSS/LESSReduxReact Routeri18nextMaterial UICypressESLintPrettierFigmaGitNotion
Demo SaaS- Demo web application featuring Predictive Layer’s various products.
- This project was a major success, earning strong investor satisfaction and significantly boosting Predictive Layer’s visibility in the Swiss market — ultimately contributing to its acquisition by TotalEnergies.
My roles and responsibilities- Designed various demo SaaS (AI-powered trading tools, selling tools, hedging tools, and more) using Figma.
- Led the front-end implementation of those applications in React, using Vite as a building tool to ensure great performances.
- Implemented user authentication and role management using Auth0, along with custom login and registration pages — eliminating all manual user creation and significantly streamlining the onboarding process.
React.jsVite.jsJavaScriptHTML/JSXCSS/SCSS/LESSFigmaReduxReact Routeri18nextMaterial UICypressESLintPrettierGitNotion
Graphical RebrandingMy roles and responsibilities- Led the creation of a modern visual branding system (flat design, vivid color palette, streamlined components) using Figma.
Figma