Executive summary
Frontwalker partnered with a Netherlands-based renewable energy and energy simulation company to modernize and scale its B2B energy simulation platform. The project focused on frontend modernization, performance optimization, UI transformation, and scalable business-facing feature development. Through major frontend architecture improvements, performance enhancements, and advanced data visualization capabilities, the platform became more scalable, maintainable, and capable of supporting complex renewable energy decision-making workflows for consultants, engineers, sales teams, and business stakeholders.
The challenge
1. Business challenge
The client required a scalable and modern frontend platform capable of supporting growing business requirements and complex renewable energy workflows. The existing frontend architecture limited feature scalability, usability, and performance when handling large simulation datasets and advanced business workflows.
Key business challenges included:
- Need for faster frontend feature development
- Requirement for clearer visualization of complex simulation results
- Need for scalable dashboards, reports, and admin workflows
- Requirement to support multiple B2B user groups including consultants, engineers, facility managers, and sales teams
- Need for improved maintainability and long-term frontend scalability
- Requirement to convert technical simulation outputs into business-friendly insights and reports
2. Technical challenge
The project involved multiple frontend modernization and performance challenges, including:
- Handling large simulation datasets without browser freezing
- Optimizing chart rendering and frontend performance
- Migrating the frontend from Create React App (CRA) to Vite
- Migrating the application from JavaScript to TypeScript
- Rebuilding and modernizing the overall user interface
- Supporting multilingual functionality for English and Dutch users
- Implementing scalable frontend state and data management
What we did
1. Frontwalker’s approach and solution
Frontwalker delivered frontend modernization and product enhancement initiatives for the platform, focusing on scalability, performance, maintainability, and business usability.
2. Delivered solution
- Modernized the frontend architecture from CRA to Vite
- Migrated the application from JavaScript to TypeScript
- Redesigned and rebuilt major UI components and workflows
- Implemented advanced charting and visualization using Highcharts
- Introduced TanStack React Query for optimized data management
- Developed company administration and admin management modules
- Improved authentication and user-facing workflows
- Added multilingual support for English and Dutch
- Optimized handling of large simulation datasets using Web Workers, downsampling, and conditional rendering techniques
- Improved frontend performance for simulation-heavy screens and reports
3. Engineering & delivery
- Delivered frontend modernization using modern React architecture
- Built scalable and maintainable frontend solutions
- Improved application performance and rendering efficiency
- Implemented business-focused UI and workflow improvements
- Supported close collaboration with commercial and technical stakeholders including leadership teams
4. Collaboration model
- Delivered frontend modernization using modern React architecture
- Built scalable and maintainable frontend solutions
- Improved application performance and rendering efficiency
- Implemented business-focused UI and workflow improvements
- Supported close collaboration with commercial and technical stakeholders including leadership teams
4. Collaboration model
- Worked closely with the client’s product and leadership teams
- Enabled direct collaboration between Frontwalker engineering and client stakeholders
- Supported continuous business-driven feature development and platform improvements
Business impact / results
Outcomes achieved
- Reduced frontend freezing and improved application performance
- Improved scalability and maintainability of the frontend platform
- Reduced build times by approximately 60% after migrating to Vite
- Improved usability for consultants, engineers, sales teams, and business users
- Enhanced visualization of complex renewable energy simulation results
- Strengthened support for B2B workflows, reporting, and administration
- Improved long-term code quality and maintainability through TypeScript adoption
- Enabled clearer, data-driven renewable energy decision-making
- Established a stronger technical foundation for future product growth
