Zadanie
Čo klient chcel
- Nahradiť zastaraný web modernou prezentáciou optiky
- Online objednávanie na meranie zraku bez telefonovania
- Menej zmeškaných termínov vďaka pripomienkam
- Lepšiu viditeľnosť v Google pri hľadaní optiky v Košiciach
Výzva
S čím klient prišiel
Optik Petrík je očná optika na Komenského ulici v Košiciach, ktorá funguje od roku 1991. Ponúka meranie zraku, individuálne šošovky Rodenstock, kontaktné šošovky a štandardne okolo 1 500 okuliarových rámov.
Pôvodný web bol zastaraný a nezodpovedal tomu, ako optika vyzerá dnes, s novým prírodným interiérom a machovou stenou. Na meranie zraku sa klienti objednávali telefonicky.
Pri objednaných termínoch je problémom aj zabúdanie. Zmeškaný termín je prázdne okno v rozvrhu, ktoré sa už nedá ponúknuť inému klientovi. Optika preto chcela termín automaticky potvrdiť a pripomenúť bez obvolávania.
Riešenie
Čo sme urobili a prečo
Redizajn v prírodnom štýle. Nový vizuál nadväzuje na machovú stenu v predajni: zelené tóny, veľké fotografie a jasná štruktúra: úvod, služby, sortiment, tím a kontakt. Web je postavený na čistom HTML5 a Tailwind CSS bez zbytočných knižníc, aby sa rýchlo načítal aj na mobile.
Vlastný rezervačný systém. Klient si na webe vyberie deň a potom jeden z voľných časov na meranie zraku, a to až do konca nasledujúceho mesiaca. Termíny sa spravujú v jednoduchej administrácii, takže optika má prehľad bez papierového diára.
Automatické SMS. Hneď po rezervácii odíde klientovi SMS s potvrdením a deň pred termínom pripomienka s dátumom, časom a druhom služby. Správy posiela naše SMS API, ktoré pri každej SMS eviduje, či bola doručená.
Lokálne SEO. Titulky a popisy stránok sú napísané pre hľadanie typu „očná optika Košice“, web má štruktúrované dáta pre optiku, služby a časté otázky a je optimalizovaný na Core Web Vitals (rýchlosť načítania, ktorú meria Google).
Po spustení sme tri mesiace zbierali dáta. Prvá verzia bola jedna stránka s rezerváciou. Potom sme čakali a pozerali sa, čo ukáže Search Console a Bing. Za júl až september 2026 bolo jasné jedno: web sa zobrazoval hlavne na značku a na „optika košice“, kde mal 992 zobrazení a tretiu pozíciu. Dopyty „očná optika košice“, „meranie zraku košice“ a „kontaktné šošovky“ mali stovky zobrazení, ale pozíciu 8 až 19 a nula kliknutí. Dopyt tam bol, web ho len nemal čím zachytiť.
Jedna stránka na jednu otázku. Pribudlo šesť stránok ponuky: meranie zraku, kontaktné šošovky, okuliarové šošovky, okuliare, slnečné okuliare a oprava okuliarov. Služby a Sortiment sa zmenili na rozcestníky. Texty sme na nové stránky presunuli, nie skopírovali, aby web nesúťažil sám so sebou. Na každej stránke sú časté otázky, ktoré sú aj v štruktúrovaných dátach, a odpoveď začína priamou odpoveďou, lebo presne tú časť citujú vyhľadávače aj AI asistenti.
Opravili sme aj to, čo web tvrdil o sebe. V pôvodných štruktúrovaných dátach stálo, že meranie zraku nie je spoplatnené. Nie je to pravda a optike to vodilo do predajne ľudí, ktorí sa prišli len premerať. Teraz je v dátach aj v texte správne, že platená je práve odbornosť, a zadarmo je aplikácia kontaktných šošoviek, označená ponukou s nulovou cenou. Doplnili sme, že optika je zmluvným partnerom VšZP, Dôvery a Unionu a že je jediným partnerom Rodenstock B.I.G. EXACT® Sensitive v Košiciach. K tomu llms.txt, teda zhrnutie webu pre AI asistentov, a presná mestská časť Košice-Sever overená v OpenStreetMap.
Upratali sme, čo Google videl navyše. Stránka s ochranou údajov mala 636 zobrazení a dve kliknutia a zaberala miesto pod výsledkom na značku. Dostala noindex a vypadla zo sitemap. Stará stránka o covide sa presmerovala na úvod a priečinok s obrázkami, v ktorom ležala celá kópia starého webu, vracia zamietnutie. Google ju dovtedy videl ako duplicitnú stránku. Obrázok na zdieľanie a logo, na ktoré sa web odkazoval, na serveri vôbec neexistovali, takže sme ich doplnili.
Rýchlosť: zo 842 kB na 200 kB. Fotografie idú v AVIF cez značku source a vo WebP ako záloha, každá má zadané rozmery, takže stránka pri načítaní neposkakuje, a čo je pod prvou obrazovkou, načíta sa až pri scrollovaní. Obrázky sú zmenšené na veľkosť, v akej sa naozaj zobrazujú. Pozadie s machom má pre mobil vlastný výrez. Ťažké logá značiek, z ktorých jedno malo 220 kB, sú ako WebP po pár kilobajtoch. Písma sme presunuli na vlastný server, takže web nepotrebuje Google Fonts a Google nedostáva IP adresy návštevníkov.
Formuláre, ktoré nepotrebujú cookie. Kontaktný formulár aj rezervácia prešli na rovnaké sito proti spamu ako na webe InGlory. Namiesto cookie alebo relácie sa do formulára vkladá podpísaná pečiatka času, ktorú sa nedá sfalšovať. Zachytená správa dostane rovnakú odpoveď ako odoslaná, aby robot nevedel, na čom spadol, a odloží sa bokom pre prípad omylu. Administrácia dostala limit na prihlásenie, ochranu proti podvrhnutiu požiadavky a záznam o tom, kto termín zrušil a či o tom odišla SMS.
Ako to dopadlo. V našom audite má web teraz 100 zo 100 na mobile aj na počítači a plný počet aj v rýchlosti, SEO a bezpečnosti. Pred zmenami to bolo 82 na mobile, 85 na počítači, 75 za rýchlosť, 89 za SEO a 80 za bezpečnosť, a osem kontrol neprešlo. Dnes neprejde ani jedna. Stránka schudla z 1 747 kB na 595 kB, odozva servera zo 159 na 68 milisekúnd a načítanie na mobile z 2 080 na 1 046 milisekúnd. Google PageSpeed dáva 95 na mobile a 100 na počítači.
Dodávka
Čo klient dostal
- Rýchly web na mieru (HTML5 + Tailwind CSS, bez zbytočných knižníc)
- Vlastný rezervačný systém so správou termínov
- Online výber voľného termínu do konca nasledujúceho mesiaca
- Automatické SMS potvrdenie hneď po rezervácii
- SMS pripomienku deň pred termínom
- SEO štruktúru, štruktúrované dáta schema.org a optimalizáciu Core Web Vitals
- Šesť stránok ponuky doplnených po spustení podľa dát zo Search Console
- Prehľad pätnástich značiek rámov, šošoviek a športovej optiky
- Kontaktný formulár s výberom predmetu a ochranou proti spamu bez cookie
- Fotografie v AVIF a WebP, llms.txt a opravené štruktúrované dáta
Výsledky
Čo sa dá overiť
Čísla auditu sú z nášho vlastného nástroja, meranie pred zmenami je zo 4. októbra 2026 a po nich z 5. októbra 2026.
Priebeh
Ako projekt prebiehal (4 týždne)
-
Konzultácia a analýza
Ciele, cesta zákazníka od hľadania optiky po objednanie a návrh rezervačného procesu.
-
Dizajn a UX
Od drôteného modelu (wireframe) k finálnemu vzhľadu v dvoch kolách pripomienok.
-
Vývoj
Web, rezervačný systém a napojenie na SMS API.
-
Testovanie a spustenie
Kontrola na mobiloch, rýchlosť, nasadenie a zaškolenie personálu.
-
Zber dát
Tri mesiace v Search Console a v Bingu: na čo sa web zobrazuje, kde má pozíciu bez kliknutí.
-
Rozšírenie a optimalizácia
Šesť nových stránok ponuky, opravené štruktúrované dáta, obrázky do AVIF a WebP, vlastné písma a ochrana formulárov.
Technológie
Na čom to beží
- HTML5 a Tailwind CSS
- čistý kód bez zbytočných knižníc, takže web sa načíta rýchlo aj na mobile
- PHP
- rezervačný systém a administrácia termínov
- SMS API
- naše rozhranie na posielanie potvrdení a pripomienok
- Schema.org
- štruktúrované dáta, vďaka ktorým Google rozumie, že ide o optiku, a pozná jej služby
Galéria
Ukážky
(otvorí obrázok v plnej veľkosti v novom okne)
(otvorí obrázok v plnej veľkosti v novom okne)
(otvorí obrázok v plnej veľkosti v novom okne)