Typ projektu
Business WebsiteSystems
Případová studie
MV AUTA
Veřejná nabídka vozů propojená s interní prací.
Web neměl pouze zobrazovat nabídku. Potřeboval zachytit zájem zákazníka a vytvořit použitelný přechod k dalšímu zpracování uvnitř firmy.
- Veřejný web
- Poptávky
- Správa vozidel
- Interní workflow
Projekt v kostce
Stav
Živý projekt
Co bylo vytvořeno
Veřejná nabídka vozidelPoptávkové formulářeInterní správa
Moje role
Analýza a návrhUX/UI a vývojSpuštění
Rozsah systému
Správa vozidel a obsahuPoptávky a kontaktyPracovní stavy
Kontext projektu
Problém nebyl nový web. Problém byl přerušený proces.
MV AUTA pracuje s nabídkou ojetých vozů, výkupem a souvisejícími službami. Veřejná část proto musela představit konkrétní nabídku a dát zákazníkovi jasnou cestu ke kontaktu.
Samotný nový web by ale nevyřešil další práci. Bylo potřeba zachovat vazbu na vybraný vůz, nepřepisovat kontakt ručně a spravovat vozidla, poptávky, stavy i obsah v navazujícím systému.
Tři klíčová rozhodnutí
Zachovat kontext
Kontakt zůstává spojený s nabídkou, ze které zákazník přišel.
Tým hned ví, čeho se zájem týká, a nemusí informace znovu dohledávat.Propojit veřejnou a interní část
Poptávka přechází z veřejného webu přímo do interní evidence.
Veřejná akce a další práce týmu používají stejné informace.Správa pod jednou střechou
Poptávky, vozidla, stavy a související data jsou v jednom systému.
Tým nemusí skládat pracovní kontext z několika oddělených míst.Jak systém funguje
Showroom na jedné straně. Control room na druhé. Jeden systém uprostřed.
Jeden záznam vozu
SklademAudi Q7
4.2 TDI quattro
- Rok výroby
- 2015
- Nájezd
- 202 300 km
- Cena
- 449 900 Kč
- Lokace
- Showroom MV Auta
Vybraný vůz
Zákazník prochází veřejnou nabídku a vybírá konkrétní vůz nebo službu.
Kontaktní akce
Formulář zachovává kontext zájmu i preferovaný způsob spojení.
Interní záznam
Poptávka vstupuje do interní evidence se souvisejícími informacemi.
Stav poptávky
Tým vidí preferovaný kontakt a mění stav podle průběhu zpracování.
Další akce
Práce pokračuje bez opakovaného přepisování a dohledávání kontextu.
Systém v každodenní práci
Jeden velký viewport. Tři reálné pracovní situace.
Rozhraní zůstává čitelné v kontextu celého procesu, ne jako série malých náhledů.
Jeden systémKlientská poptávka
Kontaktní formulář navazuje na konkrétní vůz a předává týmu informace potřebné pro další reakci.
- Vybraný vůz zůstává součástí poptávky.
- Zákazník volí preferovaný způsob spojení.
Práce s vozem
Tým vidí kontakt, související vůz, zprávu i stav v jednom pracovním přehledu.
- Preferovaný kontakt je vidět přímo v záznamu.
- Oranžová ikona označuje způsob spojení, který vybral klient.
- Stav poptávky lze měnit během dalšího zpracování.
Správa skladu
Interní přehled spojuje správu vozidel, jejich informací, fotografií a stavu nabídky.
- Vozidla, informace a fotografie jsou spravované na jednom místě.
- Stav vozidla je čitelný přímo v přehledu.
Produktová a technická složitost
Co bylo potřeba vyřešit
Složitost projektu nebyla v počtu obrazovek. Byla v tom, aby stejný kontext fungoval pro zákazníka, interní evidenci i správu nabídky.
Kontext bez ztráty
Poptávka musela zachovat vazbu na vybraný vůz nebo službu a současně zůstat srozumitelná pro zákazníka.
Plynulý přechod
Po odeslání bylo potřeba vidět preferovaný kontakt, související informace a stav dalšího zpracování.
Jednotná správa
Vozidla, informace, fotografie a navazující obsah musely zůstat spravovatelné v jednom pracovním prostředí.
Přímá odpovědnost
Projekt jsem vedl od návrhu produktu po implementaci.
Projekt jsem dodal samostatně od analýzy, informační architektury a UX/UI přes vývoj až po spuštění a klientskou dokumentaci.
Navrhl jsem
- Analýzu zadání a návrh řešení
- Informační architekturu a UX
- Vizuální rozhraní veřejné i interní části
Realizoval jsem
- Frontend, backend a databázi
- Administraci, formuláře a e-mailová upozornění
- CZ/EN verze, analytické a SEO nastavení a klientskou dokumentaci
Technická vrstva
Technologie a schopnosti
React + TypeScript
Interaktivní frontend katalogu, detailů vozů a uživatelských cest.
PHP API
Serverová logika pro vozy, poptávky, výkup a správu obsahu.
MySQL
Databáze vozidel, nastavení a provozních dat aplikace.
Vlastní administrace
React/PHP rozhraní pro správu dat a obsahu aplikace.
Technické SEO
Dynamické canonical a OG tagy, sitemap a social preview.
Microsoft Clarity
Analytika chování návštěvníků řízená souhlasem s cookies.
Klient vlastní projektové účty a obsah. Pozdější změny projektu na straně klienta nejsou v této případové studii posuzovány.
Shrnutí projektu
Jeden vůz.Jeden záznam.Jeden systém.
Veřejná nabídka vozů pokračuje do interní práce s kontakty, stavy a obsahem.
- Nabídka vozu
Veřejná nabídka konkrétního vozu.
- Poptávka
Zájem zákazníka zůstává v kontextu.
- Interní provoz
Tým pokračuje v jednom interním záznamu.
Řešíte podobnou situaci?
Projekt nemusí začít hotovým zadáním. Nejprve společně určíme, co má systém skutečně vyřešit.