Case study

Case study: CUD Oleje – storytelling na TIPIcms i kampania leadowa

Zaprojektowaliśmy landing produktowy dla manufaktury olejów tłoczonych na zimno. Strona na TIPIcms łączy storytelling, kalkulator diety oraz formularze leadowe pod kampanie Meta Ads.

Strona TIPIcms CUD Oleje

Klient

CUD Oleje – storytelling na TIPIcms i kampania leadowa

Informacje o kliencie

Zaprojektowaliśmy landing produktowy dla manufaktury olejów tłoczonych na zimno. Strona na TIPIcms łączy storytelling, kalkulator diety oraz formularze leadowe pod kampanie Meta Ads.

Co zrobiliśmy

Zaprojektowaliśmy landing produktowy dla manufaktury olejów tłoczonych na zimno. Strona na TIPIcms łączy storytelling, kalkulator diety oraz formularze leadowe pod kampanie Meta Ads.

  • Wydajność 96/100 w Lighthouse (mobile).
  • Lead magnety spięte z MailerLite i Slackiem sprzedaży.
  • Strona gotowa do rozbudowy o e-commerce (TIPI → Presta).

Podstawowe informacje

  • Platforma TIPIcms (headless)
  • Branża Produkty spożywcze premium
  • Czas realizacji 6 tygodni

Zakres projektu

  • Warsztaty UX + koncepcja treści
  • Design system + komponenty TIPI
  • Integracja z MailerLite i Meta Pixel
  • Optymalizacja WebP i Core Web Vitals

Zakres współpracy

  • Mapa treści z wyróżnionymi sekcjami edukacyjnymi o tłoczeniu oleju.
  • Komponenty storytelingowe (timeline, FAQ, karty certyfikatów) na TIPI.
  • Kalkulator spożycia z zapisaniem w localStorage i wysyłką leadu do CRM.
  • Implementacja lead magnetów: e-book, próbki, konsultacje z dietetykiem.
  • CI/CD – staging dla zespołu contentowego, automatyczne testy Lighthouse.

Stack technologiczny

  • TIPIcms
  • TypeScript + Vite
  • Tailwind + custom tokens
  • Cloudflare Images / WebP
  • Netlify build + webhooki

Najważniejsze moduły

Storytelling i edukacja o produkcie

Klient chciał odejść od suchego katalogu. Zaprojektowaliśmy moduły, które opowiadają o procesie tłoczenia i wspierają SEO long-tail.

  • Sekcja timeline z animacją tłoczenia i mikrointerakcjami.
  • Karty certyfikatów i wyników badań – edytowalne w panelu TIPI.
  • Komponent opinii z UGC wideo (vouchery dla klientów).

Lead generation i automatyzacje

Landing generuje ruch z kampanii płatnych. Ważne było szybkie przekazanie leada do sprzedaży oraz mierzalność.

  • Formularze TIPI wysyłają dane do MailerLite + Slack (webhook).
  • Zapisywane preferencje żywieniowe w localStorage ułatwiają remarketing.
  • Analityka: Meta Pixel + Events API i niestandardowe zdarzenia GA4.

Potrzebujesz podobnego wdrożenia?

  • Średni CPL spadł o 27% dzięki lepszej jakości ruchu i mikro-konwersjom.
  • Strona ładuje się < 1,2 s na 4G (WebPageTest) mimo bogatej warstwy graficznej.
  • Zespół marketingu samodzielnie publikuje treści dzięki komponentom TIPI.
Porozmawiajmy Zobacz stronę CUD Oleje