Верстка, фронтенд сайта.

1. Strona na WordPressie 2. Zwiększyć prędkość do 100 na urządzeniach mobilnych i desktopowych 3. Zrealizować przez kod, bez wtyczek 4. Termin 1-2 dni 5. Stronę prześlę w wiadomości prywatnej

Trzeba opracować animowaną figurę na pierwszy ekran strony: https://front.touchit.vinnica.ua/spiral2/ Obecnie w banerze używana jest tymczasowa figura. Należy ją zastąpić naszą unikalną animacją, opartą na logo firmy. Główny referencja dotycząca ruchu i efektu wizualnego: https://atuin.media/en/ Co jest wymagane: Stworzyć proceduralną figurę w kształcie naszego logo. Figura powinna płynnie się poruszać, obracać, wyginać i deformować. Nagłówek powinien być widoczny, gdy figura na niego wpada. Ruch powinien być ciągły i żywy, bez zauważalnego powtarzania krótkiej animacji. Wizualnie logo powinno wyglądać jak elastyczna, trójwymiarowa wstęga lub powierzchnia. Należy zrealizować oświetlenie, cienie, refleksy, gradienty i w razie potrzeby półprzezroczystość. Animacja powinna poprawnie działać na różnych rozdzielczościach ekranu. Ważne jest zapewnienie dobrej wydajności na komputerach i urządzeniach mobilnych. Gotową animację należy zintegrować z istniejącym układem banera. Animacja nie powinna przeszkadzać w działaniu tekstu, przycisków i innych elementów strony. Mamy gotowy model logo w formacie GLB. Można go użyć jako podstawę lub wizualny punkt odniesienia. Przy tym rozumiemy, że zwykłe obracanie gotowego modelu jest niewystarczające. Potrzebna jest dynamiczna deformacja geometrii. Przewidywany stos technologiczny: • Three.js • WebGL • JavaScript • Procedural geometry lub vertex deformation Rozważamy także inne opcje realizacji, jeśli wynik będzie wizualnie podobny do referencji i będzie działał poprawnie w przeglądarce.

