Wersja C figma w tailwind

Strona jest teraz na Wordpressie na hostingu Chcę przenieść WordPress.com + ustawienia zarządzania przez Claude, aby można było edytować istniejące strony, tworzyć nowe 4 wersje językowe: PL, ua/, ru, EN Strony są zrobione prosto, Meta tagi + jest blok z HTML, do którego wpisany jest kod z claud Stron jest gdzieś 25 na każdy język Kto robił coś podobnego? jaka jest cena? ile czasu to zajmie? Jak byście zrealizowali 4 języki

Potrzebne jest opracowanie anglojęzycznej strony internetowej dla firmy w tematyce fintech, licencjonowanego biznesu, M&A oraz wsparcia prawnego. Jest 10 gotowych projektów stron w formacie PNG, a także oddzielne obrazy i logo. Nie ma makiet Figma. Nie jest wymagane dokładne odwzorowanie pixel-perfect, ale ważne jest zachowanie ogólnej stylistyki, struktury, typografii, kolorów i logiki bloków. Strona musi być w pełni zakodowana, a nie złożona ze zrzutów ekranu lub obrazów. Strony Strona główna; katalog ofert; strona pojedynczej oferty; Usługi prawne — ogólna strona usług; strona pojedynczej usługi; lista artykułów; strona artykułu; O nas; Kontakt; Wyślij zapytanie / formularz zapytania. Co należy zrealizować niestandardowy motyw WordPress bez Elementor, Divi, WPBakery i innych wizualnych konstruktorów; czysty HTML/CSS/JS kod; ACF / ACF Pro dla wygodnej edycji treści przez panel administracyjny; oddzielne typy wpisów dla Ofert, Usług Prawnych, Artykułów; katalog ofert z wyszukiwarką, filtrami, sortowaniem i paginacją; bloki wyróżnionych ofert, powiązanych ofert, najnowszych informacji oraz powiązanych artykułów; formularze kontaktowe z wysyłaniem zgłoszeń na email i podstawową ochroną przed spamem; edycja przez panel administracyjny kontaktów, bloków CTA, menu, stopki i innych powtarzających się elementów; podstawowa optymalizacja prędkości: WebP, lazy load, zoptymalizowane obrazy. Wersja mobilna Nie ma oddzielnych makiet mobilnych. Należy samodzielnie wykonać logiczną i wygodną adaptację na podstawie desktopowych referencji. Szczególnie ważne jest poprawne dostosowanie menu, kart, katalogu i filtrów ofert, formularzy, charakterystyk na stronach ofert, bloków CTA oraz stopki. Nie jest wymagany oddzielny skomplikowany projekt mobilny od podstaw, ale to nie może być tylko pomniejszona wersja desktopowa.

# Specyfikacja techniczna Potrzebne jest zaktualizowanie projektu sklepu internetowego na WordPress/WooCommerce oraz wykonanie szeregu poprawek technicznych. ## 1. Redesign strony Aktualna strona: https://promo.doctor-magnesium.com.ua/ Za podstawę nowego projektu wykorzystać: https://demo.templatemonster.com/demo/220581.html ### Wymagania Maksymalnie zbliżyć wygląd do referencji. Dostosować projekt do istniejącej struktury sklepu. Zachować cały istniejący funkcjonalność. Całkowicie responsywne układ (PC, tablet, urządzenia mobilne). Optymalizować szybkość ładowania stron. Nie pogorszyć SEO (URL, metadane, indeksowanie). ## 2. WooCommerce Konieczne jest sprawdzenie i poprawienie wyświetlania statusów zamówień. Obecnie statusy działają niepoprawnie. Należy zapewnić prawidłowe wyświetlanie i przetwarzanie standardowych statusów WooCommerce, w szczególności: Opłacono W trakcie realizacji Wykonywane Zakończone Oczekuje na płatność Anulowane Zwrot pieniędzy Inne standardowe statusy Trzeba znaleźć przyczynę problemu (wtyczka, motyw lub kod niestandardowy) i naprawić ją bez utraty funkcjonalności. ## 3. Angielska wersja strony Konieczne jest wdrożenie pełnoprawnej anglojęzycznej wersji strony. Wymagania: możliwość przełączania języków; angielska wersja wszystkich głównych stron; tłumaczenie interfejsu sklepu; tłumaczenie WooCommerce; tłumaczenie karty produktu; poprawne działanie koszyka i składania zamówienia w języku angielskim. Można użyć odpowiedniej wtyczki (WPML, Polylang lub innej), ale pożądane jest zaproponowanie optymalnego rozwiązania. ## 4. Ogólne wymagania Przed rozpoczęciem prac wykonać kopię zapasową strony. Wszystkie zmiany należy najpierw wprowadzać na kopii testowej. Kod powinien być schludny i zgodny z przyszłymi aktualizacjami WordPress i WooCommerce. Po zakończeniu dostarczyć krótki raport o wykonanych pracach. ## W odpowiedzi proszę podać Orientacyjną cenę. Terminy realizacji. Doświadczenie w pracy z WordPress/WooCommerce. Przykłady podobnych projektów (jeśli są dostępne). Jakie podejście zostanie wykorzystane do realizacji anglojęzycznej wersji.

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.