Redesign / stavební firma / 2026

Pro DriveStone a.s. vznikl kompletní redesign webu: z jednoduché jednostránkové vizitky moderní multipage firemní prezentace. Next.js, Tailwind a Framer Motion drží vizuální identitu firmy (tmavý povrch, oranžový accent) napříč službami, realizacemi, půjčovnou strojů i SEO vrstvou připravenou na lidi i AI vyhledávače. Live na drivestone.cz.

Logo

Značka na brandových plochách

Stávající logotyp DriveStone na tmavém surface, soft sand i brand orange — podpora identity napříč digitálem bez rebrandingu.

Barevnost

Firemní barvy

Digitál i tisk sdílí stejné hodnoty včetně HEX, RGB a CMYK — konzistentní paleta napříč všemi výstupy značky.

drive_orange

Drive Orange

HEX: #F99B1C
RGB: 249 / 155 / 28
CMYK: 0 / 44 / 92 / 2

deep_surface

Deep Surface

HEX: #151212
RGB: 21 / 18 / 18
CMYK: 0 / 14 / 14 / 92

soft_sand

Soft Sand

HEX: #F3EFE9
RGB: 243 / 239 / 233
CMYK: 4 / 4 / 6 / 0

elevated

Elevated

HEX: #2A2424
RGB: 42 / 36 / 36
CMYK: 0 / 14 / 14 / 84

Identita

Brand napříč kanály

DriveStone — realizace obchvat Běchovice

DriveStone — realizace obchvat Běchovice, nakládání

O klientovi

DriveStone a.s.

DriveStone a.s. je česká stavební společnost (od 2008) zaměřená na generální dodávky pozemních staveb, zpevněné plochy a komunikace, rekonstrukce a demolice, sanace a 3D nivelaci. Paralelně provozuje půjčovnu stavební mechanizace. Potřebovali digitál, který působí stejně důvěryhodně jako jejich stavby — ne další „vizitku“ bez hloubky.

Cíl

Cílem byl skok od jednoduché landing page k profesionálnímu firemnímu webu: vícestránková architektura, silná vizuální prezentace stávající identity, katalog služeb a 18 případových studií, online rezervace půjčovny a technické SEO včetně strukturovaných dat, měření událostí a připravenosti pro AI crawlers.

Skok kupředu

Vícestránková architektura místo jedné vizitky

Původní web fungoval jako jednoduchá prezentace. Nový DriveStone pokrývá celou nabídku: pět detailů služeb, katalog realizací s filtry, technologické zázemí, kariéru a kontakt s mapou — plus půjčovnu jako samostatný konverzní tok.

Technologie

Firemní web se schopnostmi produktu

Vedle prezentace běží MongoDB rezervace, admin s OTP přihlášením, e-mail lifecycle přes Resend a anti-spam přes Turnstile. Analytics sedí na Consent Mode v2 — včetně ecommerce funnelu půjčovny, jako by šlo o e-shop, ne jen o brochure site.

SEO & AI

Připraveno pro lidi i stroje

Canonicals, hreflang, dynamické OG karty, JSON-LD napříč organizací a službami, sitemap, robots s explicitním allow pro AI boty a public/llms.txt. Indexing je opt-in přes environment — staging zůstává noindex.

DriveStone — realizace obchvat Běchovice, dampery

Dílna

Jak projekt vznikal

Informační architektura

Návrh multipage struktury místo jedné vizitky: homepage, služby (5 detailů), realizace, půjčovna, o společnosti, proč DriveStone, technologie, kariéra a kontakt — s megamenem a jasnou cestou k poptávce.

Design a motion

Plně responzivní layout na stávající brand (tmavý surface #151212, accent #f99b1c, Plus Jakarta Sans). Hero video, parallax breaks, pinned process a horizontální galerie realizací — s ohledem na prefers-reduced-motion a mobilní výkon.

Vývoj a produktové funkce

Next.js App Router, typed content, MongoDB rezervace, Better Auth (OTP admin), Resend + Turnstile na formulářích, Leaflet mapa. Půjčovna jako 4krokový booking se skladem a dostupností — ne jen PDF ceník.

SEO, analytics a spuštění

JSON-LD (Organization, Service, FAQ, projekty), dynamické OG, sitemap, robots s AI boty, llms.txt, GTM Consent Mode v2 a funnel událostí včetně ecommerce půjčovny. Produkční www.drivestone.cz na Vercelu.

Galerie

Vizuály z projektu

Potáhněte — galerie

Dodávka

Co zůstalo v dílně

Od firemního webu po tisk a kampaně — jeden vizuální jazyk napříč online i offline.

Next.js / TypeScript / Tailwind CSS / Framer Motion / MongoDB / Better Auth / Resend / Cloudflare Turnstile / GTM / Vercel

Kompletní redesign: vizitka → firemní web

Multipage IA — služby, realizace, půjčovna

18 případových studií s galeriemi

Online rezervace stavební mechanizace

SEO, JSON-LD, llms.txt a GTM Consent Mode

Next.js / MongoDB / Better Auth / Vercel

Plně responzivní design a motion

Live na drivestone.cz

Dopad

Co projekt přinesl

Od vizitky k produktu

Web už není jednorázová landing page — je to multipage systém se službami, referencemi, kariérou a druhým businessem přes půjčovnu strojů.

Důvěra investora i SEO

Strukturovaná data, případové studie (včetně ŘSD) a měření od kliknutí na telefon po purchase rezervace dávají webu váhu ve vyhledávání i v obchodním procesu.