TECHNICZNE ZADANIE Aktualizacja sklepu internetowego bp.ua O projekcie Funkcjonujący sklep internetowy z perfumami na OpenCart 2.x. Należy przenieść na OpenCart 4.x, zaktualizować design i funkcjonalność, zachować wszystkie dane, integracje i SEO. Strona jest dwujęzyczna (ukraiński + rosyjski). Szukamy wykonawcy (lub zespołu) do backendu i frontendu. Można zgłaszać się do jednej części lub do obu.Część 1. Backend (OpenCart 4)Migracja Rozwój czystego OpenCart 4.x (najbardziej stabilna gałąź), PHP 8.1+. Przeniesienie danych: produkty, kategorie, atrybuty, opcje, marki, klienci, zamówienia, opinie, strony treści. Zachowanie SEO-URL (przyjazne URL) jeden-do-jednego; mapa 301-przekierowań ze starych adresów. Nie ma bezpośredniej aktualizacji 2.x → 4.x: tylko czysty rozwój + kontrolowane przeniesienie.Integracja API z dostawcą (priorytet) Portowanie istniejącej niestandardowej modyfikacji wymiany z serwerem dostawcy (ceny + stany magazynowe). Automatyczna synchronizacja według harmonogramu (cron), log błędów, ręczne uruchamianie. Ukrywanie/status dla pozycji, których nie ma w magazynie. Wsparcie katalogu 2000+ pozycji.Moduły Nowa Poczta: wybór oddziałów/paczkomatów, automatyczne generowanie TTN z panelu administracyjnego. Płatność: podłączenie systemu płatności (LiqPay / Fondy / WayForPay — do uzgodnienia), płatność przy odbiorze. Checkout: logika serwerowa, zamówienie gościa, statusy, powiadomienia dla klienta. Masowy import/aktualizacja produktów z cennika (xlsx/csv), powiązanie zdjęć z artykułem/kodem kreskowym.Dwujęzyczność (uk / ru) Dwujęzyczny sklep: uk-UA (główny) i ru-RU. Dwujęzyczne pola produktów, kategorii, stron treści, meta-tagów. Osobne SEO-URL dla każdego języka, tagi hreflang, kanoniczne URL. 301-przekierowania ze starych URL obu języków (sprawdzić aktualny schemat: /ru/, subdomena czy parametr). Listy do kupującego — w języku sesji klienta.Blog Zachować istniejącą sekcję artykułów https://blog.bp.ua/. Przenieść istniejące artykuły (uk/ru) z zachowaniem URL i 301-przekierowaniami tam, gdzie to konieczne. Dwujęzyczność, poprawna SEO-znakowanie artykułów. Sekcja bloga ma pozostać edytowalna z panelu administracyjnego.SEO (serwerowe) Wymiana zewnętrznego modułu SEO na natywny mechanizm OC4. Generacja sitemap.xml (osobne gałęzie językowe), poprawny robots.txt. Mikroznakowanie Schema.org (Produkt, Oferta, BreadcrumbList, Artykuł dla bloga).Wydajność i bezpieczeństwo Cache (OPcache + wbudowany OC4), optymalizacja zapytań, gzip/brotli, HTTP/2. Obrazy: WebP, zmiana rozmiaru z cache. HTTPS, 2FA w panelu administracyjnym, aktualne poprawki, codzienne kopie zapasowe. Core Web Vitals w „zielonej” strefie na urządzeniach mobilnych.Porządek prac Wszystkie prace prowadzone są na staging. Stara strona działa do pełnego przetestowania nowej. Przełączenie na produkcję — z możliwością cofnięcia przez 30 dni. Część 2. Frontend (design + kodowanie)Design Styl: minimalistyczny, premium, dużo „powietrza”, akcent na zdjęcia produktu. Podejście mobile-first (większość ruchu — mobilny). System designu w Figma: paleta, typografia, komponenty, stany. Makiety kluczowych ekranów (desktop + mobilny): strona główna, katalog, karta produktu, strona marki, koszyk, checkout, wyszukiwanie, blog i strona artykułu.Kodowanie Semantyczny HTML5, czysty CSS, responsywny (mobile-first). Integracja w szablonach twig OpenCart 4 (nie statyczne), praca z danymi na żywo. Obrazy: WebP, lazy-load, srcset. Czcionka z pełną cyrylicą (uk/ru). Cross-browser: Chrome, Safari, Firefox, Edge + iOS/Android. Core Web Vitals: LCP < 2.5 s, CLS < 0.1, INP < 200 ms (mobilny).Funkcjonalność interfejsu Filtry fasetowe katalogu: marka, typ, objętość, nuta, płeć, cena. Karta produktu: zdjęcie, opis, nuty, format/objętość, opinie, „kupują z tym”. Szybki podgląd, lista życzeń, porównanie, etykiety (nowość, hit, limitowana ilość). Responsywny checkout z minimalną liczbą kroków, automatyczne uzupełnianie dla Nowej Poczty. Sekcja bloga: lista artykułów i strona artykułu w stylu strony.Dwujęzyczność (uk / ru) Przełącznik języków w nagłówku, poprawny na urządzeniach mobilnych. Kodowanie uwzględnia różną długość linii w dwóch językach. Cały tekst tematu — przez zmienne językowe OC4 (bez „wbudowanego” tekstu). Przyjęcie i współpracaCo przekazać na zakończenie Backend: dostępy (serwer, Baza Danych, panel administracyjny, repozytorium), krótka dokumentacja dotycząca modyfikacji i cron, instrukcja dotycząca wdrożenia/rollbacku, lista zewnętrznych modułów. Frontend: plik Figma z systemem designu i ekranami, kod tematu (twig + CSS/JS), instrukcja zmiany banerów/treści.Kryteria przyjęcia (krótko)

Dzień dobry, jest feed z produktami w następującej formie: trzeba je załadować na stronę i zrobić, aby maksymalna większość produktów została zaindeksowana przez Google. Szczegóły wyślę w wiadomości prywatnej.

Cześć! Szukamy osoby, która potrafi stworzyć stronę internetową w Elementorze z figmy. Plik Figma - https://www.figma.com/design/oZbnOEiWFrNtWVMXp4oc1K/CODY-x-Sprendimai?node-id=0-1&t=NB2DtJ589hB4jvOv-1 Myślę, że to jest oczywiste, ale mieliśmy jeden incydent na tej platformie, więc chcę tylko przypomnieć - NIE KONTAKTUJ SIĘ Z KLIENTEM/NAMI BEZPOŚREDNIO Z KONTA W PLIKU FIGMA Główne rzeczy - Może to być w pełni strona Elementor, bez ACF itd. Wszystkie wtyczki/podstawowy motyw będą dostarczone. Cała typografia, kolory, odstępy (padding i marginesy), przyciski oraz inne globalne style powinny być skonfigurowane w Ustawieniach Strony Elementor (Style Kit). Zapewnia to, że jeśli klient doda nowy tekst, sekcje lub strony w przyszłości, automatycznie będą pasować do istniejącego projektu bez potrzeby dodatkowego stylizowania lub dostosowywania. Jest wersja desktopowa i mobilna, obie powinny być jak najbardziej dopasowane do pikseli, dostosowane do większości punktów przerwania. Programista powinien mówić po angielsku, ponieważ niestety nie nauczyliśmy się jeszcze języka ukraińskiego :) .