Upnext
Případová studie · VyberKamen

100+ poptávek měsíčně: Jak jsme VyberKamenu postavili web, který si zákazníka dovede  k poptávce

VyberKamen přišel za konkurencí o 90 % levnější. Za dva měsíce volali zpátky - nefungovalo nic a byznys stál. Ve třech fázích jsme web zachránili, postavili na datech a dostali ho na 100+ poptávek měsíčně a konverzní poměr 20,6 %. Ukážeme vám přesně, jak jsme to udělali - a co si z toho můžete odnést i vy. Pojďme na to.

Poptávek měsíčně v sezoně
100+
Konverzní poměr
20,6 %
Vylepšení na základě dat
4
Web VyberKamen po spuštění
Kontext

Kdo je VyberKamen?

VyberKamen prodává přírodní kámen - žulové dlažby, schody, obrubníky, šlapáky, obkladový kámen. Na trhu jsou od roku 2003 a za tu dobu vybudovali jednu klíčovou konkurenční výhodu: výrazně nižší ceny než lokální dodavatelé, protože expedují z centrálního skladu po celé ČR i do zahraničí.

Jejich hlavní zákazník je český majitel domu, který rekonstruuje zahradu a chce kvalitní kámen bez přeplácení. Nejspíš znáte ten typ firmy - silný produkt, férová cena, ale web, který to neumí prodat.

Výchozí stav

Po dvou měsících u konkurence - byznys stál

VyberKamen bojoval s konverzemi. Zákazníci na web přicházeli, ale odcházeli dřív, než se dostali na druhou stránku. Pak dostali nabídku od konkurence o 90 % levnější. Logická volba.

O dva měsíce později se ozvali znovu. Po úpravách od konkurenta nefungovalo nic - cookie lišta, homepage, katalog, kontakt. Byznys stál.

Přišli za námi s jediným požadavkem: „Potřebujeme to opravit co nejdřív." Náš cíl byl ale od začátku širší - nejen web zachránit, ale postavit základ, na kterém půjde růst. Z „opravte to" jsme chtěli udělat „a teď to roste".

Fáze 1

Záchrana a základ.

Záchrana webu

Web nefungoval. Tady je, co jsme opravili jako první.

Po zásahu předchozího dodavatele byl web rozbitý napříč - a každá nefunkční část stála klienta poptávky. Nešli jsme do velkého redesignu. Šli jsme po tom, co bránilo byznysu fungovat, a opravovali to v pořadí podle dopadu.

Poptávkové formuláře

Srdce celého webu - bez nich se zákazník nemá jak ozvat. Vrátili jsme je do provozu a ověřili, že odeslaná poptávka skutečně dorazí tam, kam má.

Kontaktní stránka

První místo, kam míří zákazník, který chce mluvit s člověkem. Dali jsme ji do pořádku, aby kontakt nekončil ve slepé uličce.

Produktové stránky

Tady se rozhoduje o poptávce. Spravili jsme je tak, aby zákazníka neodradily dřív, než se stihne rozhodnout.

Správa obsahu v administraci

Aby tým mohl web měnit sám - bez čekání na vývojáře u každé úpravy.

Během pár týdnů web zase fungoval. To ale nebyl cíl, jen zastavené krvácení. Teď přišel čas postavit základ, na kterém půjde růst.

Cíl fáze 1

Vrátit web do funkčního stavu a postavit správný základ pro růst

Jakmile web zase fungoval, přešli jsme k základu pro růst. Doplnili jsme cookie lištu a pustili se do vývoje klíčového prvku webu - kalkulačky materiálu.

Zákazník většinou neví, kolik tun žuly potřebuje na svůj projekt. Kalkulačka mu s tím pomůže - a tím snižuje bariéru k odeslání poptávky.

Webflow nativně takovou logiku nezvládne, takže jsme ji postavili na custom JavaScriptu.

6 týdnůFunkční web. Základ připravený pro systematické zlepšování.
Pojďme to probrat

