Weby na míru

Web na míru, bez kompromisů šablony.

Pro projekty, kde šablona brzdí: vlastní design, animace, práce s daty z vaší aplikace. Stavíme vlastní kód a CMS přidáme podle toho, kdo bude web spravovat. Typicky 6–10 týdnů od workshopu po spuštění.

Pro koho to je

Když šablona
nestačí.

Šablona je rychlá cesta, dokud se vejdete do jejích mezí. Web na míru dává smysl ve chvíli, kdy tyto meze začnete obcházet pluginy, hacky nebo kompromisy v designu.

Design, který se hýbe.

Animace navázané na scroll, příběh produktu krok za krokem nebo interaktivní 3D. U šablon to končí těžkými pluginy a trhaným chodem na mobilu. Na míru je postavíme lehké a plynulé.

Web čte data z vaší aplikace.

Ceník, dostupnost, katalog nebo stav objednávky se berou přímo z vašeho API. Nikdo je nepřepisuje ručně a web nikdy neukazuje zastaralé údaje.

Rychlost a bezpečnost na prvním místě.

Vysoká návštěvnost, minimum cizího kódu a plná kontrola nad nasazením. Méně pluginů znamená méně míst, kudy se dá web napadnout.

Co dostanete

Šest výstupů, které si odnesete

01Návrh ve FigměDesktop, tablet i mobil, včetně stavů tlačítek a formulářů. Schválíte ho dřív, než se napíše první řádek kódu, takže se v průběhu nepřepracovává.
02Vlastní komponentyWeb skládáme ze znovupoužitelných bloků (hero, galerie, ceník, formulář). Nové stránky pak přidáte kombinováním hotových částí.
03Napojený CMSTexty, obrázky i stránky upravíte sami v přehledném editoru. Ukážeme vám to na školení a dostanete krátký videonávod.
04Animace a interakcePřechody, scrollytelling a mikrointerakce navržené tak, aby pomáhaly orientaci. Respektují nastavení omezeného pohybu a nezpomalují načítání.
05SEO a výkonCíl Lighthouse 90+ a zdravé Core Web Vitals, které měříme před spuštěním i po něm. K tomu metadata, sitemap, přesměrování starých adres a analytika.
06Dokumentace a předání kóduRepozitář, popis architektury a návod na nasazení. Kód patří vám a web můžete kdykoli rozvíjet s námi i bez nás.

Náš přístup

Od workshopu k webu v ostrém provozu.

Pět kroků, z nichž každý končí konkrétním výstupem. Nic neschvalujete naslepo, vždy vidíte rozpracovanou verzi.

01

Workshop a struktura

Půl dne s vámi a lidmi, kteří web budou používat. Ujasníme cíle, cílové skupiny, obsah a architekturu stránek. Výstupem je sitemap, seznam komponent a odhad rozsahu.

Sitemap a rozsah

02

Design

Navrhneme vzhled i pohyb pro desktop a mobil. Animace ukážeme v klikacím prototypu, abyste je viděli v pohybu, ne jen na obrázku. Dvě kola připomínek jsou v ceně.

Klikací prototyp

03

Vývoj

Programujeme po týdenních iteracích a každý týden vám pošleme odkaz na živou verzi. Napojujeme CMS i vaše API a průběžně testujeme na reálných zařízeních.

Testovací URL

04

Spuštění

Zkontrolujeme výkon, přístupnost a SEO, nastavíme přesměrování ze staré adresy a web nasadíme. Zaškolíme vás a zapneme měření návštěvnosti.

Analytika & SEO

05

Rozvoj

Po spuštění web sledujeme a ladíme podle skutečných dat. Další úpravy a novinky jdou po malých krocích, případně v měsíčním balíčku hodin.

Měsíční balíček
01

Frontend

Základ, který web vykresluje. Volíme mezi aplikačním přístupem a čistě obsahovým webem podle toho, kolik na stránce žije dat.

Technologie a jejich role

Next.jsAplikace, SSR a práce s API
AstroVelmi rychlé obsahové weby
TypeScriptMéně chyb a snazší údržba
Tailwind / CSSKonzistentní design systém

Kdy dává smysl

Web má víc než statické stránky: filtry, přihlášení, data z aplikace nebo vícejazyčný obsah.

Co to přinese

Rychlé načítání, dobré SEO a kód, který se dá po letech bez bolesti rozvíjet.

02

Obsah

Systém, ve kterém tým upravuje texty, obrázky a stránky. Vybíráme ho podle toho, kdo ho bude používat a odkud se budou data brát.

Technologie a jejich role

PayloadCMS vedle kódu, pro web i aplikaci
WordPress headlessPro tým, který už WordPress zná
Markdown / MDXTechnická dokumentace a blog

Kdy dává smysl

Obsah se mění často a nechcete kvůli každé úpravě volat programátora.

Co to přinese

Redaktoři pracují samostatně a vývojáři se věnují vývoji, ne překlepům.

03

Animace

Pohyb, který vede oko a vysvětluje. Dbáme na to, aby byl plynulý i na slabším telefonu a šel vypnout.

Technologie a jejich role

