Zpět na projekty
20268 týdnůDesign & Vývoj

Vexxwatch Ateliér

Prémiový e-shop pro zakázkové hodinky

Zadání

Vexxwatch potřeboval víc než e-shop. Chtěl prostor, který zákazníkovi dá pocítit kvalitu materiálů a preciznost zpracování ještě před tím, než hodinky uvidí naživo. Celý web jsem stavěl od nuly — od prvních wireframů po deployment.

Rozsah práce
01Návrh informační architektury
02UI/UX design
03Frontend vývoj (Next.js + TypeScript)
04Produktový katalog s filtrací
05Vícejazyčnost (CZ/EN)
06Registrace, přihlášení, košík
07SEO optimalizace a nasazení
Postup

Jak projekt probíhal od prvního hovoru po spuštění.

DiscoveryTýden 1–2

Analýza konkurence v segmentu luxusních hodinek. Mapování cesty zákazníka od prvního zájmu po finální objednávku. Definice klíčových stránek a conversion pointů.

DesignTýden 2–4

Čistý, světlý design jako základ — dává vyniknout jemným detailům a leštěné oceli hodinek. Každý produktový detail dostal vlastní mikro-layout s velkorysým prostorem. Design procházel několika koly zpětné vazby.

VývojTýden 4–7

Next.js s App Routerem. GSAP pro scroll-driven animace produktových sekcí. Plynulé nakupování a Stripe integrace pro platby.

LaunchTýden 7–8

Nasazení na Vercel s edge runtime. Lighthouse audit, opravy přístupnosti, finální SEO check. Sledování prvních konverzí a A/B testování hero sekce.

Klíčová rozhodnutí

Za každým projektem stojí desítky rozhodnutí. Tady jsou ty, které formovaly výsledek.

Proč světlý design místo tradičního tmavého?

Zatímco mnoho luxusních značek volí tmavé prostředí, světlý design působí čistěji, moderněji a přístupněji. Pomáhá lépe vyniknout reálným barvám ciferníků a dává webu vzdušnost, což u prémiovek buduje důvěru.

Proč Next.js místo Shopify?

Shopify by omezil kreativní kontrolu nad UI. Zákazník chtěl plynulé animace a unikátní nákupní proces, které by v Liquid šablonách nebyly jednoduše možné. Next.js dal plnou kontrolu nad výkonem i UX.

Výsledky
98/100
Lighthouse Performance
<1.2s
Largest Contentful Paint
0
Layout Shift (CLS)
100%
SEO Score
Tech Stack

Každá technologie byla zvolena z konkrétního důvodu, ne proto, že je populární.

Next.js

SSR + ISR pro rychlé načítání a SEO

TypeScript

Bezpečnost typů napříč celým projektem

Tailwind CSS

Utility-first styling pro konzistentní design

GSAP

Scroll-driven animace produktových sekcí

Framer Motion

Mikro-interakce a page transitions

Vercel

Edge deployment a preview deploys

Co jsem si odnesl

“Tento projekt mi potvrdil, že u prémiových produktů hraje roli každý pixel. Zákazníci Vexxwatch tráví na webu 3× déle než průměr v oboru — a to ne proto, že se nemůžou najít, ale proto, že si prohlížení užívají.”

Máte podobný projekt?

Ozvěte se a probereme, co pro vás můžu udělat.

Nezávazná konzultace
Vexx. Web Development
© 2026 Vexx.Ochrana soukromí