Tímhle textem spouštím web, na kterém právě jste. Je to prezentace jedné konkrétní práce: staví weby a aplikace na míru firmám, které z nich chtějí mít nástroj, ne vizitku. Do dneška jsem to dělal vedle jiné práce. Od teď to dělám naplno.
Nemám k tomu žádnou zakladatelskou historku, tak místo ní napíšu dvě věci, které o mně potřebujete vědět, než mi napíšete. Kód píšu od patnácti let. A patnáct let jsem chodil po výrobních provozech jako specialista bezpečnosti práce a požární ochrany, tedy jako člověk, který ve firmách staví systémy a pak sleduje, jestli je někdo používá.
Ta druhá věta vypadá jako odbočka od tvorby webů. Je to naopak to nejdůležitější, co k práci přináším, a tenhle článek je hlavně o ní.
Nejsem rekvalifikant
Weby nedělám od minulého týdne a nedělám je po nějakém kurzu. Vystudoval jsem počítačovou grafiku a strojírenství na průmyslové škole, což je kombinace, která mi dodneška slouží: grafika mě naučila, že vzhled má logiku, a strojírenství, že věc, která nefunguje, je zmetek bez ohledu na to, jak vypadá.
Celou tu dobu jsem paralelně provozoval vlastní webové projekty. Ne dema do portfolia. Reálné e-shopy s reálnými zákazníky, platebními branami, fakturací a objednávkami. Dvanáct let provozu, tisíce transakcí a všechny chyby, které se v tom dají udělat, jsem už udělal na vlastní kůži a na vlastní peníze.
Rozdíl mezi vývojářem, který web postaví, a vývojářem, který ho pak dvanáct let provozuje a živí se z něj, je zásadní. Ten druhý ví, co se rozbije ve třetím roce. Ví, jak vypadá administrace, do které se člověk bojí sáhnout. A ví, kolik stojí vlastní chyba, protože ji zaplatil sám.
Co mě naučilo patnáct let v byrokracii
Tady musím být konkrétní, protože právě tohle je ta část mojí zkušenosti, kterou nikde jinde nekoupíte.
V bezpečnosti práce jsem patnáct let stavěl systémy, které nikdo nepoužíval. Napsal jsem směrnici. Nikdo ji nečetl. Vedoucí ji podepsal, protože musel. Za měsíc jsem přišel na kontrolu a našel jsem tytéž závady jako minule: zatarasený hasicí přístroj, paletu v komunikaci, chybějící cedulku na regálu. Protokoly vypadaly každý měsíc stejně, protože se nezměnilo nic.
Zažil jsem kontrolu, kde inspektor šest hodin studoval dokumentaci a pak si za půl hodiny prošel provoz. Zažil jsem výtku, že v požárním řádu nejsou vyjmenované požární ucpávky, tedy informace, kterou při požáru nikdo nikdy nepoužije, a přesto se za ni pokutuje.
Nechci na tomhle místě nadávat na obor. Chci pojmenovat systémovou vadu, protože je to přesně ta samá vada, kterou pak vidím u devíti z deseti firemních webů.
Existuje dokument, který splňuje formální požadavek a neplní žádnou funkci. Směrnice pro razítko. Web proto, aby firma web měla
Web jako směrnice v šuplíku: existuje, je schválený, na poradě se odškrtnul. Nikdo přes něj nic nekoupí a nikdo se z něj nic nedozví, protože nebyl postavený k použití, ale ke splnění.
Web jako nástroj: má jasné, koho má obsloužit a co má ten člověk udělat. Když ho lidé nepoužívají, je to chyba nástroje, ne lidí, a jde ji opravit.
Patnáct let jsem se v každé firmě ptal na jednu věc: k čemu to má sloužit, kdo to bude reálně používat a co se stane, když to nikdo neotevře. Ptát jsem se musel, protože moje jméno bylo pod dokumentem, který v případě úrazu skončil u inspektorátu.
To je zkušenost, kterou přináším. Ne „umím Next.js“. Umím se zeptat, jestli to, co si u mě zadáváte, vůbec vyřeší váš problém.
Proč jsem přestal chodit po provozech
Bezpečnost práce jsem neopustil. Opustil jsem jednu její konkrétní podobu.
Nechci být člověk, který jednou za měsíc obejde provoz, vyfotí zatarasený hasicí přístroj a napíše protokol, který nikdo nepřečte. Ta práce nemá výsledek, a po patnácti letech to vidím jasně: na bezpečnost nemá nikdo čas, nikdo ji nechce platit a z opakovaných závad se nikdo nepoučí.
Výsledek má nástroj. Software, který se používá, protože je jednodušší než papír. Proto svoji odbornost sypu do digitálních produktů, a proto zároveň stavím weby a aplikace na míru firmám, které řeší tentýž problém v jiném oboru.
Není to odchod z oboru. Je to přesun z pozice člověka, který obchází závady, do pozice člověka, který staví systém, aby závady nevznikaly.
Moje nejsilnější reference jsou moje vlastní projekty
Zakázkové weby a aplikace pro klienty dělám a reference vám rád ukážu. Za nejsilnější doklad ale považuju něco jiného: to, co provozuju sám pro sebe a co běží, i když se na to nikdo nedívá.
- bezpecak.safetyfrog.cz jsou služby bezpečnosti práce a e-shop se vzorovou dokumentací, dnes přes 120 dokumentů a video návodů ke stažení. Dvanáct let provozu naučí věci, které se z tutoriálu nedají naučit: párování platby, která přišla o korunu jinak, doklad, který musí platit i po změně sazby DPH, a zákazníka, kterému se nestáhl soubor v pátek v šest.
- urazy.safetyfrog.cz je elektronická kniha úrazů podle nové právní úpravy, od záznamu po uzavření spisu. Postavená na pravidlech, která se mění a ta změna musí projít celou aplikací. Naučila mě datový model, ve kterém se termín odvozuje, ne opisuje, a hlídání zákonných lhůt, u kterých se nesmí splést časová zóna.
- visitors.safetyfrog.cz je digitální kniha návštěv se školením, evakuačními seznamy a dotykovým terminálem na recepci. Aplikace pro víc firem naráz, která musí fungovat i ve chvíli, kdy vypadne internet. Naučila mě, že provoz bez připojení a role uživatelů se nedají dolepit později.
- forum.safetyfrog.cz je odborné fórum a komunita bezpečáků. Moderování, spam a oprávnění jsou tam denní realita. Naučilo mě, že u obsahu od lidí je nejdražší to, co jde smazat, ne to, co jde přidat.
- bozpforum.cz je online magazín o bezpečnosti práce, který provozuju dlouhodobě a běží dodnes. Roky odborných textů, ze kterých se stal zdroj, na který se odkazuje. Naučil mě, jak se buduje viditelnost ve vyhledávání dlouhodobě a proč ji nedohoní nárazová kampaň.
K tomu vzdělávací platforma s kurzy, testy a certifikáty a rozsáhlá aplikace pro řízení bezpečnosti ve firmách. Všechno běží, všechno má skutečné uživatele a všechno spravuju sám, včetně serverů, záloh a nasazování.
Až přijde řeč na to, jestli umím napojit platební bránu, poslat automatický e-mail nebo zvládnout přihlašování a role, není to teoretická otázka. Tohle všechno mi běží v provozu.
Když si u mě zadáte web, nedostáváte grafika, který se naučil šablonu. Dostáváte člověka, který denně řeší produkční provoz systémů, na kterých mu závisí příjem.
Jak stavím weby
Rychlost není doplněk, je to podmínka
Rychlost neprodávám jako příplatek, protože se rozhoduje na začátku, v tom, jak je web postavený. Tenhle web se skládá na serveru, nemá jediný cizí skript a nepoužívá žádné sledovací nástroje, takže nepotřebuje ani lištu se souhlasem.
Čísla níž jsou z měření produkčního sestavení tohohle webu. Nejsou to čísla z reklamního letáku, změříte si je sami.
PageSpeed Insights, tento web na mobilu
| Popis | Hodnota |
|---|---|
| Výkon | 99 |
| Přístupnost | 100 |
| Best practices | 100 |
| SEO | 100 |
V ceníku mám garanci skóre nad 90 na mobilu i na počítači. Nad devadesát bodů značí Google zeleně a rozdíl mezi 96 a 100 návštěvník nepozná; pozornost si zaslouží web pod devadesát.
Technologie, které mají důvod
Pracuju s Next.js a Reactem, na aplikace s NestJS a Flutterem, k tomu PostgreSQL, Prisma, Docker a vlastní serverová infrastruktura. Technologii neberu proto, že je nová. Malá prezentace nepotřebuje architekturu pro tisíce uživatelů. E-shop, který má vydělávat, naopak nepatří na řešení, které se u stovky položek začne dusit.
Obsah a struktura, ne jen vzhled
Tady se většina webů rozpadne. Vypadají dobře a nefungují, protože nikdo nepromyslel, co má návštěvník na které stránce udělat. Řeším proto strukturu, hierarchii informací, texty, základ pro vyhledávače, přístupnost podle WCAG a měřitelnost. Grafické vzdělání pomáhá s formou, patnáct let v procesech s logikou.
Provoz, ne předání a sbohem
Web nasazuju, provozuju, zálohuju a hlídám. Vím, jak vypadá noc, kdy něco spadne, protože jsem si ji odbyl na vlastních projektech. Klientovi tím padá povinnost hledat, kdo mu server spraví.
Čtyři věci, které se přenesly z bezpečáka do stavby webů
Nejde o měkké dovednosti, jde o čtyři konkrétní postupy, které používám na každé zakázce.
| Z bezpečnosti práce | Jak to používám u webu |
|---|---|
| Než něco napíšu, zjistím, kdo to bude používat a v jaké situaci | Struktura webu vzniká z provozu a ze zákazníka, ne ze šablony. Odtud i to, že se ptám na věci, které s webem zdánlivě nesouvisí |
| Kontrola je jediná zpětná vazba, která nelže | Web se měří: kolik lidí dočte, kolik odešle poptávku, kde cesta končí. Bez měření je každá úprava dohad |
| Směrnici nikdo nečte, zaškolení funguje | Součástí dodávky je video návod natočený na vašem webu, ne odkaz na obecnou nápovědu |
| U rizika se ptám, co se stane, když to selže | Zálohy, dohled dostupnosti a obnova jsou součást provozu od prvního dne, ne služba, na kterou se přijde po první havárii |
Co tenhle web dokazuje sám o sobě
Prezentace tvorby webů má jednu výhodu: dá se posoudit na sobě samé. Tak co je na tomhle webu vidět bez toho, abych něco tvrdil.
- Nula skriptů cizích firem, žádné Google Analytics, a proto ani lišta se souhlasem. Návštěvnost si měřím vlastním nástrojem, ze kterého se nedá zpětně určit člověk.
- Ceník rozepsaný na položky a kalkulace, ve které si rozsah naklikáte sami. Ne „cena na dotaz“.
- Dvě jazykové verze s vlastními adresami, ne přepnutý text na téže adrese.
- Přístupnost podle WCAG AA, tedy kontrast, ovládání klávesnicí a viditelný fokus. Dá se ověřit nástrojem, ne slibem.
- Měření rychlosti přímo na úvodní stránce, včetně odkazu na měření od Googlu, kde si to ověříte nezávisle na mně.
Když něco z toho nebude fungovat, napište mi to. Web, který se prodává rychlostí a poctivostí čísel, si nemůže dovolit, aby na něm něco takového zůstalo.
Pro koho to dělám
- Výrobní a technické firmy, které potřebují web, kde si technik ověří parametr a nákupčí najde doklady. Tohle je moje domácí půda, protože jsem v takových provozech patnáct let chodil.
- Firmy s procesem v Excelu, který se dávno přerostl a měl by běžet jako aplikace. Tady se hodí obojí: umím se zeptat na proces a umím pak napsat kód.
- E-shopy, které narazily na strop pronajaté platformy.
- Živnostníci a odborníci, kteří chtějí prezentaci, co působí důvěryhodně a je opravdu k něčemu. I malý web se dá udělat pořádně.
S kým si nesednu
Aby to nebyl jen prodejní text, tady je druhá strana. Řeknu to na začátku, ne po třech schůzkách.
- Kdo hledá nejnižší cenu na trhu. Tu u mě nenajde a je lepší to zjistit hned.
- Kdo chce spravovat nebo záplatovat web, který postavil někdo jiný. Za cizí kód se nemůžu zaručit.
- Kdo chce web hlavně proto, že ho firma má mít. Bez toho, aby měl co odpracovat, je to nejdražší splněná povinnost v účetnictví.
Jak spolupráce vypadá
- 1Napíšete mi, co řešíte. Nepotřebuju zadání v bodech, stačí popsat situaci a čeho chcete dosáhnout.
- 2Zavoláme si a projdu s vámi provoz, zákazníky a konkurenci. Z toho vzniká struktura webu, ne z šablony.
- 3Dostanete odkaz na kalkulaci, ve které si rozsah naklikáte sami a vidíte cenu po položkách. Je nezávazná.
- 4Stavím na adrese, kam se můžete kdykoliv podívat. Žádné velké odhalení na konci.
- 5Po spuštění je měsíc drobných úprav v ceně, zaškolení a video návod natočený na vašem webu. Provoz a dohled si můžete nechat na mně.
Časté otázky
Proč bych si měl vybrat vývojáře, který patnáct let dělal bezpečnost práce?
Protože patnáct let stavěl systémy pro firmy a viděl, které z nich lidé používají a které skončily v šuplíku. Tuhle zkušenost s reálným provozem procesů většina vývojářů nemá. Kód přitom píšu od patnácti let a vlastní e-shopy provozuju dvanáct let, takže technická stránka není nová dovednost.
Věnujete se ještě bezpečnosti práce?
Ano, ale v digitální podobě. Provozuju vzorovou dokumentaci a video návody, elektronickou knihu úrazů, digitální knihu návštěv, odborné fórum a online magazín o bezpečnosti práce. Terénní poradenství a pravidelné obchůzky pracovišť už nedělám.
Jak dlouho trvá vytvoření webu?
Jednostránkový web dva až tři týdny, firemní web se stránkou pro každou službu čtyři až šest týdnů, web s funkcemi na míru šest až deset týdnů. Konkrétní termín dostanete v nabídce ještě před objednávkou, ne jako vágní příslib.
Jaké skóre PageSpeed vaše weby mají?
V ceníku garantuju skóre nad 90 na mobilu i na počítači. Tenhle web má na produkčním sestavení výkon 99 a přístupnost, best practices i SEO na 100. Rychlost je podmínka, ne doplňková služba.
Děláte i e-shopy a webové aplikace na míru?
Ano. Vlastní e-shop s fakturací a platební bránou provozuju dvanáct let a mimo weby stavím i víceklientské aplikace, včetně těch, které běží na dotykovém terminálu nebo bez připojení.
Kdo bude na projektu pracovat?
Já. Návrh, texty, kód, nasazení i provoz. U větších projektů spolupracuju na marketingu s kolegyní z e-commerce, ale odpovědnost za výsledek zůstává na jednom člověku.
Pracujete i na dálku?
Ano, běžně. Projdu s vámi provoz osobně, když to má smysl, zbytek se dá vyřešit hovorem a odkazem na rozdělanou práci. Web vzniká na adrese, kam se můžete kdykoliv podívat.
Komu patří kód a data?
Vám. Zdrojový kód, obsah i databáze jsou vaše, doména je vedená na vaše jméno a za provoz neplatíte licenční poplatky. Kdykoliv si to můžete odnést jinam.
Co si z toho odnést
- Kód píšu od patnácti let, vlastní e-shopy provozuju dvanáct let a patnáct let jsem dělal bezpečnost práce v provozech.
- Z bezpečnosti práce jsem si odnesl jednu věc, která se do webů přenáší přímo: dokument, který splňuje formální požadavek a neplní funkci, je vyhozený čas. Platí to o směrnici i o webu.
- Nejsilnější reference jsou projekty, které provozuju sám a živí mě. Běží, spravuju je sám a najdete je na odkazech výše.
- Rychlost, přístupnost a měřitelnost jsou u mě podmínka, ne příplatek. Skóre tohohle webu si můžete změřit sami.
- Tenhle web spouštím proto, abych stavění webů a aplikací dělal naplno, a ne po večerech.
Chcete web, který pracuje
Napište mi, o čem uvažujete. Řeknu vám na rovinu, jestli to má smysl a co bych řešil jinak. Když z toho vyjde, že vám stačí jedna stránka nebo že vám web nepomůže vůbec, řeknu i to.
Za patnáct let jsem si odvykl kývat na věci, které nefungují.