Client
Utvonalterv.hu
Az Utvonalterv.hu Magyarország első útvonaltervező platformja, amelyet a mindennapi ingázók és a professzionális logisztikai csapatok kiszolgálására terveztek. A platform minden közlekedési módot lefed, a zökkenőmentes napi navigációt a hatékony B2B képességekkel ötvözi – lehetővé téve a logisztikai csapatok számára, hogy több megállós szállításokat tervezzenek, optimalizálják a kiszállítási köröket és csökkentsék a működési költségeket, mindezt egyetlen, Magyarország-specifikus eszközön belül.
Az Utvonalterv.hu már jóval azelőtt hűséges felhasználói bázisra tett szert, hogy a globális navigációs óriások piacra léptek volna bizonyítva, hogy milyen jól szolgálta a helyi igényeket. Az évekig tartó folyamatos használat azonban vizuálisan és technikailag is elmaradt a modern elvárásoktól. A fő kihívás egy klasszikus szoftverfejlesztési probléma volt: hogyan lehet modernizálni egy régi alkalmazást anélkül, hogy elidegenítenénk azokat a felhasználókat, akik évekig támaszkodtak rá, miközben a harmadik féltől származó térkép-, számlázási és fizetési API-kat egy koherens, skálázható architektúrába integráljuk.
A Civitta négy átgondolt fázisban közelítette meg az újratervezést, mindegyik az előzőre építve, hogy olyan terméket alkosson, amely újszerűnek hat anélkül, hogy elveszítené azt, ami ismerőssé tette.
A folyamat vizuális frissítéssel kezdődött – új színek, tipográfia és ikonográfia, amelyek a felületet összhangba hozták a kortárs tervezési irányelvekkel.
A reszponzív dizájnt nem egy „jó, ha van” elvként, hanem funkcionális követelményként kezeltük. Az alapvető munkafolyamatokat megőriztük, miközben az elrendezést átterveztük, hogy kecsesen rendeződjön a képernyőméretek között – közvetlenül támogatva a platform célját, hogy a mozgásban lévő felhasználókat szolgálja ki.
A legjelentősebb fázis a termék struktúrájának alapvető újragondolását jelentette. A munkafolyamat lépéseit konszolidáltuk, új funkciókat vezettünk be, és egy külön területet hoztunk létre a professzionális felhasználók számára, akik komplex logisztikai kihívásokat kezelik. A technikai oldalon a frontendet React, TypeScript és shadcn/ui segítségével építettük újra, míg a backendet Nest.js és Prisma segítségével fejlesztettük újra. A térképek, számlázás és fizetések harmadik féltől származó integrációit végig összekapcsoltuk. A négy fejlesztőből álló Scrum csapatot, egy Scrum Master vezette: egy személyben terméktulajdonosként dolgozott az ügyféllel, biztosítva az agilis szállítást és folyamatos kommunikációt.
Egy teljes design systemet alakítottunk ki – kodifikálva a színeket, tipográfiát, térközöket és felhasználói felület komponenseire vonatkozó szabályokat- ezzel biztosítva a vizuális koherenciát minden kapcsolódási ponton, és felgyorsítva a jövőbeni tervezési és fejlesztési munkát.
A Civitta egy teljesen modernizált útvonaltervező platformot szállított webes és mobil weben keresztül, amely mind az egyéni felhasználókat, mind a professzionális logisztikai csapatokat kiszolgálta. Az újratervezés során megőriztük a hűséges felhasználók számára fontos értékeket, miközben a végeredmény megfelel a szélesebb, magyasabb igényű közönség elvárásainak. A strukturált design system bevezetése lefektette az alapokat az eredeti megbízáson is túlmutató következetes, hatékony termékfejlesztéshez.
1. A modernizáció szakaszos stratégiát igényel, nem teljes körű cserét: A munka ütemezésével – frissítés, adaptáció, átdolgozás, finomítás – a csapat gondosan kezelte a kockázatokat, fokozatosan vezetve be a változtatásokat, ahelyett, hogy megzavarta volna a felhasználók által már amúgy is igénybe vett terméket.
2. A B2B és a B2C egyetlen termékben való kiszolgálása egyértelmű funkcióelkülönítést igényel: A mindennapi ingázók és a professzionális logisztikai csapatok egyetlen platformon belüli kiszolgálása külön tereket és folyamatokat igényelt minden közönség számára, biztosítva, hogy egyik használati eset sem gyengítse a másikat.
3. A design system mint hosszú távú befektetés: A projekt során létrehozott design system nem csupán egy eszköz a konzisztencia elérésére: ez az az alap, amely minden jövőbeli iterációt gyorsabbá, olcsóbbá és koherensebbé tesz.
