Výchozí situace
Truhlářství Kochman je rodinná dílna v Klatovech, na trhu od roku 1995. Hlavní obor jsou kuchyňské linky na míru, k tomu vestavěné skříně. Zakázku vede od zaměření po montáž včetně spotřebičů a má vlastní CNC stroj i olepovačku hran, takže nečeká na subdodavatele.
Dílna měla prezentaci na Webnode, která už neodpovídala tomu, co umí. Podklady byly upřímně skromné: 37 fotek realizací z mobilu, texty starého webu, publicitní deska dotace na CNC a hodnocení z Googlu. Žádné logo, žádné fotky dílny, žádný ceník. Zadání znělo: nic nevymýšlet a udělat z toho, co je, web, který obstojí vedle katalogů velkých značek.
Návštěvník je typicky majitel bytu nebo domu uprostřed stavby, řeší kuchyň a skříně najednou, pod tlakem harmonogramu, a web si otevře na telefonu.
Co jsme udělali
Fotka je argument, text dovysvětluje. Rozvržení dává realizacím celou šířku obrazovky, souměrnou mřížku dlaždic 4:5 a posuvníky. Na úvodní obrazovce se střídají čtyři kuchyně přímo z databáze realizací. Fotky z mobilu prošly vlastním nástrojem: ořez data v rohu, WebP ve třech velikostech a rozmazaný náhled, aby stránka při načítání neskákala.
Postavili jsme to kolem koordinace se stavbou. Dílna ještě před výrobou předá stavbě míry a podklady pro obklady, elektriku a vodu, takže kuchyně nezdrží ostatní řemesla. To je důvod, proč si vybrat právě tuhle dílnu, a na webu je čitelný dřív, než člověk doroluje ke kontaktu.
Žádný formulář. Zakázka na míru začíná hovorem nebo e-mailem s půdorysem v příloze. Telefon je proto po ruce v každé chvíli a na serveru neběží žádné odesílání pošty ani relace. Web nepoužívá analytiku ani služby třetích stran, takže nemá ani cookie lištu.
Mapa bez cizího okna. Vložený rámec z map se na pomalé lince vykresloval špatně, tak je mapa dílny složená ze dlaždic OpenStreetMap do obyčejného obrázku, který se kliknutím otevře v navigaci.
Čisté PHP 8, jeden soubor stylů, jeden skript. Žádný framework, žádná knihovna, žádná CDN. Písma jsou ořezaná na české znaky. Web se nahraje přes FTP a běží; nová realizace je nahrát fotky a přidat záznam do JSON.
Co na web nešlo. Hodnocení z Googlu se cituje doslova a schválně se nedává do strukturovaných dat, protože nevzniklo na tomhle webu. Ceny, dodací lhůty ani počty zakázek za rok na webu nejsou, protože je dílna neuvádí.
Výsledky
Web je v době psaní čerstvě hotový a čeká na nasazení na doménu klienta, takže tu nejsou čísla z vyhledávání. Co doložit umíme:
- 31 realizací ve třech kategoriích (20 kuchyní, 9 skříní, 2 ostatní), každá s vlastní galerií a filtrem.
- Kontrast textu podle WCAG AA, viditelné focus stavy, alt texty u všech
fotek, klávesová navigace v prohlížeči fotek a respektování
prefers-reduced-motion. - Nulová závislost na cizích službách: web nemá co přestat fungovat, když někdo jiný změní podmínky.
Co bude dál: po nasazení a prvním čtvrtletí v Search Console se tu objeví čísla, a Google Business Profile dílny dostane stejnou adresu a otevírací dobu, jaké jsou na webu.
