Get a Quote
All case studies
KWMSys

KWMSys - Real Time Flood Warning Mobile App

Impact We Have Created Together
  • Real time alerts enabled
  • Data usage expanded publicly
  • Manual monitoring reduced
  • New digital service launched
When We Joined

We joined at the concept stage and supported the project from product definition through mobile app development and release.

Who This Is For

Businesses that want to build additional digital services using their own data with real time notifications, dashboards, and user specific customization.

Duration: 3 months, Partnership ongoing
Tech stack:
687 Views
Our role

End to end mobile app development with responsibility for concept, UI/UX, frontend implementation, QA, and App Store release while integrating with an external backend.

Our role

End to end mobile app development with responsibility for concept, UI/UX, frontend implementation, QA, and App Store release while integrating with an external backend.

Idea

KWMSys operates sensor systems for cities to measure river water levels and other environmental metrics.
This data was already collected and processed in the cloud, but access was limited to professional users.
The idea was to make this information available to a broader audience so that citizens could stay informed about flooding risks in real time. To strengthen the warning system, official German weather alerts from the DWD were integrated.
The challenge was not data availability, but using it efficiently and turning it into a public facing product that delivers clear, actionable information when it matters most.

Solution

We built a mobile application that connects to the existing cloud infrastructure and visualizes live sensor and weather data in an interactive 2D map.
Users can select locations, subscribe to warning areas, and receive push notifications when critical thresholds are reached.
The app transforms complex IoT data streams into understandable warnings, enabling fast awareness and proactive response without requiring technical knowledge from users.

Key components

Real time data visualization Warning subscriptions Push notifications Interactive map Weather alerts

Development Process

Step 1

Requirements Analysis

Step 2

Concept and Design

Step 3

Implementation

Step 4

Quality Assurance

Step 5

Deployment

We analyzed available sensor data, warning thresholds, and user scenarios together with the client and defined how information should be presented to non technical users.
A clear mobile UX was designed with a strong focus on map based orientation, warning visibility, and fast comprehension. User flows were validated early.
The Flutter app was implemented while integrating with the client's backend APIs. Extensive mocking was used to stay productive despite backend dependencies.
We tested warning flows, notification delivery, and map interactions across devices to ensure reliability under real world conditions.
The app was released to the App Stores and prepared for ongoing maintenance and feature expansion.

Technology & Integration

Technology

Product Design

Figma for product redesign and design systems.

Mobile Apps

Flutter for iOS and Android using a single codebase.

Integrations

  • Google Maps (2D map visualization)
  • Push Notifications
  • DWD Weather Data

Main Features

Interactive Warning Map

The core of the app is an interactive 2D map that visualizes live sensor data and weather warnings. Users can see affected areas at a glance, understand severity levels, and explore details for specific locations (data measuring points).
The map based approach makes complex data immediately understandable and actionable.

Interactive Warning Map

Real Time Notifications

Users can subscribe to specific locations and warning types. When thresholds are exceeded or new alerts are issued, the app sends push notifications in real time.
This ensures users are informed immediately without actively monitoring data.

Real Time Notifications

Multi Source Data Integration

The app combines IoT sensor data from the client's cloud with official DWD weather warnings.
This creates a more reliable and comprehensive warning system than relying on a single data source.

Multi Source Data Integration

Personalized Warning Settings

Users can customize which locations (data measuring points) and warning categories they want to follow.
This keeps notifications relevant and avoids alert fatigue while maintaining safety.

Personalized Warning Settings

Main Challenge

The main challenge was integrating a complex external backend without direct control over its development. Back-end availability was limited, and quick changes were often not possible.
To keep progress steady, we relied heavily on API mocking, clear interface definitions, and detailed documentation.
Aligning frontend and back-end expectations required structured communication and careful coordination to avoid blocking dependencies while maintaining product quality.

What We Learned

We learned that frontend and backend separation requires strict interface contracts and proactive documentation. Mock driven development keeps teams productive even with limited back-end access.

Why This Matters for Our Partners

These learnings help partners manage distributed development setups more effectively. They reduce risk, improve predictability, and keep delivery timelines stable despite external dependencies.

Our Advice

If front-end and back-end are developed separately, define interfaces early and invest in mocking. It protects timelines and reduces coordination friction.

Most Special Step

The most special part of this project was the vision behind it: transforming raw environmental data into a public safety product that anyone can use.
Making real time flood information accessible through a clear, intuitive UI required balancing responsibility, clarity, and trust.
Designing a map driven experience that surfaces relevant warnings instantly showed how data becomes truly valuable when it is presented in a way that empowers people to act.

KWMSys: alerts, city groups and map view of the app

Explore the product

KWMSys Behance More design on Behance Screens and flows from our projects. View on Behance
Thomas Kiess
Thomas Kiess CEO 5.0
The team connected our existing cloud infrastructure to a user-friendly mobile experience without compromising quality. They translated complex data streams into actionable public warnings with care and precision. The collaboration felt professional, thoughtful, and aligned with our mission.

Other References

Every successful project leaves behind measurable results and a clear path forward.
The references below show how we work, what we deliver, and the outcomes our partners achieve with us.

Frequently Asked Questions Before Collaboration

Vitec built a mobile app for KWMSys that turns live sensor and weather data into clear, real-time flood warnings with interactive maps and notifications.

The product established a reliable new digital public-safety service delivering real-time alerts.

Vitec took end-to-end responsibility from concept and design to development and ongoing support. Mobile app with live data integration, interactive maps, and notifications.

Yes. Vitec builds a public-safety mobile app end to end for startups and established companies - from strategy and design to development and long-term support. KWMSys is one example; we can do the same for your product.
Your question is not listed? Free strategy call
Your next step is one call away. 5.0 (96) 100+ products since 2017
Free call