IoT platform

The project

Building the experience around connected technology.

The company needed a digital presence capable of explaining its IoT solutions clearly, alongside software that could connect real-world devices with users and applications.

The challenge

Connect the physical world to software.

The project went beyond a corporate website. Sensors, trackers, and controllers needed to communicate with a backend system, while users needed a way to see live information, receive alerts, and interact with connected devices.

The system

From device to dashboard.

The connected system moves information from physical devices through the communication layer and backend before exposing it through APIs and the dashboard.

1. 01

   Sensors / Trackers / Controllers

   Physical devices collecting data or receiving control instructions.

2. 02

   Wi-Fi / GSM / 4G

   Connectivity used by connected devices.

3. 03

   MQTT / HTTPS

   Communication mechanisms used between devices and software.

4. 04

   Backend / Server

   Processes incoming device information.

5. 05

   APIs

   Exposes device information and actions to the application.

6. 06

   Dashboard

   Displays live information and provides monitoring and control.

Communication

Designed for connected devices.

The system works across Wi-Fi and GSM/4G connectivity and uses MQTT and HTTPS within the communication layer, allowing connected hardware to exchange information with the backend.

Real time

Turning device data into something people can use.

The backend and API layer make information from connected devices available to the dashboard, where users can work with live readings, alerts, and device controls.

The website

A clearer way to present complex technology.

The public-facing website was built from Figma designs and combines structured content with custom navigation, responsive layouts, animations, and interactive solution showcases.

Solutions

Three products, one digital experience.

Marine Intelligence, Farm Connect, and Water Metering System each receive dedicated treatment so visitors can understand the company's different areas of IoT work.

• Marine Intelligence

  A dedicated showcase for the marine-focused IoT solution.

• Farm Connect

  A connected agriculture solution presented through the corporate experience.

• Water Metering System

  A dedicated presentation for connected water monitoring and metering.

Interaction

Adding movement where it helps.

Custom cursor effects, dropdown animations, sidebar transitions, and Swiper.js carousels add depth to the experience while keeping the underlying content clear.

Mobile

The experience works beyond the desktop.

The website uses a mobile-first implementation with a dedicated sidebar navigation and touch-friendly carousels so the same solution content remains accessible on smaller screens.

The experience

A closer look at the website.

A selection of the homepage, company story, contact, and careers pages.

Outcomes

• Responsive corporate website
• Custom desktop and mobile navigation
• Interactive IoT solution showcases
• Backend APIs for connected-device data
• Real-time device information
• Dashboard monitoring
• Device alerts
• Device control
• Multi-path device communication
• Production deployment