Project overview
The project combines product storytelling, order-focused UX, retail discovery, and paid acquisition instrumentation in a React/Vite build.
Live preview
Inspect the actual landing page.
01 - The Problem
The product needed a clearer path from interest to order.
Fresh Soy Tempeh needed a page that could quickly explain the product, support trust, show where to buy, and make ordering feel immediate on mobile.
The page also needed to support marketing activity, including WhatsApp click attribution, Meta Pixel events, and later CAPI work for stronger campaign feedback.
02 - The Solution
I built the page around ordering intent and proof.
The structure starts with the product promise and immediate order path, then reinforces confidence through trust strips, quality guidance, nutrition transparency, cooking versatility, and stockist information.
- Built a React/Vite landing page using modular sections for hero, trust, product order, quality, stockists, and footer.
- Created WhatsApp order CTAs with tracking hooks and mobile-friendly placement.
- Added stockist discovery with expandable city/store groups and map links.
- Integrated Meta Pixel lead tracking and continued CAPI gateway work through Cloudflare Worker setup.
03 - Output & Impact
A landing page that supports both customers and campaigns.
The final output gives customers a clear product story, a direct order route, and local purchase options. It also gives the business cleaner campaign signals through event tracking and UTM-aware WhatsApp paths.
- Conversion impact: direct WhatsApp CTA, sticky mobile action, and wholesale enquiry path.
- Trust impact: product imagery, freshness messaging, nutrition guidance, and quality cues.
- Marketing impact: Meta Pixel, CAPI gateway work, and audit-driven optimization notes.