Svajál: prodejní landing pro přírodní bylinný čaj
Svajál
Svajál je nová slovenská značka s jediným produktem: přírodním bylinným čajem na uvolnění svalstva a regeneraci po sportu. Zadání bylo jasné — postavit jednostránkový prodejní web, který odprezentuje složení, vybuduje důvěru bez existující reputace a přivede návštěvníka k objednávce. Srdcem řešení je objednávkový formulář s živým přepočtem ceny a balíčkovou slevou (1 balení €6,90 vs. 3 balení €18,90). Projekt jsme dodali za 7 dní s rozpočtem €280.
Single-product landing + objednávkový formulář
Typ projektu
Edukovat, získat důvěru a dovést k objednávce
Hlavní cíl
€280
Cena tohoto projektu
Vybrané obrazovky a vizuály
Vizuální náhled projektu ukazuje, jak vypadá web na různých zařízeních. Responzivní design zajišťuje perfektní zobrazení na mobilech, tabletech a desktopech.
Jak jsme rozložili zadání
Projekt měl nízký rozpočet, krátký čas a jediný produkt. Proto jsme ho postavili okolo jedné věci, která rozhoduje o prodeji: důvěra, která plynule přejde do objednávky.
Nová značka musela vzbudit důvěru bez recenzí
U konzumovatelného produktu je důvěra klíčová, ale Svajál neměl žádnou historii ani reference.
Postavili jsme transparentní edukaci o bylinách a doplnili reálné firemní údaje.
Technologie a implementace
Obsahová architektura + Next.js komponenty
Objednávka měla být jednoduchá a cenově transparentní
Návštěvník měl vidět přesnou cenu s DPH a výhodu balíčku ještě před odesláním.
Navrhli jsme formulář s −/+ výběrem množství a živým přepočtem ceny včetně slevy.
Technologie a implementace
React logika + TypeScript stav
Bez online platby bylo třeba udržet důvěru v objednávce
Doručení i platba se upřesňují e-mailem, takže formulář musel působit důvěryhodně a jasně.
Přidali jsme srozumitelnou poznámku „Spôsob doručenia a platby upresníme e-mailom" přímo k formuláři.
Technologie a implementace
Formulářová logika + e-mailová notifikace
Bylo třeba udržet pozornost na jedné stránce
Single-product web nesmí rozptylovat — každá sekce měla vést blíž k objednávce.
Použili jsme kotevní navigaci a opakovaná CTA, aby byl formulář vždy na dosah.
Technologie a implementace
Komponentová architektura + kotevní navigace
Podobné problémy ve vašem byznysu? Pomůžeme vám je vyřešit moderním tech stackem.
Výsledná struktura
Kompletní webová struktura navržená pro maximální konverzi a user experience. Každá stránka má jasný účel a optimalizovanou navigaci.
Nejdůležitější sekce webu
Každá sekce řešila konkrétní byznys problém a zvyšovala konverze
Hero s jasným CTA
Produktová fotka, headline a opakované CTA „Objednať čaj" vedou návštěvníka přímo k objednávce.
Edukace o pěti bylinách
Curcuma longa, Withania somnifera, Rhodiola rosea, Lavandula angustifolia a Passiflora incarnata s latinskými názvy a mandala ikonografií.
Večerní rituál
Čtyřkrokový návod („Jedno vrecúško zalejte horúcou vodou a nechajte 5–7 minút lúhovať") mění produkt na každodenní regenerační rituál.
Objednávkový formulář s živým součtem
Výběr množství −/+ s okamžitým přepočtem ceny a balíčkovou slevou; způsob doručení a platby se potvrzuje e-mailem.
Použitý stack
Frontend
Rychlá jednostránková landing optimalizovaná pro SEO, výkon a konverzi k objednávce.
Obsah a funkce
Objednávkový formulář s živým součtem a balíčkovou slevou, edukační bloky o bylinách a newsletter.
Hosting a nasazení
Rychlý deployment, škálování a jednoduchá údržba i při budoucím rozšíření sortimentu.
Frontend
Rychlá jednostránková landing optimalizovaná pro SEO, výkon a konverzi k objednávce.
Obsah a funkce
Objednávkový formulář s živým součtem a balíčkovou slevou, edukační bloky o bylinách a newsletter.
Hosting a nasazení
Rychlý deployment, škálování a jednoduchá údržba i při budoucím rozšíření sortimentu.
💡 Moderní tech stack = rychlý web + jednoduchá údržba + dlouhodobá podpora
Průběh realizace
Abychom se vešli do 7 dní, pracovali jsme po fázích s rychlým schvalováním a záměrně úzkým prvním releasem.
Den 1
Obsah, struktura a copy
1 denZadefinovali jsme tok jednostránky, pořadí sekcí a texty orientované na důvěru a objednávku.
Den 2–3
Hero, byliny a rituál
2 dnySložili jsme hero, edukační bloky bylin a sekci večerního rituálu s mandala ikonografií.
Den 4–6
Objednávkový formulář a složení
3 dnyNaprogramovali jsme formulář s živým součtem, balíčkovou slevou, blok složení a newsletter.
Den 7
Finalizace a deployment
1 denProběhlo finální ladění, nasazení přes Vercel a předání klientovi.
FAQ k projektu
Potřebujete prodejní landing pro jeden produkt nebo značku?
Navrhneme strukturu, copy i objednávkový tok tak, aby web budoval důvěru a plynule vedl k objednávce.
Nechte nám kontakt (stačí e-mail nebo telefon)
✨ Rychlý first release • Jasné CTA • Bez zbytečné komplexity