Zpět na portfolio
Vue.js konfigurátor & e-commerce platforma

Dresy na míru
pro celé týmy konfigurátor designů

Od návrhu webu přes vizuální styl až po konfigurátor, kde si tým vybere sport, střih, barvy, límečky, zipy, čísla i sponzory — a výrobce si celé portfolio produktů, pravidla a šablony spravuje sám v administraci. Komplexní řešení od návrhu přes konfigurátor až po samoobslužnou administraci pro výrobce.

Vue.js konfigurátor
Frontend & Backend
Vlastní CMS moduly
SVG rendering
UX/UI Design
Redesign webu
14
Sportů s vlastním konfigurátorem
1000+
Možných kombinací jednoho dresu
0
Grafiků potřeba pro návrh dresu
100 %
Online cesta od návrhu k objednávce
náhled

Vue.js konfigurátor s živým náhledem

Zákazník vybírá design, mění barvy jednotlivých částí, volí typ límce, zipy a doplňky — a okamžitě vidí výsledný náhled. Vykreslování přes SVG zaručuje ostrý obraz na jakémkoliv rozlišení.

Vue.js konfigurátor s živým náhledem

Plnohodnotný backend ve Winter CMS

Vlastní CMS moduly pro správu sportů, produktů, materiálů, designů, doplňků a cen. Klient přidá nový dres nebo doplněk během minut bez programátora — vše se okamžitě promítne do konfigurátoru.

Plnohodnotný backend ve Winter CMS

Cesta od návrhu k objednávce

Po dokončení návrhu zákazník plynule přejde k objednávce — zadá počet kusů, velikosti, jména hráčů a čísla. Žádné přepínání mezi formuláři, žádný e-mail s podklady. Vše v jednom toku.

Cesta od návrhu k objednávce
Technologie

Moderní technologický stack

Vue.js

Winter CMS

Vlastní CMS moduly

PHP

JavaScript

SVG rendering

REST API

Řešení

Od konfigurátoru po plnou kontrolu ve výrobě

Od datového modelu po dokončenou objednávku. Šest kroků, ve kterých vznikla platforma, která zákazníkovi umožní navrhnout vlastní sportovní dres bez grafika — a klientovi spravovat celý katalog z jednoho admin rozhraní.

Informační architektura & design

Navrhl jsem strukturu webu i konfigurátoru tak, aby zákazník začínal sportem a produktem a postupně doplňoval vizuální vrstvu i detaily — na jedné stránce.

Vlastní CMS moduly pro správu

Postavil jsem ve Winter CMS vlastní moduly pro správu sportů, produktů, designů, materiálů, límců, zipů a dalších doplňků. Klient si dnes přidá nový dres, materiál nebo doplněk během minut — bez programátora, bez čekání.

Vue.js konfigurátor s živým náhledem

Srdce projektu — Vue.js aplikace, ve které zákazník naklikne barvy, design, doplňky a okamžitě vidí výsledek. Reaktivní stav konfigurátoru, optimistic UI a plynulá animace mezi přechody. Žádné čekání, žádné překlikávání tam a zpět.

SVG rendering dresu

Náhled dresu se vykresluje jako SVG — zákazník vidí ostrý obraz na 4K monitoru i na mobilu, zoom funguje bez ztráty kvality a výrobní podklady jsou matematicky přesné. Změna barvy se promítne okamžitě, bez načítání.

Cesta k objednávce

Z konfigurátoru se zákazník plynule dostává do objednávky — počet kusů, velikosti, jména hráčů, čísla, fonty. Vše v jednom toku, bez přeposílání e-mailů, bez zbytečných kroků. Klient získá kompletní podklady připravené k výrobě.

Redesign webu & analytika

Kolem konfigurátoru vznikl nový web s 14 stránkami pro jednotlivé sporty, sekcí o materiálech, výrobě a referencích od reálných týmů. Webová analytika sleduje, kde zákazníci v konfigurátoru končí — a tato data slouží k další optimalizaci.

Potřebujete konfigurátor nebo složitý objednávkový tok na míru?

Pojďme probrat zadání Další reference