Stojí váš web, nebo jen tiše ztrácí poptávky?

Když zákazníci odcházejí dřív, než se dostanou ke kontaktu, většinou to není náhoda. Ozvěte se - řekneme vám, kde web ztrácí a co s tím.

Domluvit hovor
Fáze 2

Optimalizace a růst.

Cíl fáze 2

Systematicky zlepšovat web na základě dat

Cíl fáze 2: systematicky zlepšovat web na základě dat a přidat funkce, které pomáhají zákazníkům rozhodovat.

Nechali jsme běžet Microsoft Clarity - heatmapy a záznamy session. Data ukázala konkrétně, kde zákazníci ztrácejí orientaci a kde odcházejí. Každá větší změna ve fázi 2 vycházela z těchto dat, ne z odhadů.

Co jsme postavili

Čtyři změny, každá vycházející z dat.

Systém sezónních akcí

Flexibilní systém pro zobrazování slev a akcí, který tým spravuje sám - bez vývojáře.

Stránka Zakázková výroba

Nová stránka s fotogalerií rozdělená do podkategorií. Přímý proklik z katalogu s vizuálním odlišením.

Počet dostupných rozměrů

Zákazník vidí přímo na produktové kartě, kolik variant existuje. Snižuje frustraci při procházení katalogu.

SEO základ a FAQ

Statické URL adresy pro kategorie, OpenGraph tagy, úpravy H1 nadpisů, propojení blogu s produkty a FAQ sekce s odpověďmi na nejčastější otázky přímo u relevantních stránek.

Měření
Hypotéza
Změna
a pak znovu

Žádný krok nekončí - po každé změně měříme znovu a smyčka se opakuje.

Výsledky fáze 2

Co se po devíti měsících změnilo.

Doba realizace
9 měsíců
Konverzní poměr
20,6 %
Poptávky v sezoně
100+ / měsíc
Správa akcí
Bez vývojáře
Fáze 3

Strategická křižovatka.

Cíl fáze 3

Z dat vyčíst, co dál - a rozšířit digitální základ

Po dvou fázích jsme provedli hloubkovou analýzu v Microsoft Clarity. Výsledky ukázaly dvě věci, které bylo potřeba říct nahlas.

Za prvé - chování u poptávkového seznamu. Lidé výrobek do seznamu přidají, ale málokdo seznam otevře a pokračuje dál. Po prohlédnutí produktu místo dokončení poptávky odbíhají na stránku Doprava a montáž nebo rovnou na Kontakt. Celý proces totiž připomíná nákup na e-shopu - jenže VyberKamen tak nefunguje. Zákazník nemá na produktové stránce dost informací, aby poptávku v klidu dokončil, a chybí mu hlavně jasno o dopravě a montáži. Není to chyba zákazníka. Je to signál, že seznam komunikuje špatně sám sebe.

Vypadá jako
Nákupní seznamOnline platba, hned
Ve skutečnosti
Poptávkový seznamNezávazná nabídka mailem
Co konkrétně navrhujeme na produktové stránce

Z poptávkového seznamu, který nikdo nedokončí, na stránku, která dovede k poptávce.

Přejmenovat seznam

Aby bylo jasné, že nejde o nákup, ale o nezávaznou poptávku. Slovo „košík" slibuje něco, co tady neplatí.

Doprava a montáž na produktovou stránku

Dva oddělené dropdowny přímo u produktu - zákazník nemusí odbíhat na jinou stránku, právě kvůli tomu se totiž poptávka rozpadá.

Zpřehlednit pravou část stránky

Vizuálně jasně oddělit volbu varianty, kalkulačku a samotný postup poptávky, aby se tři různé věci nepletly do jedné.

Grafický návod „jak zanechat poptávku"

Krok za krokem, s využitím maskota - ať zákazník hned vidí, co se po odeslání stane.

Tooltipy k oborovým pojmům

Vysvětlení termínů jako „výtěžnost" u žulové dlažby přímo v místě, kde na ně zákazník narazí - a jak si to představit.

