Tvorba webových stránek

Moderní weby, které
umí víc než vypadat

Navrhujeme a programujeme firemní weby i rozsáhlé projekty na míru — od přehledné prezentace autoservisu po turistický portál s filtrováním, kalkulačkou nebo mapou. Stejně tak přebíráme starší weby a děláme kompletní redesign.


  • Web na míru
  • Interaktivní funkce
  • Redesign
  • SEO
  • Responzivita
Ukázka moderního firemního webu na monitoru a mobilních zařízeních

Od prezentace
po web na míru

Co dělá web dobrým webem

Hezký vzhled je začátek, ne cíl

Web, který jen dobře vypadá, se pozná rychle: lidé na něj přijdou, chvíli scrollují a odejdou jinam. Rozdíl mezi prezentací a fungujícím webem je v tom, jestli návštěvník do minuty najde odpověď na svou otázku — a jestli ho web dovede k dalšímu kroku.

Proto řešíme vzhled a strukturu společně. Nejdřív se ptáme, kdo na web přijde, co hledá a co má udělat. Teprve pak vzniká návrh stránek, obsah a design.

Struktura

Logické rozvržení stránek, ve kterém se člověk neztratí.

UX a orientace

Jasná cesta od první návštěvy k poptávce nebo rezervaci.

Obsah

Texty, které odpovídají na otázky zákazníků, ne na naše.

Rychlost

Optimalizovaný kód i obrázky — web se načte i na mobilních datech.

Mobil

Návrh začíná u malé obrazovky, kde je dnes většina návštěv.

Funkce

Tam, kde má smysl, web počítá, vybírá nebo porovnává za návštěvníka.

Weby pro různé obory

Jeden univerzální web neexistuje

Jiné potřeby má penzion, jiné výrobní firma a úplně jiné turistický portál. Návrh proto vždy vychází z konkrétního podnikání a z toho, jak má návštěvník web používat.

01

Firmy a služby

Autoservis, řemeslo, výrobní firma nebo poradenství. Krátká cesta k poptávce, jasně popsané služby a kontakt, který je vidět na každé stránce.

02

Ubytování a gastronomie

Penziony, hotely a restaurace potřebují fotografie, ceny, dostupnost a rezervaci. Web tady prodává atmosféru i praktickou informaci zároveň.

03

Cestování a turistika

Destinace, tipy na výlety a nabídky pobytů. Velké množství obsahu dává smysl teprve tehdy, když si v něm návštěvník umí vybrat podle svých parametrů.

04

Obsahové a informační projekty

Magazíny, katalogy a rozsáhlé weby s desítkami sekcí. Klíčem je struktura, vyhledávání a interní prolinkování, které drží čtenáře na webu.

Interaktivní kalkulačka a porovnání cen na webu

Od prezentace k nástroji

Když web přestane být brožurou

Většina webů umí jen jedno: ukázat informace. Přitom stejná stránka může návštěvníkovi pomoct něco spočítat, vybrat podle jeho zadání nebo porovnat několik variant vedle sebe. Rozdíl je obrovský — místo čtení dostane člověk konkrétní výsledek.

Interaktivní funkce navrhujeme na míru zadání. Vždy začínáme otázkou, co má návštěvník na webu vyřešit, a teprve pak volíme formu.

Prohlédnout interaktivní ukázky ↓

Interaktivní weby

Web nemusí jen informovat. Může pracovat s návštěvníkem.

Interaktivní prvky na webu mění pasivní čtení v konkrétní akci. Návštěvník si spočítá cenu, vybere podle svých parametrů, porovná varianty nebo projde krátkým průvodcem — a odchází s odpovědí, ne jen s dojmem. Vyzkoušejte si ukázky níže, fungují přímo tady.

Kalkulačka a výpočty přímo na webu

Místo obecného ceníku může návštěvník zadat vlastní zadání a hned vidí orientační výsledek. Stejný princip funguje pro výpočet spotřeby, rozpočtu, návratnosti nebo ceny zakázky podle více parametrů — a vy získáte poptávku, která už je konkrétní.

Ukázka interaktivní kalkulačky pobytu na webu

Porovnání vedle sebe

Když se člověk rozhoduje mezi několika variantami, nechce procházet pět článků. Srovnávací tabulka mu ukáže ceny, parametry a rozdíly na jedné obrazovce — a rozhodnutí se zkrátí z několika návštěv na jednu.

Ukázka srovnávací tabulky lázní na webu

Průvodce, který dovede k rozhodnutí

Několik jednoduchých otázek nahradí dlouhé vysvětlování. Návštěvník projde krátkou cestou a na konci dostane doporučení, které odpovídá jeho situaci. Firma zároveň ví, s jakým zadáním k ní člověk přichází.

Ukázka interaktivního průvodce výběrem destinace v Itálii

Filtry a vyhledávání v rozsáhlém obsahu

U webů s desítkami nebo stovkami položek rozhoduje orientace. Kombinace filtrů, fulltextu a třídění zkracuje cestu k tomu, co člověk hledá — a drží ho na webu místo návratu do vyhledávače.

Ukázka filtrování a štítkování obsahu na webu

Konfigurátory

Sestavení varianty podle vstupů zákazníka.

Dynamické tabulky a grafy

Data, která si návštěvník sám setřídí.

Kvízy a rozhodovací stromy

Krátká cesta od dotazu k doporučení.

Formuláře s vlastní logikou

Otázky se mění podle předchozích odpovědí.

Interaktivní katalogy

Rozsáhlá nabídka bez ztráty přehlednosti.

