ZADANIE TECHNICZNE (ZT)
na opracowanie premium landing page
„Oczyszczona Woda Pitna”
1. Ogólne informacje o projekcie
Typ strony: Jednostronicowy premium landing page (Landing Page) z wysoką konwersją i możliwością rozbudowy do pełnoprawnej strony z blogiem/bazą wiedzy.
Cel: Pozyskiwanie leadów (wnioski o konsultację), budowanie zaufania do marki poprzez emocjonalną wizualizację, fakty naukowe i prezentację wartości firmy.
Platforma: Wykonawca proponuje optymalną platformę (Webflow lub WordPress + Bricks Builder) z uzasadnieniem w ofercie handlowej. Preferowane są rozwiązania zapewniające czysty kod, wysoką prędkość i premium wizualizację bez szablonowych rozwiązań.
2. Grupa docelowa
Rodziny (szczególnie z dziećmi), które dbają o zdrowie i jakość życia. Ludzie, którzy cenią przemyślaną kuchnię, wysokiej jakości oczyszczoną wodę i długoterminowe rozwiązania dla domu. Osoby w wieku 30–55 lat, o średnich i wyższych dochodach, które szukają niezawodnego partnera do instalacji systemu oczyszczania wody z serwisem.
3. Styl wizualny i design (UI/UX)
Referencja: Dołączony referencyjny makiet (zdjęcie telefonu z sekcją hero i blokiem „Wartości”). Styl powinien w pełni odpowiadać temu makietowi: czysty, jasny, premium lifestyle z ciepłymi akcentami.
Paleta kolorów: Biały i jasnoszary tło (czystość), elementy naturalnego drewna lub ciepłe akcenty, słoneczno-pomarańczowe/żółte przyciski CTA, głęboki niebieski/antacyt dla tekstu.
Obrazy: Wyłącznie premium lifestyle. Żywi emocjonalni ludzie (nie patrzą w kamerę), miękkie poranne światło słoneczne, naturalne kolory. Żadne sztuczne zdjęcia stockowe.
Typografia: Nowoczesna, czytelna, z odpowiednią interlinią i białą przestrzenią. Profesjonalny poziom bez przeciążenia.
4. Struktura landing page (6 głównych bloków)
BLOK 1. Ekran główny (Hero)
Wizual: Duże jasne zdjęcie na cały ekran — nowoczesna kuchnia, mama, tata, córka i synek piją czystą wodę ze szklanek, uśmiechają się, miękkie poranne słońce.
Nagłówek: „Twoje zdrowie zaczyna się od łyka oczyszczonej wody pitnej.”
Podtytuł: Systemy oczyszczania wody pitnej z dożywotnią obsługą serwisową dla Twojej rodziny na co dzień.
Przycisk CTA: „Uzyskaj konsultację eksperta” (pomarańczowy/żółty, widoczny).
BLOK 2. Nasze Wartości i Filozofia (Przemówienie założyciela)
Wizual: Profesjonalne zdjęcie właściciela (smart casual, otwarty i ufny wygląd).
Tekst (z referencji):
NASZA MISJA
Osobiste przemówienie:
CTA: „Chcę być zdrowy” (przewiń do Bloku 3 lub formularza).
BLOK 3. Kurs edukacyjny (Naukowe podejście)
Nagłówek: Dowiedz się więcej o wodzie, którą pijesz!
Format: Stylowa interaktywna siatka z 10 klikalnymi blokami/kartami. Każda karta prowadzi do osobnej strony artykułu/wideo (zalecane dla SEO) lub okna modalnego z pełnym tekstem/wideo.
Uwaga: Teksty/wideo artykułów dostarcza Zamawiający. Wykonawca zapewnia wygodną strukturę i atrakcyjne wyświetlanie.
BLOK 4. Oczyszczona woda pitna zmienia smak życia! (Emocjonalne dowody)
4 premium karty w siatce lub kolażu:
- Zdrowie: Dziewczyna pije oczyszczoną wodę. Tekst: „Odzyskuj swoje zdrowie łyk po łyku.”
- Barszcz / Dania: Makro barszczu z parą. Tekst: „Poczuj intensywny smak swoich potraw z oczyszczoną wodą pitną.”
- Kawa / Herbata: Tata parzy kawę, babcia z filiżanką herbaty. Tekst: „Odkryj prawdziwy aromat kawy i ciesz się pachnącą herbatą.”
- Gospodarstwo / Technika: Córka prasuje koszulę czystą parą. Tekst: „Zachowaj sprzęt na lata: idealna para bez kamienia.”
BLOK 5. Kompleksowe rozwiązanie (Produkt)
Wizual: Estetyczny montaż 5-stopniowego systemu odwróconej osmozy pod zlewem (czysty wygląd, bez chaosu rur) + stylowy oddzielny kranik na blacie.
Tekst: Zalety poprzez końcowy rezultat dla klienta (czystość, smak, dbałość o zdrowie).
Oferta: „System pod klucz + Profesjonalny montaż + Dożywotnia obsługa”.
BLOK 6. Blok zaufania (Dowody społeczne i gwarancje)
Główny trigger: Duża akcentująca plansza: „Jeśli jakość wody Ci się nie spodoba — zwróć system w ciągu 60 dni (0% ryzyka)”.
Elementy:
- Karuzela opinii (wideo lub zrzuty ekranu rzeczywistych rozmów).
- Galeria rzeczywistych prac „Przed / Po” montażu.
- Logotypy / wzmianki (jeśli są).
5. Wymagania funkcjonalne i techniczne
Formularze i generowanie leadów
Formularz konsultacji z polami: Imię, Telefon, Miasto/dzielnica, „Jaka woda masz teraz?” (lub krótkie pytanie). Integracja z botem Telegram lub CRM (do wyboru Zamawiającego).
Analityka i marketing
- Google Analytics 4 + zdarzenie na wysłanie formularza.
- Meta Pixel (Facebook/Instagram).
- Ustawienia konwersji.
Szybkość i SEO
PageSpeed Insights ≥ 90 na urządzeniach mobilnych i desktopowych. Czysta semantyczna struktura, zoptymalizowane obrazy, lazy loading.
Wersja mobilna
Mobile-first design. Idealne wyświetlanie na iPhone i Android (referencja — makieta na telefonie).
CMS i artykuły
Wygodny system do dodawania i edytowania artykułów kursu (kolekcja/posty).
6. Etapy realizacji i zatwierdzenia (4 etapy)
- Prototyp (UX-szkic): Czarno-biała schemat bloków i przycisków. Sprawdzenie logiki i akcentów.
- Koncepcja designu (UI): Kolorowy makiet pierwszych 3 bloków z zatwierdzonymi zdjęciami. Sprawdzenie stylu, czcionek, kolorów przycisków.
- Pełny design: Wizualizacja wszystkich 6 bloków. Ostateczne poprawki graficzne.
- Kodowanie i uruchomienie: Gotowa strona na wybranej platformie. Sprawdzenie szybkości, responsywności, działania formularzy, analityki.
7. Wymagania wobec wykonawcy
- Doświadczenie w tworzeniu premium landing page dla produktów/usług zdrowia, ekologii, technologii lub marek lifestyle (obowiązkowe portfolio z linkami).
- Doświadczenie w pracy z Webflow lub Bricks Builder (obowiązkowe).
- Gotowość do pracy etapowej z pośrednimi zatwierdzeniami.
8. Co potrzebne w ofercie handlowej
- Rekomendowana platforma z uzasadnieniem (Webflow / WP + Bricks).
- Stała cena z podziałem na etapy (lub stała + możliwe poprawki).
- Terminy realizacji po etapach.
- 2–3 odpowiednie przykłady z portfolio (linki + krótki opis).
- Warunki wsparcia po uruchomieniu (pierwsze 1–3 miesiące).
- Osoba kontaktowa i gotowość do rozmowy/spotkania w celu omówienia.
9. Dodatkowe informacje
Cała treść tekstowa (z wyjątkiem referencyjnych fraz) jest dostarczana przez Zamawiającego.
Zdjęcia i wizualizacje: Wykonuje wykonawca, integruje i optymalizuje.
Domena i hosting: Zamawiający dostarcza lub wykonawca pomaga w podłączeniu.
Prawa autorskie: Po pełnej płatności wszystkie prawa do strony przechodzą na Zamawiającego.