GSAPScrollytelling a složité časové osy
Framer MotionPřechody a mikrointerakce
Three.jsInteraktivní 3D v prohlížeči

Kdy dává smysl

Chcete produkt představit příběhem nebo ukázat 3D model, který si návštěvník otočí.

Co to přinese

Web, který si lidé zapamatují, a delší čas strávený na stránce.

04

Provoz

Kde web běží a jak se na něj dostávají změny. Nasazování je automatické, zálohované a vrací se zpět jedním krokem.

Technologie a jejich role

VercelRychlé nasazení a globální CDN
CoolifyVlastní server pod vaší kontrolou
GitHub ActionsAutomatické testy před nasazením

Kdy dává smysl

Potřebujete mít data v Česku, vlastní server nebo předvídatelné měsíční náklady.

Co to přinese

Žádné ruční nahrávání souborů a menší riziko výpadku při každé změně.

Opravdu potřebujete kód na míru?

ŠablonaWordPress

Pokud je web hlavně prezentace služeb a blog, bude WordPress rychlejší i levnější. Na míru jdeme, když rozhoduje výkon, animace nebo napojení na aplikaci.

Kdo bude web spravovat?

PayloadMarkdown

Pokud marketing, připojíme CMS s jednoduchým editorem. Pokud vývojáři, stačí obsah v kódu. Ujasníme to na workshopu, protože to ovlivňuje architekturu.

S jakými daty má web pracovat?

Next.jsAPI

Statické stránky, nebo ceník, sklad a přihlášení? Čím víc dynamiky, tím víc vyplatí vlastní frontend a napojení na API.

Kolik chcete investovat a kdy potřebujete spustit?

od 20 000 Kč6–10 týdnů

Orientačně: od 20 000 Kč, doba podle rozsahu. Pokud je termín kratší, navrhneme postupné spuštění: nejdřív jádro webu, potom animace a rozšíření.

Typické projekty

Tři situace, kdy se web na míru vyplatí.

01

Prezentace produktu s interaktivním 3D

Návštěvník si produkt otočí, přiblíží a prohlédne v detailu přímo v prohlížeči. Model je optimalizovaný tak, aby se plynule hýbal i na mobilu. Typicky 8–10 týdnů.

Next.jsThree.js3D

02

Web, který čte data z aplikace

Ceník, dostupnost nebo katalog se berou z vašeho API a změna v aplikaci se okamžitě ukáže na webu. Žádné ruční přepisování a žádné zastaralé údaje.

Next.jsREST API

03

Vícejazyčný firemní web s vysokou návštěvností

Několik jazykových verzí, rychlé načítání v každé zemi a obsah, který redaktoři spravují sami. Statické vykreslování zvládne i špičky návštěvnosti.

AstroPayloadCDN

Reference

Weby na míru, které už běží.

Všechny projekty v Naší práci →

Časté otázky

Než se ozvete.

WordPress je výborný pro obsahové weby a často je to správná volba. Když ale potřebujete vlastní animace, data z aplikace nebo velmi vysoký výkon, musíte ho obalovat pluginy a řešení se komplikuje. Pak dává smysl kód na míru. Pomůžeme vám poznat, kdy je to váš případ. WordPress weby →

Ano. K webu připojíme CMS, ve kterém upravíte texty, obrázky i celé stránky bez zásahu do kódu. Při předání proběhne školení a dostanete krátký videonávod.

Vám. Po zaplacení přechází na vás veškerá práva k vlastnímu kódu a designu. Dostanete repozitář, dokumentaci i přístupy. Používáme open-source nástroje, takže nejste vázaní na nás ani na žádnou platformu.

Weby na míru začínají od 20 000 Kč. Cenu určuje počet unikátních stránek, rozsah animací a napojení na vaše systémy. Přesnou nabídku dostanete po workshopu, kdy známe rozsah. Dohodnout se můžeme na pevné ceně nebo na etapách.

Typicky 6–10 týdnů od workshopu po spuštění. Složitější animace, 3D nebo napojení na aplikaci čas prodlužují. Na začátku dostanete harmonogram s konkrétními daty.

Web nezmizí z našeho radaru. První měsíc ladíme drobnosti zdarma, potom můžete mít měsíční balíček hodin na úpravy, nebo se ozvat podle potřeby. Hlídat můžeme i provoz, zálohy a aktualizace.

Ano. Nejdřív zkontrolujeme kód, výkon a bezpečnost a navrhneme, jestli ho vylepšit, nebo postavit znovu. Obsah i adresy se snažíme zachovat, aby web neztratil pozice ve vyhledávání. Převzetí a rozvoj webu →

Nejčastěji na Vercelu nebo na vlastním serveru s Coolify. Provoz obvykle vychází na stovky korun měsíčně, u větších webů na nižší tisíce. Hosting můžeme zajistit i zařídit u vás. Cloud a hosting →

Další krok

Probereme, jaký web dává smysl.

Probrat web na míru

KONTAKT

Pojďme se potkat

Máte nápad? Vyberte si termín pro společný rozhovor, nebo nám napište. Společně najdeme cestu k vašemu digitálnímu projektu.

Odesláním berete na vědomí zpracování osobních údajů.

Zásady zpracování osobních údajů