Wonder Spark robí zábavu a dekorácie na detské oslavy v Seattli a na Eastside vo Washingtone. Ich Google Ads už priťahovali kliky s pomerne vysokou mierou preklikov a web bol miestom, kde tie peniaze umierali: staršia verzia s problémami v použiteľnosti, kde sa z klikov stal vyplnený formulár len zriedka. Nový web sme navrhli vo Figme a postavili na ručne písanom PHP, so šesťkrokovou žiadosťou o rezerváciu v jeho strede.
V skratke
Východiskový stav
Wonder Spark za nami prišiel s už bežiacimi Google Ads. Miera prekliku bola pomerne vysoká, takže reklamy pozornosť získavali. Problém bol v tom, čo sa dialo po kliku: predchádzajúca verzia webu mala problémy s použiteľnosťou, konverzie boli nízke a formulár dokončilo veľmi málo návštevníkov. Každý klik bol v momente dopadu na tú stránku už zaplatený. Zadanie, ktoré nasledovalo, bolo konkrétne. Postaviť moderný, responzívny web, ktorému potenciálny klient naozaj rozumie, rozšíriť formuláre a pridať samostatnú dlhú rezervačnú žiadosť, ktorá zoberie dátum, výber programu a ostatné detaily.
Čo sme postavili
Web je vlastná PHP aplikácia napísaná od nuly pre túto firmu, nie poskladaná na CMS alebo page builderi. Toto rozhodnutie vyplynulo zo zadania: klient chcel dlhú rezervačnú žiadosť, ktorá sa správa ako dopyt na oslavu, a vlastný kód znamenal, že sa okolo nej dá tvarovať logika formulára aj štruktúra stránok. Zadanie opisuje realizáciu ako ručne písané PHP s vlastnou logikou, AI chatom a rezervačným formulárom, a to je rozsah, ktorý táto stránka opisuje.
Staré riešenie dávalo rodičovi jednu krátku možnosť, ako sa ozvať. Dodaná rezervačná žiadosť prejde miestom oslavy, dátumom a časom, programom, doplnkami, počtom hostí a kontaktnými údajmi, s priebežne prepočítavanou odhadovanou sumou vedľa. Dopyt teraz prichádza s dostatkom informácií na to, aby sa dal zodpovedať, a rodič počas vypĺňania vidí, ako oslava naberá tvar. Tento formulár je stredobodom nového webu a dôvodom, prečo je kód na mieru.
Popri dlhej rezervačnej žiadosti sme rozšírili existujúce formuláre. Nie každý návštevník prichádza pripravený konfigurovať oslavu, takže kratšia cesta ku konverzácii na webe zostala a rozšírili sme ju tak, aby tím pred odpoveďou získal viac potrebných údajov.
AI chatový asistent je otvorený priamo na rezervačnej stránke, kde sa rodič v polovici krokov môže opýtať namiesto zavretia karty a kde má cestu k odpovedi aj ten, kto formulár nikdy nezačne. Bol dodaný v rovnakej dodávke ako rezervačný proces.
Web sme optimalizovali naraz pre vyhľadávače aj pre AI asistentov, čo znamená napísať fakty o firme ako čitateľný text na stránke, nie ich pochovať do obrázkov a skriptov. Čo to prinieslo v prvom mesiaci, opisuje sekcia o viditeľnosti v AI.
Dizajn a zariadenia
Každé rozloženie na tomto webe stojí medzi plateným klikom a dopytom, takže sme celý web nakreslili vo Figme ešte pred vývojom, kde zmena stojí minúty. Zadanie určilo test, ktorý musela každá obrazovka prejsť: je to moderné, funguje to na telefóne a rozumie tomu rodič, ktorý o tejto firme nikdy nepočul? Rezervačnú žiadosť sme navrhli ako samostatný tok, oddelený od krátkej cesty ku kontaktu, pretože pýta oveľa viac.
Čo z toho vzišlo
Kampane bežali pred prestavbou aj po nej, takže premennou, ktorá sa zmenila, bola cieľová stránka. Klient uvádza, že tá istá platená návštevnosť začala konvertovať a že cena za konverziu výrazne klesla — a v tom je celá ekonomika tohto projektu: rozpočet na reklamu nepotreboval rásť, potrebovala fungovať stránka, na ktorú viedol. Druhý výsledok si nikto nenaplánuje. Už v prvom mesiaci po spustení začali na web prichádzať ľudia z ChatGPT a vypĺňať formuláre, a presne na to mierila práca na SEO, GEO a AEO. Klient si projekt sám zhrnul cez dôveru, o ktorej hovorí, že od spustenia výrazne vzrástla.
Cena za konverziu v už bežiacich Google AdsÚdaj od klienta.
Konverzie a vyplnené formuláre na webeÚdaj od klienta.
Návštevníci z ChatGPT, ktorí vyplnili formulárÚdaj od klienta.
Web sme optimalizovali naraz pre vyhľadávače aj pre AI asistentov, čo v praxi znamená uviesť fakty o firme ako čitateľný text, ktorý vie asistent odcitovať: čo firma robí, kde pôsobí a čo obnáša rezervácia oslavy. Do mesiaca od spustenia klient videl návštevníkov, ktorí prichádzali z ChatGPT a vypĺňali formuláre. Taký výsledok nikto nevie sľúbiť dopredu a je to dôvod, prečo musela byť rezervačná žiadosť rovnako zrozumiteľná pre stroj ako pre rodiča.
Ako sme na tom pracovali
Každý projekt beží podľa písomného plánu. Takto prebiehal tento.
Východiskom bolo to, čo klient už vedel: bežiace Google Ads, pomerne vysoké CTR, slabá konverzia. Táto kombinácia neukazuje na cielenie, ale na cieľovú stránku, takže sme rozsah práce zamerali na web, kam reklamy viedli.
Kompletný dizajn pred vývojom. Rozloženia, responzívne správanie a podoba rezervačnej žiadosti sa dohodli tu, kde zmeny stoja minúty.
Čistý kód s vlastnou logikou, napísaný pre túto firmu, aby rezervačný proces a štruktúra obsahu sadli na schválený dizajn bez boja so šablónou.
Šesťkrokový rezervačný formulár s odhadovanou sumou išiel online spolu s rozšírenými formulármi inde na webe a s AI chatovým asistentom.
Web sme optimalizovali pre vyhľadávače a AI asistentov naraz, aby si tie isté fakty o firme vedeli vytiahnuť oba.
Po spustení klient sledoval, odkiaľ dopyty prichádzajú. Práve tam bola uvedená nižšia cena za konverziu pri reklamách a práve tam sa objavili návštevy z ChatGPT.
Priame odpovede
Tá vaša bude pravdepodobne podobná niektorej z nich. Ak nie, opýtajte sa priamo.
Opýtajte sa na svoj projektRovnaký tím, rovnaký postup
Napíšte nám, čo predávate a kde to predávate. Dostanete plán ako ten vyššie, s ocenením a termínom prvého kroku ešte pred začiatkom.
