PŘÍPADOVÁ STUDIE

do3ry®motorsport

Kompletní redesign webu + e-shopu s novou administrací

Next.js 16React 19SupabaseTailwindCSS 4E-shopCMS
do3ry s.r.o.
Praha 9 – Libeň
Profesionální úpravce automobilů
REDESIGN · E-SHOP · CMS · BLOG · REZERVACE · PORTFOLIO · SEO · E-MAILY · REDESIGN · E-SHOP · CMS · BLOG · REZERVACE · PORTFOLIO · SEO · E-MAILY ·REDESIGN · E-SHOP · CMS · BLOG · REZERVACE · PORTFOLIO · SEO · E-MAILY · REDESIGN · E-SHOP · CMS · BLOG · REZERVACE · PORTFOLIO · SEO · E-MAILY ·

O KLIENTOVI

do3ry®motorsport (do3ry s.r.o.) je profesionální autoservis a tuningové studio se sídlem v Praze 9 – Libni. Firma se specializuje na zakázkovou výrobu nerezových výfukových systémů, zvýšení výkonu (chiptuning, turbo úpravy), stavbu a repasování motorů, komplexní autoservis, pneuservis a 3D geometrii, svařování hliníku, nerezu a titanu (TIG).

S komunitou přes 145 000 sledujících na sociálních sítích je do3ry jedním z nejznámějších tuningových studií v ČR.

34 700+Instagram
54 000+Facebook
42 100+TikTok
14 100+YouTube

VÝCHOZÍ STAV — STARÝ WEB

Starý web (do3ry.cz) trpěl řadou zásadních problémů, které bránily firmě v online prezentaci a získávání zakázek.

KRITICKÉ

500 Server Error

Stránka „O nás" vracela 500 Internal Server Error — návštěvník viděl jen technickou chybovou stránku.

KRITICKÉ

25 000+ px homepage

Extrémně dlouhá úvodní stránka – obsah se neustále opakoval ve stejném formátu, žádná vizuální hierarchie.

KRITICKÉ

Chaotické služby

Sekce „Co všechno dokážeme" – neformátovaný blok textu se žlutými odkazy, na mobilu neklikatelné.

Design z roku 2015

Plochý layout, kruhové CTA, žádné animace, hover efekty ani moderní vizuální prvky.

KRITICKÉ

Nulová mobilní optimalizace

Web nebyl prakticky vůbec optimalizovaný pro mobily — rozpadlý layout, nečitelné texty, neklikatelné prvky.

Bez rezervací

Neexistoval online rezervační systém — klient musel volat nebo psát.

VIZUÁLNÍ SROVNÁNÍ

Přepínejte mezi záložkami PŘED a PO a podívejte se, jak dramatická je vizuální proměna.

Homepage — Hero sekce

Nový web do3ry — homepage
Starý web do3ry — homepage
PŘEDPO
Starý web do3ry — homepage
Nový web do3ry — homepage

Pneuservis

Nový web — pneuservis
Starý web — pneuservis
PŘEDPO
Starý web — pneuservis
Nový web — pneuservis

E-shop

Nový web — 40+ produktů s filtry a vyhledáváním
Starý web — 3 produkty v eshopu
PŘEDPO
Starý web — 3 produkty v eshopu
Nový web — 40+ produktů s filtry a vyhledáváním

Kontaktní stránka

Nový web — profesionální dvousloupcový layout
Starý web — žlutý blokový kontaktní formulář
PŘEDPO
Starý web — žlutý blokový kontaktní formulář
Nový web — profesionální dvousloupcový layout

CO JSME VYTVOŘILI

Nový web je postaven od základů jako moderní webová aplikace. Obsahuje 25+ stránek, kompletní e-shop, administrační panel, blog, rezervační systém a e-mailový systém.

15+ veřejných stránek

Homepage, kontakt, o nás, e-shop, realizace, blog, GDPR, VOP, 404 a další.

12+ servisních stránek

Každá služba má hero, ceník, FAQ, galerii, CTA a cross-sell sekci.

Kompletní e-shop

40+ produktů, filtrace, varianty, košík, pokladna, platba kartou (GoPay).

Online rezervace

Vizuální kalendář s 30min sloty, výběr služby, okamžité notifikace.

Blog / CMS

TipTap WYSIWYG editor, kategorie, tagy, SEO metadata, odhadovaná doba čtení.

6 e-mailových šablon

Brandované HTML e-maily: objednávky, rezervace, kontakt a expedice.

Live notifikace

Real-time upozornění na nové objednávky a rezervace, polling každých 10s.

Admin panel

Dashboard, správa produktů, objednávek, blogu, realizací, rezervací a nastavení.

PODROBNÉ SROVNÁNÍ

