Brick Pattern
M
Remote, France, Energy

SENIOR FULL STACK DEV.

Storengy

Helped improving internal tooling

Role SENIOR FULL STACK DEV.
Context PLATFORM IMPROVEMENT
Period 2024 - now
/images/Storengy/Storengy-thumbnail.webp

THE STACK

AngularPHPDoctrineSymfonyTypeScriptSCSSAWS S3AWS Lambda

LINKS

Visit Site

CASE STUDY

Enhancing Storengy's Internal Site Management Application

Introduction

Storengy, a key subsidiary of the ENGIE Group and a leader in renewable gas storage in Europe, operates a vast and critical infrastructure. With over 1,000 employees and a significant portfolio of underground storage sites, efficient management of these facilities, including works and personnel access, is paramount. As Europe's top underground storage operator, Storengy faces the dual challenge of maintaining operational excellence and security while navigating the transition towards renewable gases. In this landscape, I had the opportunity to contribute to a crucial internal project aimed at modernizing a vital tool for their daily operations.

/images/Storengy/Storengy-thumbnail.webp

The Challenges

The internal application used by Storengy for managing works and people access to their storage sites is central to their logistical and security framework. However, a core component of this application, built on older technology, presented several challenges:

  • Performance Bottlenecks:
    The existing component suffered from slow loading times, hindering the productivity of users who rely on it for time-sensitive tasks.
  • Suboptimal User Experience (UX/UI):
    The interface was not as intuitive or user-friendly as it could be, leading to potential inefficiencies and user frustration.
  • Modernization Needs:
    As Storengy embraces newer technologies across its operations, the internal tools needed to keep pace to ensure seamless integration and maintainability.
  • Operational Efficiency:
    In an industry where safety and precision are non-negotiable, any inefficiency in managing site access and works can have significant ripple effects.

The primary challenge was to address these issues by overhauling this core component to meet the demands of a modern, forward-thinking energy company.

/images/shared/challenges.webp

Actions Taken

My primary role in this project was to rework from scratch this critical core component of Storengy's internal Angular 14 application. This wasn't merely a facelift; it involved a deep dive into the existing functionalities and a complete re-architecture to build a more robust, efficient, and user-centric solution. My approach involved working across the entire technology stack, leveraging my knowledge of:

  • Angular 14:
    For building a modern, responsive, and feature-rich front-end interface, focusing on clean code and a significantly improved user experience.
  • Symfony:
    To handle the back-end logic, ensuring secure and efficient data processing and API interactions.
  • AWS Lambda:
    To implement serverless functions, enhancing scalability and optimizing resource utilization for specific back-end processes.

This full-stack approach allowed for a holistic redesign, ensuring that both the user-facing elements and the underlying infrastructure were optimized for performance and usability.

/images/shared/actions-taken.webp

The Impact

The project was executed smoothly, and the results were immediate and tangible. The most significant impacts included:

  • Drastically Reduced Loading Times:
    The new component loaded significantly faster, allowing users to access and manage information much more quickly.
  • Enhanced User Experience (UX/UI):
    The redesigned interface was more intuitive and visually appealing, leading to a more positive and productive user experience. Users could navigate the system more easily and complete tasks with fewer clicks.
  • Improved Operational Smoothness:
    By streamlining this core component, the overall internal application became more reliable and efficient, contributing to smoother management of site works and access control.

These improvements directly translated into time savings for Storengy's employees and a more effective tool to manage their critical infrastructure.

/images/shared/impact.webp

Key Takeaways

This project reinforced several key learnings for me:

  • The Power of Modernization:
    Even internal tools benefit immensely from modernization, leading to significant gains in efficiency and user satisfaction. Reworking core components, while challenging, can yield a high return on investment.
  • Full-Stack Advantage:
    Approaching a project from a full-stack perspective allows for a more integrated and optimized solution, addressing both front-end and back-end bottlenecks.
  • User-Centric Design is Crucial:
    Focusing on the UX/UI, even for internal applications, is vital. An intuitive interface directly impacts productivity and user adoption.
  • Technology Choice Matters:
    Utilizing modern frameworks like Angular 14 and leveraging cloud services like AWS Lambda can significantly boost performance and scalability.

/images/shared/key-takeaways.webp

Conclusion

My work with Storengy demonstrated the significant impact that targeted development can have on the core operations of a major industry player. By rebuilding a critical component of their internal site management application using modern technologies and a user-focused approach, we achieved substantial improvements in performance and usability. This project not only enhanced the day-to-day work of Storengy's employees but also contributed to the overall efficiency and security of their vital renewable gas storage operations. It stands as a testament to how focused technological upgrades can empower organizations to meet their operational goals effectively.

/images/shared/conclusion.webp