← wszystkie realizacje

Mobile Monitoring: marka, strona i kokpit danych portu

klient
Mobile Monitoring Sp. z o.o.
rok
2024-2025
zakres
Marka / Strona / Dashboard React

Spółka z Gdańska miała technologię monitoringu jakości wody i zero spójnej marki. Zbudowaliśmy identyfikację, dwujęzyczną stronę i dashboard React, który zamienia strumień pomiarów w obraz zrozumiały dla urzędu i dla klienta.

materiały

Boja pomiarowa z modulem czujnikow nad mapa Zatoki Gdanskiej.
Boja pomiarowa z modulem czujnikow nad mapa Zatoki Gdanskiej.
System: autonomiczne boje, drony wodne i inspekcja UAV oraz kokpit danych portu.
System: autonomiczne boje, drony wodne i inspekcja UAV oraz kokpit danych portu.
Render produktowy: obudowa boi i modul WATERSCAN z brandingiem Mobile Monitoring.
Render produktowy: obudowa boi i modul WATERSCAN z brandingiem Mobile Monitoring.
Rozstrzelony model CAD: panele solarne, rama czujnikow, plywak i mocowanie (Shapr3D).
Rozstrzelony model CAD: panele solarne, rama czujnikow, plywak i mocowanie (Shapr3D).
Dashboard React: mapa Mapbox portu Gdansk, warstwy jakosci wody i powietrza, podglad kamer.
Dashboard React: mapa Mapbox portu Gdansk, warstwy jakosci wody i powietrza, podglad kamer.
Boja w terenie: jednostka pomiarowa na otwartej wodzie.
Boja w terenie: jednostka pomiarowa na otwartej wodzie.
Pomarańczowy dron wodny pływający w basenie portowym podczas testów, w tle łodzie i statki.
Pomarańczowy dron wodny pływający w basenie portowym podczas testów, w tle łodzie i statki.
Dron wodny WATER SCAN na nabrzeżu, widoczny moduł elektroniki i oznakowanie Mobile Monitoring.
Dron wodny WATER SCAN na nabrzeżu, widoczny moduł elektroniki i oznakowanie Mobile Monitoring.
Identyfikacja wizualna: paleta kolorów, logo i krój pisma Bai Jamjuree.
Identyfikacja wizualna: paleta kolorów, logo i krój pisma Bai Jamjuree.

problem

Boje, drony wodne i kamery AI produkowały dane, których nie dało się nikomu pokazać. Do tego firma sprzedawała rozwiązanie dla portów, nie mając ani spójnej identyfikacji, ani strony po angielsku, mimo że rozmawiała z klientami spoza Polski.

proces

  1. 01Identyfikacja wizualna: logotyp z falą, paleta oparta na pomarańczu ff6633 z granatem i grafitem, typografia Bai Jamjuree, elementy graficzne i brandbook.
  2. 02Strona w Framerze z przebudowaną od zera podstroną kamer AI.
  3. 03Wersja angielska strony, bo rozmowy handlowe wychodziły poza Polskę.
  4. 04Dashboard React do monitoringu portu Gdańsk: mapa Mapbox z warstwami jakości wody, powietrza, hałasu i wiatru, podgląd kamer, oś czasu i legenda stanu od bardzo dobrego do bardzo złego.

efekt

Marka, dwujęzyczna strona i działający kokpit danych portu. Cyfrowa warstwa systemu, którego sprzęt projektowaliśmy równolegle, co jest najmocniejszym dowodem na to, że jedno i drugie da się wziąć od jednego wykonawcy.

dane

Zakres
marka + strona + dashboard
Dashboard
React + Mapbox
Strona
Framer, polski i angielski
Typografia
Bai Jamjuree

Warstwa sprzętowa, czyli wodoodporna obudowa boi pomiarowej i mocowanie pod dron wodny, jest opisana po stronie inżynieryjnej.

napisz

kontakt

maciej@instant-engineering.com

+48 694 024 600

Opole

pn-pt 9:00-17:00