Design & Vizuální identita

Styl
Plochý, zastaralý (2010–2015)
Moderní dark mode, glassmorphism
Font
Standardní, bez systému
Space Grotesk — konzistentní typografie
Animace
Žádné
8+ typů (fade, slide, float, shimmer…)
CTA tlačítka
Kruhová, bez efektů
Moderní s hover animacemi a gradienty
Ikony
Žádné
Material Icons — 200+ ikon
404 stránka
Generická
Brandovaná s navigací a CTA

Navigace & UX

Menu
Jednoduchý řádek odkazů
Sticky navbar s dropdown, kategorizace
Breadcrumbs
Žádné
Drobečková navigace na podstránkách
Homepage
25 000+ px výška
Max 4 000 px — strukturované sekce
Mobil
Prakticky bez optimalizace
Plně responzivní, mobile-first přístup
Mobilní navigace
Rozpadlé menu, neklikatelné
Responzivní hamburger s animací

E-shop

Design
Základní vzhled bez responzivity
Moderní design, plně responzivní
Správa
Bez skladového systému
Skladový systém s podrobnými statistikami
Mobilní zobrazení
Rozpadlý layout na mobilu
Optimalizované pro všechna zařízení
Fotky produktů
Neoptimalizované velikosti
Automatická optimalizace, lazy loading
Rychlost
Pomalé načítání
Bleskové načítání s CDN a cachingem

SEO & Technické

URL struktura
project/?url=1
Čisté SEO URL
Meta tagy
Minimální / chybějící
Title + description + OG na každé stránce
JSON-LD
Chybí
AutoRepair + LocalBusiness schema
Sitemap
Chybí
Automaticky generovaný
LLM optimalizace
Žádná
Optimalizace pro AI vyhledávače
Framework
PHP / custom
Next.js 16 + React 19 + TypeScript

Výkon & Mobilní optimalizace

Mobilní layout
Prakticky nepoužitelný
Plně responzivní, mobile-first
Rychlost
Pomalé načítání, neoptimalizované
Lighthouse 90+ skóre
Obrázky
Neoptimalizované velikosti
Automatická komprese, WebP, lazy loading
Google Mapy
Žádná integrace
Napojení na Google Maps s navigací
CDN
Žádné
Vercel Edge Network — globální CDN

TECHNOLOGICKÝ STACK

Next.js 16App Router
React 19React Compiler
TypeScript 5Type-safe
SupabasePostgreSQL + Storage
Drizzle ORMSchema + migrace
TailwindCSS 4Design systém
TipTapWYSIWYG editor
VercelServerless + CDN

VÝSLEDKY V ČÍSLECH

12+Servisních stránek+140% oproti starému webu
40+Produktů v e-shopu+1 200%
24+FAQ odpovědínové
20+API endpointůnové
14DB tabulek
6E-mailových šablonnové
−84%Délka homepagez 25 000+ na ~4 000 px
0Chyb 500opraveno

NOVÉ FUNKCE

Funkce, které starý web vůbec neměl a které jsme vytvořili zcela od nuly.

01

Online rezervační systém

Vizuální český kalendář s 30min sloty, výběr služby, datum a čas. Admin dostane okamžité upozornění.

02

Blog / CMS

TipTap WYSIWYG editor, podpora kategorií, tagů, galerií a SEO metadata. Odhad doby čtení.

03

Správa realizací / Portfolio

Dynamický systém s kategorizací, galerií, tagy a informacemi o vozidle. Automatický slider na homepage.

04

Integrace Google Maps

Napojení na Google Maps s navigací k provozovně, interaktivní mapa na kontaktní stránce.

05

Skladový systém s analytickými statistikami

Podrobné statistiky prodejů, skladových zásob a objednávek. Přehled tržeb, nejprodávanějších produktů a trendů.

06

Brandovaný e-mailový systém

6 typů automatických e-mailů s HTML šablonami — od potvrzení objednávky po expedici zásilky.

07

Kompletní admin panel

Dashboard, správa produktů s drag & drop galerií, workflow objednávek, blog editor, rezervace.

08

GDPR Cookie Consent

Moderní 3-kategoriový systém (Nutné / Analytické / Marketingové) s localStorage persistence.

Nový web posouvá do3ry®motorsport na úroveň profesionálního tuningového studia s celorepublikovým dosahem.

Z úrovně „lokální autodílna s webem z roku 2015" na úroveň odpovídající komunitě 145 000+ sledujících na sociálních sítích.

POTŘEBUJETE PODOBNOU PROMĚNU?

Ať už jde o kompletní redesign, nový e-shop, nebo webovou aplikaci na míru — rádi si poslechneme vaše potřeby a navrhneme řešení.

NEZÁVAZNÁ KONZULTACE