Svajál: a sales landing page for a natural herbal tea
Svajál
Svajál is a new Slovak brand with a single product: a natural herbal tea for muscle relaxation and recovery after sport. The brief was clear — build a one-page sales site that presents the composition, builds trust without an existing reputation, and moves the visitor toward an order. At the heart of the solution is an order form with a live price total and a bundle discount (1 pack €6.90 vs. 3 packs €18.90). The project was delivered in 7 days for €280.
Single-product landing + order form
Project type
Educate, build trust, and drive the order
Main goal
€280
Project price
Selected screens and visuals
Visual project preview shows how the website looks on different devices. Responsive design ensures perfect display on mobiles, tablets and desktops.
How we structured the brief
The project had a low budget, a short timeline, and a single product. So we built it around the one thing that decides the sale: trust that flows smoothly into an order.
A new brand had to build trust without reviews
Trust is critical for an ingestible product, but Svajál had no history or references.
We built transparent ingredient education and added real, verifiable company data.
Technologies and implementation
Content architecture + Next.js components
Ordering had to be simple and price-transparent
The visitor needed to see the exact VAT-inclusive price and the bundle benefit before submitting.
We built a form with a −/+ quantity selector and a live price total including the discount.
Technologies and implementation
React logic + TypeScript state
Without online payment, the order still had to feel safe
Delivery and payment are clarified by email, so the form had to feel trustworthy and clear.
We added a clear note — “delivery and payment will be confirmed by email” — right next to the form.
Technologies and implementation
Form logic + email notification
Attention had to stay on a single page
A single-product site must not distract — every section had to lead closer to the order.
We used anchor navigation and repeated CTAs so the form was always within reach.
Technologies and implementation
Component architecture + anchor navigation
Similar problems in your business? We will help you solve them with modern tech stack.
Final structure
Complete web structure designed for maximum conversion and user experience. Each page has clear purpose and optimized navigation.
Most important website sections
Each section solved specific business problem and increased conversions
Hero with a clear CTA
A product shot, a headline, and repeated “Objednať čaj” CTAs lead the visitor straight to the order.
Five-herb education
Curcuma longa, Withania somnifera, Rhodiola rosea, Lavandula angustifolia, and Passiflora incarnata, with Latin names and mandala iconography.
Evening ritual
A four-step routine (“steep one bag in hot water for 5–7 minutes”) turns the product into a daily recovery ritual.
Order form with a live total
A −/+ quantity selector with an instant price total and bundle discount; delivery and payment are confirmed by email.
Project stack
Frontend
A fast single-page landing optimized for SEO, performance, and order conversion.
Content and features
Order form with a live total and bundle discount, ingredient education blocks, and a newsletter.
Hosting and deployment
Fast deployment, scaling, and easy maintenance as the product range grows.
Frontend
A fast single-page landing optimized for SEO, performance, and order conversion.
Content and features
Order form with a live total and bundle discount, ingredient education blocks, and a newsletter.
Hosting and deployment
Fast deployment, scaling, and easy maintenance as the product range grows.
💡 Modern tech stack = fast website + easy maintenance + long-term support
Delivery process
To fit the 7-day deadline, we worked in compact phases with fast approvals and an intentionally focused first release.
Day 1
Content, structure, and copy
1 dayWe defined the one-page flow, section order, and copy focused on trust and ordering.
Day 2–3
Hero, herbs, and ritual
2 daysWe assembled the hero, the herb education blocks, and the evening-ritual section with mandala iconography.
Day 4–6
Order form and composition
3 daysWe built the order form with a live total and bundle discount, the composition block, and the newsletter.
Day 7
Finalization and deployment
1 dayWe completed final polishing, deployed via Vercel, and handed the project over to the client.
Project FAQ
Need a sales landing page for a single product or brand?
We can design the structure, copy, and order flow so the site builds trust and leads smoothly to the order.
Leave your contact (email or phone is enough)
✨ Fast first release • Clear CTAs • No unnecessary complexity