Webion
Case study
2025

Omnia Technologies

omnia-white-logo

Modular IoT portal to remotely monitor, diagnose, and assist the connected machines of the Omnia Technologies Group. Widget-based dashboard, global maps, data Blackbox, and managed VPN enable proactive support and secure interventions in just a few clicks.

Omnia Technologies

Details

Client

Omnia Technologies Group

Published

October 2025

A few numbers

Machines

700+

Countries

20+

Variables

1200+

Client context

Omnia Technologies is the group that transforms industrial automation into a key ally for the food, beverage, and pharmaceutical sectors. Thanks to “turnkey” solutions that range from processing to final packaging, it supports wine, dairy, beverage, and pharmaceutical companies in improving efficiency, sustainability, and quality control. In line with this vision, the group is unifying the teams of the various companies through the adoption of IXON devices, which enable secure VPN connections and advanced remote monitoring. The goal is to offer its clients a unified platform, accessible from anywhere in the world, from which they can monitor and analyze their machines in real time. A project fully consistent with Omnia Technologies’ brand identity.

Challenge

Omnia Technologies Group’s service teams had been working across multiple brands and OEMs with disconnected tools: manual VPNs, HMIs accessible only from dedicated desktops, and historical data scattered across local panels. With the adoption of IXON devices for VPN and monitoring, Omnia Technologies is unifying teams across its companies and offering customers a single, secure, mobile-ready web platform—accessible from anywhere—to centralize monitoring, control, and collaboration, analyze machine data, and maintain brand consistency through a carefully crafted design.

flow

Developed solution

We created Smart Operations Hub as an easy-to-use app. After logging in, technicians find dashboards that automatically adapt to computers and smartphones. Each section clearly displays the most useful information — such as VPN connection, HMI controls, machine logs, and summary data — always maintaining the set filters.

The Agents section combines a global map and a filterable list: you can search for a machine by name, see if it is online or offline, and locate it immediately on the map, with the possibility to open its full profile. Each machine has an advanced Blackbox that allows you to choose which data to display, create custom graphs, zoom in or overlay values, and download everything in just a few clicks. Logs are updated automatically every minute and the interface works well even on mobile.

For remote support, the VPN tab communicates in real time with the Omnia Technologies service, shows the latest updates, and manages downloads for all operating systems. HMI access, on the other hand, allows machines to be controlled remotely directly in the browser, even from a smartphone, with integrated zoom and virtual keyboard.

full

Main features

  • Agents view unifies infinite scroll, AND/OR logic filters, and a map with custom clustered markers.
  • Widget-based dashboard with configurable components: VPN, HMI (HTTP/VNC), Blackbox, agent info, static values, real-time updated line charts and sparklines.
  • Data Blackbox with “pen” management, source comparison, CSV/SVG export, selective zoom, and confirmation editor for line change events.
  • End-to-end VPN management: WebSocket status, connect/disconnect, OS-specific client downloads, and integrated release notes.
  • HMI access via embedded VNC with draggable keyboard, progressive zoom, auto-scale, and fallback alerts.
  • Operational logs with search, auto-refresh, and dedicated mobile view; machine descriptions editable in-place with server-side saving.

Development process

The project was developed in a Turborepo monorepo: shared UI libraries, typed API clients, and configs reduce duplication. We iterated by vertical slice, starting with secure authentication (OTP, SSO), moving to dashboard layout and maps, and finally integrating remote services (VPN, HMI) and analytics. React Query manages caching and polling. The final optimization focused on custom Material UI theming, animated dot-grid for branding, internationalization with next-intl, and performance on mobile devices.

process

Added value

For customers: unified view of system status, historical Blackbox diagnostics, and real-time remote support through a single interface also accessible from tablets.
For the internal team: centralized management of VPNs, HMI servers, branding, and permissions, plus quick sharing of machine context thanks to persistent filters and automatic exports.
For the business: modular platform ready to integrate new OEM widgets, reduced intervention times, and a scalable technological foundation for future cross-brand data analysis.

blackbox

Used technologies

  • Frontend: Next.js 15 (App Router), React 19, Material UI 6, React Grid Layout, Recharts, TanStack Query, nuqs.
  • Backend: C#, InfluxDB, .NET core, asp.net, entity framework
  • Integrations: REST API client, Google Maps, VPN WebSocket, guacamole-common-js for VNC.
  • Tooling: Turborepo + PNPM, SOPS exec-env, html-to-image for export, Motion/GSAP for animations, Next-Intl for localization.