Back
Platforma danych pojazdów, która łączy telematykę flot transportu drogowego za jednym API
Cel projektu
Zbudować dla CO3 szybką stronę marketingową, którą zespół może samodzielnie aktualizować, oraz katalog ponad 500 przewodników integracji, który aktualizuje się automatycznie.
Zakres prac
Projektowanie UI/UX
Development
Integracja API
Czas trwania
Kwiecień-czerwiec 2025
Technologie
Payload CMS
Next.js
Klient
CO3
Platforma danych dla transportu drogowego i strona, która ją prezentuje
CO3 to platforma danych pojazdów dla transportu drogowego. Zbiera telematykę całej floty i jej podwykonawców w jeden zagregowany strumień, dzięki czemu operator otrzymuje GPS, ETA, paliwo, temperaturę i dane CO2 przez jedno API zamiast tuzina oddzielnych portali dostawców. Działa na ponad 500 integracjach w 35 krajach i obejmuje większość europejskich flot. Zbudowaliśmy stronę marketingową CO3 - publiczną twarz tego wszystkiego. Projekt trafił do nas od innej agencji. Przejęliśmy go, sporo poprawiliśmy, narysowaliśmy brakujące widoki i zbudowaliśmy całość na naszym standardowym stosie technologicznym: Payload CMS z frontendem Next.js.
Przejęcie projektu innej agencji i popchnięcie go dalej
Przejęcie cudzego projektu to specyficzna praca. Przejrzeliśmy istniejące makiety, dopracowaliśmy to, co nie do końca się broniło, i przeprojektowaliśmy elementy wymagające poprawek, a następnie zaprojektowaliśmy widoki, których projektowi jeszcze brakowało. Celem była spójna strona, a nie projekt z widocznymi szwami po przekazaniu.
Zbudowany na Payload CMS, więc zespół marketingowy może łatwo zarządzać treścią
CO3 działa szybko, więc jego strona musi nadążać. Zbudowaliśmy ją na Payload CMS, który oddaje zarządzanie treścią zespołowi marketingowemu. Dodają i aktualizują strony, publikują na popularnym blogu "Freight Insights", edytują FAQ i prowadzą całą stronę bez udziału programisty. Dla firmy w szybko zmieniającej się branży ta niezależność to różnica między stroną, która pozostaje aktualna, a stroną, która powoli traci na wartości.
Next.js dla strony tak szybkiej jak obiecuje produkt
Platforma sprzedająca dane w czasie rzeczywistym nie może mieć powolnej strony. Frontend to Next.js, dostrojony pod kątem szybkości handlerem cache Redis i optymalizacją obrazów przez Cloudflare, więc strony ładują się szybko niezależnie od tego, skąd jest odwiedzający. Takiej wydajności należy oczekiwać od strony firmy, która sprzedaje dane.
Ponad 500 przewodników integracji aktualizowanych automatycznie
Najciekawsza część znajduje się w sekcji integracji. CO3 obsługuje ponad 500 systemów telematycznych, producentów ciężarówek i naczep. Każdy z nich potrzebuje własnego przewodnika. Zamiast ręcznie utrzymywać 500 stron, pobieramy instrukcje bezpośrednio z serwisu CO3, przetwarzamy je i generujemy strony w Next.js. Dodanie integracji po stronie CO3 automatycznie publikuje jej aktualny przewodnik, bez ingerencji w CMS.
Design system i kompletny zestaw komponentów
Nad spójnością layoutów czuwa design system i kompletny zestaw komponentów, które zbudowaliśmy specjalnie dla tego serwisu, od nawigacji i stopki przez akordeony, zakładki, slidery po bloki rich-text. Dzięki niemu każda strona jest spójna, a kolejną da się złożyć szybko - to ma znaczenie w serwisie, który ciągle rośnie.
Efekt
CO3 otrzymało szybką stronę marketingową nadążającą za produktem. Strona uruchomiona na PayloadCMS i Next.js daje CO3 publiczną obecność, którą własny zespół może utrzymywać na co dzień, oraz katalog ponad 500 przewodników po integracjach, który aktualizuje się sam. To dokładnie taki rodzaj wdrożenia marketingowego, w którym jesteśmy najlepsi.
Odwiedź co3.ioPowiązane projekty:
Porozmawiajmy o Twoim projekcie!
Opowiedz nam o swoim projekcie. Pomożemy zaplanować architekturę, zakres i realizację.