Zpřehlednit popis produktu

Místo dlouhého plain textu vypíchnout klíčové informace (výtěžnost, k čemu se materiál hodí), zbytek schovat pod „načíst více".

Restrukturalizovat kalkulačku

Lépe vysvětlit, k čemu slouží, a navázat na ni jasný další krok místo slepé uličky.

Upravit horní lištu výhod

Aby bylo zřejmé, že je to informační banner, ne navigace - lidé na ni klikali jako na menu.

Cenová výhoda

Garance nejlepší ceny

Navázali jsme na klíčovou konkurenční výhodu klienta - cenu. Přidali jsme prvek „Garance nejlepší ceny" po vzoru Alzy: zákazník, který najde levnější nabídku, pošle odkaz a do 24 hodin dostane od specialisty rozhodnutí o dorovnání.

Cenová výhoda VyberKamen tak přestává být jen tvrzením na webu a stává se ověřitelným slibem - důvodem navíc poslat poptávku právě tady.

Jak se nám spolu pracovalo

Partnerství postavené na důvěře

Na téhle spolupráci si ceníme především jednoho - důvěry. VyberKamen nám dal prostor experimentovat, ověřovat hypotézy daty a sáhnout i na věci, které se zdály být hotové. A právě ta odvaha zkoušet nové přístupy je důvod, proč web dnes nepřináší lepší výsledky náhodou, ale záměrně - a hlavně přináší víc hodnoty jeho zákazníkům.

Vážíme si klientů, kteří nám věří natolik, že nás nechají experimentovat. Jen tak vzniká web, který zákazníkům doopravdy pomáhá.

Pojďme to shrnout

Tři principy, které si můžete vzít i vy.

Žádné tajemství. Tady jsou tři věci, které z příběhu VyberKamen fungují i jinde.

Pojmenujte problém nahlas

Největší posun nepřišel z nové funkce, ale z věty „je to komunikační, ne technický problém". Pojmenování problému je půlka řešení.

Data místo dohadů

Každá změna ve fázi 2 vyšla z heatmap a záznamů session, ne z názorů. Web se zlepšuje rychleji, když víte proč.

Stavte základ, ne jen opravu

Web jsme nejdřív zachránili, pak na něm stavěli. Bez správného základu by 100+ poptávek měsíčně nemělo na čem stát.

Výsledky

Co po třech fázích máme.

Konverzní poměr
20,6 %
Poptávky v sezoně
100+ / měsíc
Správa webu
Bez vývojáře
Let's build it

Looking for a partner who works as hard as you do?

Got a great product or idea but aren't sure how to ship it or take it to the next level? We're not just a code shop - we're product partners who treat your project like our own. We'll challenge assumptions, map the direction, and build it so it actually works. Get in touch and we'll find the next step together.

Volná kapacita na jednu kompletní zakázku v tomto kvartálu

Máte projektjako VyberKamen?

20 min - bez prezentace

Bereme si jen pár kompletních zakázek ročně. Pokud vás příběh VyberKamen rezonuje, další rozhovor začíná tady.

[email protected]
About us

Upnext - a product studio that builds things to last.

We're a small team of designers and developers based in Prague. We build websites and products for companies that want to grow - not just have a new site. Every project we run is a product: strategy, design, build, and post-launch data.

Selected clients
StayneeVyberKámenLemon Beach ResortSprávnej krámCorporate SolutionsSuperior LettingSynlabBigBoyStill MomentumFishProMelody MallPilulka
StayneeVyberKámenLemon Beach ResortSprávnej krámCorporate SolutionsSuperior LettingSynlabBigBoyStill MomentumFishProMelody MallPilulka
StayneeVyberKámenLemon Beach ResortSprávnej krámCorporate SolutionsSuperior LettingSynlabBigBoyStill MomentumFishProMelody MallPilulka
StayneeVyberKámenLemon Beach ResortSprávnej krámCorporate SolutionsSuperior LettingSynlabBigBoyStill MomentumFishProMelody MallPilulka