Kalkulačky pre web

01Východiskový stav

Kalkulačky samotné fungovali, ale nemali kde presvedčiť. Kto ich chcel použiť na svojom webe, musel sa niekde dopátrať, či to vôbec ide, aké typy existujú a ako to bude na jeho stránke vyzerať. Nástroj bez vlastnej vstupnej stránky sa ťažko šíri — a práve šírenie je celý zmysel embedu.

02Náš prístup

Postavili sme samostatnú landing page, ktorá odpovedá na všetko ešte pred prvým klikom: čo kalkulačky vedia, ako sa vkladajú a ako budú vyzerať. Jadrom je živý konfigurátor — návštevník si vyberie typ, doladí farbu do svojej palety a rovno vidí náhľad. Výstupom je jeden HTML blok na skopírovanie. Žiadna registrácia, žiadny účet.

Priebeh prác

1. 01
   Positioning & copy3 dni

   Uhol stránky: nie „máme kalkulačky“, ale „vložíte si ich za dve minúty“. Copy postavené na odstránení trenia — bez registrácie, bez poplatku.

2. 02
   Dizajn landing page4 dni

   Editorial hero s veľkou typografiou a fotografiou, tri kroky procesu, prehľad deviatich kalkulačiek ako číslovaná séria.

3. 03
   Konfigurátor4 dni

   Výber typu, ladenie farby cez hex a živý náhľad embedu. Výstupom je jeden blok kódu pripravený na skopírovanie.

4. 04
   Vývoj & launch3 dni

   Implementácia v Next.js, embed cez iframe s prenosom farebnej konfigurácie, SEO metadáta cielené na frázy typu „kalkulačka na web“.

03Výsledok

Čo klient reálne získal

• Landing page dala nástroju vlastnú vstupnú bránu — dovtedy sa kalkulačky nemali kde predať
• Živý náhľad v konfigurátore odstraňuje pochybnosť „ako to bude vyzerať u mňa“ ešte pred vložením
• Nulová bariéra: bez registrácie a bez účtu, výstupom je jeden HTML blok
• Embed na cudzích weboch odkazuje späť na FitGuides — nástroj je zároveň distribučný kanál