Funkce podle zadání

Co projekt potřebuje, to naprogramujeme.

Nejde o povinnou výbavu každého webu. Vybíráme jen ty funkce, které projektu skutečně pomohou — u firemní prezentace to může být jediná kalkulačka, u obsahového portálu celý systém filtrů a průvodců.

Interaktivní kalkulačka

Spočítejte si orientační cenu webu

Nastavte parametry podle svého projektu. Nejdřív spočítáte jednorázovou cenu za zpracování webu, pod tím vidíte roční provozní náklady, které se k ní připočítávají zvlášť.

1

Tvorba webu — jednorázová cena

Počet podstránek 0

SEO optimalizace 330 Kč za podstránku.

Programátorské práce 0 h

1 200 Kč / hod. — funkce na míru, napojení systémů, úpravy nad rámec šablony.

Cizojazyčné verze 0

Od 1 800 Kč za jazyk (AI překlad s korekturou).

Cena za web

3 300 Kč

Orientační odhad. Skutečná cena se upřesní podle zadání.

Šablona 3 300 Kč
SEO optimalizace podstránek 0 Kč
Programátorské práce 0 Kč
Cizojazyčné verze 0 Kč
2

Provoz — roční náklady

Roční provoz

2 760 Kč

Ročně, dokud web běží. Nepřičítá se k jednorázové ceně výše.

Celkem na začátku

Tvorba webu + první rok provozu

6 060 Kč a dál 2 760 Kč / rok

Kalkulačka počítá se šablonou, programátorskými pracemi, SEO optimalizací podstránek a ročním provozem. Nezahrnuje tvorbu SEO textů na zakázku, fotografování ani tvorbu loga — tyto položky se cení individuálně podle rozsahu. 3D panorama a digitální marketing mají vlastní kalkulačky.

Redesign webu

Starý web neznamená začínat od nuly

Ve starších webech bývá schované to nejcennější — roky psaný obsah, popisy služeb, fotografie a adresy stránek, které už mají v vyhledávačích své postavení. Redesign webových stránek stavíme tak, aby se tohle neztratilo.

Změna barev je přitom to nejmenší. Obvykle se mění struktura, navigace, mobilní verze, rychlost i způsob, jakým web získává poptávky. Staré adresy přesměrujeme, obsah přepracujeme a web dostane funkce, které dřív neměl.

Struktura a navigace

Nové rozvržení stránek podle toho, co lidé skutečně hledají.

Mobilní verze

Web použitelný na telefonu, ne jen zmenšený desktop.

Rychlost

Odlehčený kód, komprimované obrázky, rychlejší načtení.

SEO a přesměrování

Zachování pozic, ošetření starých URL, revize obsahu.

Obsah

Přepis textů do srozumitelné a aktuální podoby.

Nové funkce

Doplnění kalkulačky, filtrů nebo rezervace tam, kde chybí.

Průběh spolupráce

Od prvního nápadu po spuštěný web

01

Poznání projektu

Sejdeme se nad tím, co děláte, kdo jsou vaši zákazníci a co má web přinést.

02

Struktura a UX

Navrhneme mapu stránek a cestu návštěvníka. Než se kreslí design, musí sedět logika.

03

Design

Vizuální podoba postavená na vašem oboru — typografie, fotografie, barevnost, detaily.

04

Obsah

Texty a fotografie připravíme nebo upravíme tak, aby fungovaly pro lidi i vyhledávače.

05

Programování

Web sestavíme včetně interaktivních funkcí, formulářů a napojení na vaše systémy.

06

Testování a spuštění

Kontrola na mobilech, rychlost, SEO nastavení, přesměrování a předání.

Ukázka výsledku

Před a po

Stejná firma, stejný obsah, jiný web. Původní stránky ukazovaly informace v hustém, nepřehledném layoutu bez jasné hierarchie. Redesign zachoval veškerý obsah, ale dal mu srozumitelnou strukturu, moderní typografii a jasné výzvy k akci.

Web po redesignu

Aktuálně zobrazeno: Po redesignu

SEO od základu

Web, který najdou i vyhledávače

SEO neřešíme až po spuštění. Struktura nadpisů, adresy stránek, popisky obrázků i interní prolinkování vznikají už při návrhu — dodatečné dolepování bývá dražší a méně účinné.

Dobrá zpráva je, že se SEO a použitelnost nevylučují. Co pomáhá člověku — rychlé načtení, srozumitelné nadpisy, logická navigace a obsah, který odpovídá na otázku — pomáhá i vyhledávači.

Více o digitálním marketingu →

Technické SEO

Čistý kód, metadata, strukturovaná data, sitemap.

Struktura nadpisů

Jedno H1, logická hierarchie H2 a H3 na každé stránce.

Rychlost načtení

Optimalizované obrázky a minimum zbytečných skriptů.

Responzivita

Plná použitelnost na mobilu jako výchozí stav.

Obsah

Texty psané pro lidi, s přirozeně použitými klíčovými slovy.

Interní prolinkování

Provázání stránek, které pomáhá čtenáři i indexaci.

Přemýšlíte o novém webu, nebo o redesignu?

Ať už chystáte nový web, máte starší web bez návštěvnosti, nebo jen nevíte, proč stránky nepřinášejí poptávky — ozvěte se. Podíváme se na obsah, strukturu i vyhledávání a navrhneme, čím má smysl začít.

Chci konzultaci →

Napište nebo zavolejte

kovac@ocal.cz +420 608 520 155
Přejít nahoru