Marinas across Europe face an ongoing challenge: managing individual access to power and water for hundreds of vessels, while ensuring accurate billing and operational efficiency.

‍

Our task was to design and build a connected digital ecosystem that could interface with Siemens PLC hardware, allowing boat owners to control sessions remotely — and marina staff to oversee usage effortlessly.

The client needed a complete, end-to-end solution that integrated physical devices — Siemens PLC machines — with a user-facing digital platform.

‍

These PLC units control power and water access points for each berth, but until now, users had to visit marina offices and manually register or pay at cash desks.

‍

The challenge was to build a web-based platform where users could:

‍

• Activate or deactivate power and water sessions instantly.
  
• Track their consumption in real time.
  
• Choose from multiple payment methods (prepaid, postpaid, periodic).
  ‍

In parallel, marina operators required an administrative interface for system monitoring, data analytics, and historical reporting — all synchronized with the PLC network.

Our vision was to create a frictionless digital experience for both boat owners and marina staff — reducing waiting times, manual registration, and administrative overhead.

‍

The system needed to turn complex industrial automation into something accessible and intuitive, enabling users to control utilities directly from their mobile devices while ensuring secure, transparent billing.

We began development with a five-day Design Sprint, a structured process that allowed our team and stakeholders to collaboratively:

‍

• Understand and define the problem.
  
• Sketch and prioritize potential solutions.
  
• Build an interactive prototype in Figma.
  
• Test and validate the concept with real users.

‍

The design language focused on minimalism and clarity — a clean interface that lets users start, monitor, or end sessions with a few taps. Boat owners can view consumption data, check their connection status, and pay directly via mobile — no cash desk, no paperwork, no delays.

The platform architecture was designed to be modular and scalable, supporting multiple marinas and devices under one ecosystem.

‍

Backend development utilized NestJS and TypeORM for reliable database management and API performance, while the frontend was built in React with TypeScript, ensuring smooth navigation and responsive performance across devices.

‍

‍

The final product consists of three interconnected applications, each serving a distinct role within the ecosystem:

‍

Client Web App
Allows individual boat owners to control sessions, monitor usage, and make payments directly from their device.

‍

Admin App
Provides marina operators with full oversight — including live session tracking, remote control of supply points, and access to historical data.

‍

Super Admin App
Supports installation and maintenance teams with cabinet and PLC testing, ensuring reliable system performance.

‍

Together, these components deliver a complete digital management solution that minimizes administrative workload, enhances transparency, and improves the overall marina experience.

The Marex.es system transforms how marinas handle water and energy supply — reducing transaction times, eliminating manual errors, and empowering users with control at their fingertips.

‍

Results include:

‍

• Seamless integration between PLC hardware and digital control
• Significant time savings for both users and staff
• Flexible, secure payment options
• Real-time data visibility and analytics

‍

By merging industrial technology with intuitive digital design, Marex.es has become a benchmark for smart marina management, setting new standards for efficiency and user experience across the maritime industry.