Zpět na portfolio

Direct Auto

Na implementaci Shopify části e-shopu Direct Auto jsem spolupracoval s vývojářským týmem klienta a aktuálně se podílím na jeho technické správě a dalším rozvoji. Projekt je postaven na robustní architektuře, která svým rozsahem i komplexitou výrazně přesahuje běžné standardy řešení na Shopify.

Náhled e-shopu Direct Auto
Tech Support Spolupráce na architektuře Škálování Vlastní filtrace Práce s vývojářským týmem klienta Vue.js implementace Pixel perfect UI

Přehled

Direct Auto je součástí pojišťovny Direct, která rozšířila své služby o prodej a servis automobilů. Na implementaci Shopify části e-shopu jsem spolupracoval s vývojářským týmem klienta a aktuálně se podílím na jeho technické správě a dalším rozvoji.

Projekt je postaven na robustní architektuře, která svým rozsahem i komplexitou výrazně přesahuje běžné standardy řešení na Shopify.

Výzva

Automotive e-commerce přináší specifické výzvy, které běžné e-shopové řešení nezvládne. Hlavní technické výzvy projektu:

  • Komplexní filtrace vozidel s mnoha parametry
  • Integrace s externím backend týmem
  • Škálovatelnost pro rostoucí inventář
  • Překonání limitů Shopify pro automotive segment

Řešení

Hybridní architektura kombinující sílu Shopify s custom backend řešením.

Vlastní filtrace vozidel

Implementace pokročilého filtrovacího systému pomocí Vue.js, který umožňuje zákazníkům rychle najít požadované vozidlo dle desítek parametrů.

Spolupráce na architektuře

Na návrhu a realizaci architektury jsem spolupracoval s vývojářským týmem klienta. Z mé strany šlo zejména o Shopify frontend a jeho napojení na backend pro správu dat o vozidlech.

Vue.js implementace

Dynamické komponenty postavené na Vue.js pro interaktivní uživatelské rozhraní s rychlou odezvou.

Pixel-perfect UI

Precizní implementace designu z Figma návrhů s důrazem na konzistentní brand identity Direct.

Výsledky

100+

parametrů filtrace

Vue.js

interaktivní komponenty

API

integrace s backendem

Použité technologie

Shopify Vue.js Liquid REST API JavaScript Figma Custom Backend

Máte podobný projekt?

Uveďte ideálně odkaz na e-shop, cíl projektu, očekávaný termín a dostupné zadání nebo Figma návrh. Pokud bude spolupráce dávat smysl, domluvíme si úvodní konzultaci.

Probrat Shopify projekt