[ PILNE ] Zrobić responsywny html css

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 techniczneFormularze 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.

Dzień dobry. Trzeba poprawić uruchomienie strony i być może szablon na WordPressie. Strona wyświetla się przy uruchomieniu jak na zrzucie ekranu. Freelancer, który to robił, zniknął i nie dokończył pracy. Trzeba sprawdzić poprawność szablonu i go dokończyć. Jak na desktopie, tak i w wersji mobilnej. Projekt w Figmie, projekt, który trzeba, jest też na zrzutach ekranu, w zasadzie wydaje się zrobiony, ale nie dokończono poprawnego wyświetlania na różnych rozmiarach ekranu.

Jest strona naszej witryny (lista oczekiwania) - https://onchainradar.ai Jest zbyt mocno przeciążona i laguje. Trzeba to naprawić, trochę poprawić animacje i niektóre elementy na urządzeniach mobilnych. Witryna jest na html i css. Oceń czas realizacji i koszt. Potrzebujemy tego już dzisiaj-jutro maksymalnie. Dziękuję.

Potrzebna pomoc w dostosowaniu szablonu designu WIX do własnej marki. Preferowani specjaliści z doświadczeniem w pracy z Wix.

Po zmianie wersji PHP z 7.0 na 7.4 na stronie OpenCart nieco przesunęły się dwa elementy: menu na stronie głównej i pola w formularzu zamówienia.