Web Interface for a PaaS Battery Monitoring Platform

Stromcore’s technology was solid, but the lack of an intuitive web interface held back its usability. To interact seamlessly with the PaaS platform, the company required a portal that was user-friendly and could facilitate customers’ monitoring of battery parameters, managing locations, scheduling maintenance, and producing reports in real-time.

• Simplifying complex data into clear, actionable insights. The web solution needed to display various telemetry data, such as state of charge (SoC), power consumption, temperature ranges, and idle times, while ensuring clarity and accessibility for users.
• Real-time data from Wi-Fi-enabled batteries must be accurately displayed across thousands of devices and locations via cloud-connected hubs.
• Scalable design for growth. The interface was designed to scale effortlessly with the customer’s expanding operations, accommodating an increasing network of batteries, hubs, and logistics sites without compromising speed or stability.

User-friendly experience. The goal was to design a web solution that would make managing batteries and logistics intuitive even for non-technical users — and provide a balance between simplicity and functionality.

By immersing ourselves in users’ workflows, challenges, and priorities, we designed an intuitive, ergonomic web interface. It has brought Stromcore’s PaaS platform to life, delivering control over real-time battery performance.

With an intuitive web design built to align perfectly with user workflows and business goals, the solution cuts through complex IoT data. The result: streamlined operations, smarter decisions, and minimal downtime — everything needed to keep businesses running at full power.

We delivered:

• Intuitive Control Panel
  It presents real-time battery metrics — SoC, power consumption, temperature, and idle time — aggregated by location for seamless performance analysis across sites.
• Dynamic Reporting and Advanced Search
  Powerful search filters and detailed tables to quickly locate devices or locations, while automated reports deliver actionable insights tailored to specific timeframes.
• IoT Integration
  Real-time data from Wi-Fi-enabled batteries is transmitted via hubs to the cloud and processed into intuitive graphs and dynamic indicators for effortless telemetry analysis.
• Scalable Architecture
  Built to support expanding operations with additional batteries, hubs, and locations, ensuring integration of new features as business needs grow.
• Reliability in Large Warehouses
  Delivers stable data transmission via robust hub integration, ensuring reliability across expansive, logistics-intensive warehouse operations.
• User-Friendly Design
  The admin panel organizes data by location, forklift, and battery, with interactive tools like filters, search, and pop-up tips, ensuring accessibility for users of all technical skill levels.

User Interface (UI) Highlights

A clear administration panel structures the data by location, forklift, and battery, with interactive tools such as filters, search, and pop-up tips that ensure accessibility for users of all skill levels.

Dark Theme with Accent Highlights

The UI is designed in a dark palette that reduces eye strain and creates a modern look. Orange and green accents are used to highlight important elements such as battery statuses, action buttons, or selected dates.

Readable Typography

Simple and easy-to-read fonts are used that remain clear on any screen. The hierarchy of headings and text size facilitates easy navigation between interface elements.

Functional Iconography

Icons add visual clarity to key functions, such as the calendar, notifications, or battery status indicators. This helps reduce the cognitive load for users.

User Experience (UX) Improvements

Interactive Graphs and Tables

Key metrics such as SoC (state of charge), temperature, and current consumption (Amp Draw) are displayed in graphs and tables that are updated in real time. This ensures transparency of operations and quick decision-making.

Pop-ups and Sidebars

Pop-ups enable actions like editing profiles, changing passwords, or scheduling reports, all without leaving the current page. Sidebars are used to integrate functions such as report generation or a battery life cycle calculator.

Easy Navigation

The interface has an uncomplicated menu system, search fields, and filters that provide easy access to a large amount of data, such as battery distribution by location or device.

Adaptability

The interface is optimized for use on different devices, including desktops, tablets, and mobile phones. Thanks to media queries, the interface automatically adapts to screen size, keeping all functions available even on small displays.

Data Interaction

Ensures seamless battery telemetry communication via REST API integration, delivering real-time updates to tables, graphs, and indicators without page reloads.

Security Features

Implements role-based access controls to define data access levels and encrypted HTTPS/TLS protocols to ensure secure data transmission across the platform.