Svajál: predajná landing pre prírodný bylinný čaj
Svajál
Svajál je nová slovenská značka s jediným produktom: prírodným bylinným čajom na uvoľnenie svalstva a regeneráciu po športe. Zadanie bolo jasné — postaviť jednostránkový predajný web, ktorý odprezentuje zloženie, vybuduje dôveru bez existujúcej reputácie a privedie návštevníka k objednávke. Srdcom riešenia je objednávkový formulár so živým prepočtom ceny a balíčkovou zľavou (1 balenie €6,90 vs. 3 balenia €18,90). Projekt sme dodali za 7 dní s rozpočtom €280.
Single-product landing + objednávkový formulár
Typ projektu
Edukovať, získať dôveru a doviesť k objednávke
Hlavný cieľ
€280
Cena tohto projektu
Vybrané obrazovky a vizuály
Vizuálny náhľad projektu ukazuje, ako vyzerá web na rôznych zariadeniach. Responzívny dizajn zabezpečuje perfektné zobrazenie na mobiloch, tabletoch a desktopoch.
Ako sme rozložili zadanie
Projekt mal nízky rozpočet, krátky čas a jediný produkt. Preto sme ho postavili okolo jednej veci, ktorá rozhoduje o predaji: dôvera, ktorá plynule prejde do objednávky.
Nová značka musela vzbudiť dôveru bez recenzií
Pri konzumovateľnom produkte je dôvera kľúčová, no Svajál nemal žiadnu históriu ani referencie.
Postavili sme transparentnú edukáciu o bylinách a doplnili reálne firemné údaje.
Technológie a implementácia
Obsahová architektúra + Next.js komponenty
Objednávka mala byť jednoduchá a cenovo transparentná
Návštevník mal vidieť presnú cenu s DPH a výhodu balíčka ešte pred odoslaním.
Navrhli sme formulár s −/+ výberom množstva a živým prepočtom ceny vrátane zľavy.
Technológie a implementácia
React logika + TypeScript stav
Bez online platby bolo treba udržať dôveru v objednávke
Doručenie aj platba sa upresňujú e-mailom, takže formulár musel pôsobiť dôveryhodne a jasne.
Pridali sme zrozumiteľnú poznámku „Spôsob doručenia a platby upresníme e-mailom" priamo k formuláru.
Technológie a implementácia
Formulárová logika + e-mail notifikácia
Bolo treba udržať pozornosť na jednej stránke
Single-product web nesmie rozptyľovať — každá sekcia mala viesť bližšie k objednávke.
Použili sme kotvovú navigáciu a opakované CTA, aby bol formulár vždy na dosah.
Technológie a implementácia
Komponentová architektúra + kotvová navigácia
Podobné problémy vo vašom biznise? Pomôžeme vám ich vyriešiť moderným tech stackom.
Výsledná štruktúra
Kompletná webová štruktúra navrhnutá pre maximálnu konverziu a user experience. Každá stránka má jasný účel a optimalizovanú navigáciu.
Najdôležitejšie sekcie webu
Každá sekcia riešila konkrétny biznis problém a zvyšovala konverzie
Hero s jasným CTA
Produktová fotka, headline a opakované CTA „Objednať čaj" vedú návštevníka priamo k objednávke.
Edukácia o piatich bylinách
Curcuma longa, Withania somnifera, Rhodiola rosea, Lavandula angustifolia a Passiflora incarnata s latinskými názvami a mandala ikonografiou.
Večerný rituál
Štvorkrokový návod („Jedno vrecúško zalejte horúcou vodou a nechajte 5–7 minút lúhovať") mení produkt na každodenný regeneračný rituál.
Objednávkový formulár so živým súčtom
Výber množstva −/+ s okamžitým prepočtom ceny a balíčkovou zľavou; spôsob doručenia a platby sa potvrdzuje e-mailom.
Použitý stack
Frontend
Rýchla jednostránková landing optimalizovaná pre SEO, výkon a konverziu k objednávke.
Obsah a funkcie
Objednávkový formulár so živým súčtom a balíčkovou zľavou, edukačné bloky o bylinách a newsletter.
Hosting a nasadenie
Rýchly deployment, škálovanie a jednoduchá údržba aj pri budúcom rozšírení sortimentu.
Frontend
Rýchla jednostránková landing optimalizovaná pre SEO, výkon a konverziu k objednávke.
Obsah a funkcie
Objednávkový formulár so živým súčtom a balíčkovou zľavou, edukačné bloky o bylinách a newsletter.
Hosting a nasadenie
Rýchly deployment, škálovanie a jednoduchá údržba aj pri budúcom rozšírení sortimentu.
💡 Moderný tech stack = rýchly web + jednoduchá údržba + dlhodobá podpora
Priebeh realizácie
Aby sme sa zmestili do 7 dní, pracovali sme po fázach s rýchlym schvaľovaním a zámerne úzkym prvým releasom.
Deň 1
Obsah, štruktúra a copy
1 deňZadefinovali sme tok jednostránky, poradie sekcií a texty orientované na dôveru a objednávku.
Deň 2–3
Hero, byliny a rituál
2 dniPoskladali sme hero, edukačné bloky bylín a sekciu večerného rituálu s mandala ikonografiou.
Deň 4–6
Objednávkový formulár a zloženie
3 dniNaprogramovali sme formulár so živým súčtom, balíčkovou zľavou, blok zloženia a newsletter.
Deň 7
Finalizácia a deployment
1 deňPrebehlo finálne ladenie, nasadenie cez Vercel a odovzdanie klientovi.
FAQ k projektu
Potrebujete predajnú landing pre jeden produkt alebo značku?
Navrhneme štruktúru, copy aj objednávkový tok tak, aby web budoval dôveru a plynulo viedol k objednávke.
Nechajte nám kontakt (stačí e-mail alebo telefón)
✨ Rýchly first release • Jasné CTA • Bez zbytočnej komplexity