Budżet: 12000 UAH Termin: 7 dni
Dzień dobry!
Z radością podejmę się twojego zadania i wykonam je szybko i jakościowo. Mam duże doświadczenie w składaniu i frameworku Laravel. Pracowałem w firmie, która używała frameworka Laravel. Dokładnie znam JS. Większość moich stron internetowych jest napisana w Laravel, więc z twoją stroną nie będzie problemów.
Możemy omówić szczegóły, koszt i terminy w wiadomościach prywatnych. Bardziej szczegółowo opowiem o sobie w prywatnej korespondencji.
Pisz!
Budżet: 15000 UAH Termin: 7 dni
Witam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotów do współpracy.
Budżet: 1500 UAH Termin: 1 dzień
Cześć!
Mogę starannie zrealizować mobilne i desktopowe wersje dwóch sekcji 1:1 według twojego makietu Figma, uwzględniając wszystkie animacje i efekty przewijania. Pracuję z projektami Laravel, więc mogę wdrożyć to w istniejący kod przez Blade/osobny layout bez łamania obecnej struktury.
W pierwszej sekcji:
Zrealizuję sekwencyjną zmianę kątów widzenia 3D samochodu zgodnie z ekranami Start 1 → Toner 1 → Toner 2 → Vinyl 1 → Vinyl 2 → Ceramic → Custom → final 3.
Ustawię płynne przejścia, aby animacja wyglądała tak samo, jak w makiecie (po kliknięciu/auto-odtwarzaniu/przewijaniu — jak zaplanowano w projekcie).
W drugiej sekcji (Slide 2 + storytelling):
Zrobię „przewijanie wewnątrz bloku” bez przechodzenia do następnej sekcji: podczas przewijania będą płynnie zmieniać się slajdy Slide2 → Slide 2_1 → Slide 2_3.
Podłączę twoje wideo jako tło dla Slide 2_1, zsynchronizuję zmianę wyróżnionego tekstu z logiką przewijania.
Dla Slide 2_3 zrealizuję animację wjazdu bloku od dołu, jak w makiecie, z naciskiem na pokazanie efektu folii.
Dostosuję wszystko do mobilnych i desktopowych rozdzielczości, z płynnymi animacjami i odpowiednią wydajnością.
Jestem gotów omówić szczegóły (odnośnie czasów animacji, wyzwalaczy przewijania i formatów 3D/wideo) w wiadomościach prywatnych, aby jak najdokładniej ocenić terminy i budżet.
Budżet: 9000 UAH Termin: 7 dni
Dzień dobry!
Zapoznałem się z makietą w Figma oraz opisem zadania. Mogę wykonać szeregowanie dwóch sekcji 1:1 według projektu z poprawną adaptacją na desktop i mobile.
Co zrealizuję:
— płynna zmiana stanów auta w pierwszej sekcji (Start → Toner → Vinyl → Ceramic → Custom → Final);
— scroll-storytelling w drugiej sekcji z fiksowanym blokiem, wideo w tle oraz zmianą tekstu podczas scrollowania;
— staranne i płynne animacje bez szarpnięć;
— czyste szeregowanie, wygodne do integracji w Laravel.
Mam doświadczenie w szeregowaniu interaktywnych sekcji oraz responsywnych interfejsów.
Jestem gotów omówić szczegóły i przystąpić do pracy.
Budżet: 10000 UAH Termin: 4 dni
Dzień dobry 👋
Zapoznałem się z makietą w Figma oraz opisem zadania. Mam doświadczenie w dokładnym odwzorowywaniu 1:1 według projektu, a także w realizacji skomplikowanych animacji i scrolltellingu (płynne przejścia wewnątrz sekcji, blokowanie elementu, zmiana stanów podczas przewijania itp.).
W sprawie zadania:
Pierwsza sekcja z modelem 3D i przełączaniem kątów widzenia — zrealizuję starannie, z poprawną adaptacją na urządzenia mobilne i desktopowe.
Druga sekcja z efektem scroll-tail, wideo w tle oraz etapową zmianą treści — również zrozumiała logika, można to zrobić płynnie i bez „szarpania”.
Pracuję z czystym kodem + JS (w razie potrzeby GSAP do płynnych przejść).
Budżet: 15000 UAH Termin: 4 dni
Dzień dobry!
Projekt jest bardzo interesujący, idealny dla mojego poziomu ekspertyzy. Specjalizuję się w skomplikowanym interaktywnym układzie i scrolltelingu, dlatego zrealizuję te dwie sekcje 1:1 z makietą, zachowując idealną płynność przejść.
Jak będę realizować aspekty techniczne:
Sekcja 1 (3D kąty): Zrobię płynne przełączanie stanów (kątów) samochodu. Jeśli model będzie ciężki — zoptymalizuję tak, aby wszystko działało płynnie.
Sekcja 2 (Scrollteling): Użyję GSAP ScrollTrigger do stworzenia bezszwowego przejścia wewnątrz bloku. Wideo w tle będzie zsynchronizowane ze zmianą tekstu, aby stworzyć efekt pełnego zanurzenia.
Laravel: Bez problemu zintegrować układ w strukturze waszego projektu. Kod będzie czysty, logiczny i gotowy do osadzenia na backendzie.
Gwarantuję wynik Pixel-Perfect oraz wysoką wydajność (Lighthouse będzie w zielonej strefie). Jestem gotów rozpocząć pracę od razu po otrzymaniu modelu 3D i wideo.
Z poważaniem,
Ołeksandr
Budżet: 12000 UAH Termin: 7 dni
Witaj! Gotowy omówić i zrealizować Twoje zamówienie.
https://smate1.github.io/ink.design/
https://smate1.github.io/PanterEx/
https://smate1.github.io/stay_safe/
https://smate1.github.io/avg/
Budżet: 13000 UAH Termin: 7 dni
Dzień dobry!
Zapoznałem się z makietą w Figma i opisem zadania. Należy zbudować 1:1 dwie sekcje (desktop + mobile) z naciskiem na animację, zmianę kątów 3D-modelu samochodu oraz scroll-storytelling wewnątrz bloku. Format jest jasny: to nie tylko kodowanie, ale staranna realizacja interaktywnej sekcji prezentacyjnej.
Mam doświadczenie w tworzeniu animacyjnych landingów i bloków wizerunkowych z utrzymywaniem sekcji podczas scrollowania, płynnych przejściach stanów i synchronizacji tekstu/wideo. Pracowałem z projektami na Laravel, dlatego poprawnie zintegrowuję kodowanie w istniejącej strukturze (Blade, komponenty, asset pipeline).
Jak widzę realizację:
Pierwsza sekcja (Start 1 – Final 3)
— naprzemienna zmiana kątów 3D-modelu;
— zarządzanie stanami przez scroll lub timeline;
— płynne przejścia bez „szarpania”;
— pełna adaptacja pod mobile (oddzielna logika animacji w razie potrzeby).
Druga sekcja (Slide2 + scroll-storytelling)
— utrzymanie bloku podczas scrollowania;
— płynna zmiana stanów wewnątrz sekcji;
— przejście do Slide 2_1 z wideo-tłem i synchronizacją aktywnego tekstu;
— animacyjne wjeżdżanie Slide 2_3 od dołu z poprawną wydajnością.
Szczególną uwagę poświęcę:
wydajności (optymalizacja animacji, GPU-acceleration);
poprawnej pracy na urządzeniach mobilnych;
cross-browserowości;
czystości kodu dla dalszego wsparcia.
Pracuję etapami: najpierw buduję desktop pierwszej sekcji → zatwierdzenie → adaptacja → następnie druga sekcja. To pozwala uniknąć przeróbek na końcu.
Terminy: 7–12 dni roboczych (zależy od złożoności 3D-modelu i zachowania podczas scrollowania).
Koszt: orientacyjnie 12 000 – 18 000 zł. Dokładniej mogę powiedzieć po ustaleniu formatu 3D (video/sequence/WebGL) i wymagań dotyczących animacji.
Jestem gotów omówić szczegóły i przystąpić do pracy.
Budżet: 10000 UAH Termin: 10 dni
✔ Zrobię adaptację (mobile + desktop)
✔ Zrealizuję sekwencyjną zmianę kątów 3D-modelu (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Final 3)
✔ Wykonam scroll-storytelling w drugiej sekcji (Slide2, Slide 2_1 z wideo-tłem i zmianą tekstu, płynne przejście do Slide 2_3 z animacją wyjazdu bloku z dołu)
✔ Płynne animacje bez szarpnięć, poprawna praca wewnątrz bloku
✔ Przygotuję czysty layout do wygodnej integracji w Laravel
Budżet: 23000 UAH Termin: 8 dni
Cześć.
Zapoznałam się z makietą.
Sekcja 1 — to sekwencyjna zmiana stanów samochodu (Start → Toner → Vinyl → Ceramic → Custom → Final) z płynnymi przejściami.
Sekcja 2 — scroll-storytelling z stałym blokiem, tłem wideo i przełączaniem tekstu podczas przewijania.
Jestem gotowa zrealizować mobilną + desktopową wersję 1:1 według makiety z płynną animacją i poprawną adaptacją na wszystkie urządzenia.
Przed ostateczną oceną należy wyjaśnić kilka kwestii:
1. W jakim formacie dostarczany jest model 3D? (glb / obj / fbx?)
2. Czy to interaktywna scena 3D, czy tylko zmiana materiałów/kątów widzenia?
3. Czy potrzebna jest pełna logika WebGL, czy wystarczą zarządzane stany podczas przewijania?
4. Czy animacja na urządzeniach mobilnych ma działać tak samo jak na desktopie?
5. Czy są wymagania dotyczące wydajności (Lighthouse / czas ładowania)?
6. Czy będzie to integracja w gotowym projekcie Laravel (Blade), czy osobna strona?
Wstępnie co do objętości:
⏳ 6–8 dni roboczych
💰 od 23 000 zł (dokładny koszt po wyjaśnieniu formatu 3D)
Jestem gotowa omówić szczegóły i zaproponować optymalne rozwiązanie techniczne.
Budżet: 5000 UAH Termin: 2 dni
już jest podobne przewijanie poziome, na ile zrozumiałem, dopóki nie przewiniemy całkowicie, nie puszczamy użytkownika dalej w dół
https://webprogressor.com
Budżet: 17000 UAH Termin: 17 dni
Witam! Wykonam Twoje zadanie szybko i jakościowo.
Moje portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Pisz, zacznę pracować dzisiaj. Będę zadowolony ze współpracy z Tobą!
Alexander Anufriev
Oferta, która wygrała- Zlecenia 8
- Ocena 5.0
- Ranking 744
Budżet: 8000 UAH Termin: 5 dni
Cześć!
Jestem gotów stworzyć wersje mobilne i desktopowe 1:1 według twojego projektu. Pracuję z Laravel, mam doświadczenie w integracji i tworzeniu interaktywnych scen 3D na Three.js (w tym zmiana kątów widzenia i animacje modeli).
Złożę sekcje starannie, piksel po pikselu i responsywnie.
Budżet: 8000 UAH Termin: 7 dni
Cześć! Zainteresował mnie projekt Carpowraps. Dokładnie przejrzałem makietę w Figma oraz opis zadań — rozumiem wymagania techniczne i jestem gotów zrealizować obie sekcje „1 w 1” jak na makiecie.
Co proponuję:
✅ Pierwsza sekcja (3D-samochód):
— Zrealizuję sekwencyjne wyświetlanie kątów (Start → Toner → Vinyl → Ceramic → Custom → Final).
— Zintegruję 3D-model, który dostarczycie (format omówimy).
— Zapewnię płynne przejścia między stanami.
✅ Druga sekcja (Scrollytelling + wideo):
— Zrealizuję płynny efekt scrollowania z synchronizacją tekstu i wideo (Slide 2_1).
— Animacja „wjeżdżania” elementów od dołu (Slide 2_3) z uwzględnieniem wydajności.
— Adaptacyjna wersja dla urządzeń mobilnych (bez utraty efektu wizualnego).
✅ Ogólne gwarancje:
— Pixel Perfect layout z Figma (marginesy, czcionki, animacje).
— Pełna responsywność (Mobile, Tablet, Desktop).
— Czysty, uporządkowany kod (BEM), gotowy do integracji z Laravel.
— Optymalizacja wydajności (Lazy Load dla wideo, minifikacja).
Co do ceny i terminów:
Orientacyjny koszt: 8 000 zł za obie sekcje.
Orientacyjny termin: 7-14 dni (zależy od szybkości dostarczenia 3D-modelu i wideo).
Aby podać ostateczną cenę, chciałbym wyjaśnić:
W jakim formacie będzie 3D-model? (GLTF, FBX, czy to gotowy render w postaci sekwencji obrazów?)
Czy jest gotowe wideo dla Slide 2_1, czy potrzebna pomoc w optymalizacji?
Czy potrzebna jest integracja z Laravel z mojej strony, czy tylko kod frontendowy?
Budżet: 12000 UAH Termin: 14 dni
Witam. Mam realne doświadczenie z Three.js. Integracja modeli 3D stworzonych w Blenderze. GSAP timeline+scrollTrigger. Przykład mogę przesłać w wiadomościach prywatnych.
Aby uzyskać dokładną wycenę, należy przejrzeć model 3D.
Proszę o kontakt!
Budżet: 2000 UAH Termin: 3 dni
Witam! Zapoznałem się z projektem i jestem gotów przystąpić do pracy. Jestem pewien, że będą Państwo zadowoleni z rezultatu.
Budżet: 16000 UAH Termin: 7 dni
Cześć
Nazywam się Dmitrij, firma King Kong Web
Jesteśmy gotowi zbudować 2 sekcje strony 1:1 według makiety z Figma z dokładnym przestrzeganiem animacji i logiki przejść. Mamy doświadczenie w skomplikowanym kodowaniu z efektami przewijania, elementami 3D i niestandardowymi animacjami.
Pierwsza sekcja z samochodem w różnych kategoriach (Start 1 – Toner 1 – Toner 2 – Vinyl 1 – Vinyl 2 – Ceramic – Custom – Final 3) może być zrealizowana poprzez kolejno zmieniające się sceny/kategorie z płynymi przejściami. Jeśli model 3D jest dostarczany, będziemy mogli poprawnie go zintegrować przez Three.js lub wideo/ciąg renderowania — wybierzemy optymalną opcję pod względem wydajności.
Druga sekcja z opowiadaniem przy przewijaniu (Slide2 → 2_1 → 2_3) będzie realizowana przez stały blok z animacją wewnątrz podczas przewijania (bez przejścia do następnej sekcji do zakończenia scenariusza). Tło wideo zintegrować poprawnie z uwzględnieniem optymalizacji i płynnej zmiany tekstu. Przejścia zrobimy starannie i wydajnie.
Laravel nie stanowi problemu — możemy zintegrować go z bieżącym szablonem bez naruszania struktury projektu.
Orientacyjny koszt: 350–500 USD
Terminy: 7–14 dni roboczych
Dokładna wycena po ustaleniu formatu 3D (rzeczywisty model lub sekwencja wideo) i sprawdzeniu bieżącego kodowania projektu.
Jestem gotów omówić szczegóły i przystąpić do pracy.
Budżet: 1000 UAH Termin: 2 dni
Dzień dobry,
Mogę szybko i jakościowo wykonać twoje zadanie.
Mogę dostosować twoją stronę do dowolnej szerokości ekranu, dodać interaktywność na stronie bez zbędnych CDN w celu optymalizacji działania strony.
Zapraszam do kontaktu.
Budżet: 12000 UAH Termin: 14 dni
Dzień dobry. Zainteresował mnie Państwa zlecenie. Posiadam ponad 10-letnie doświadczenie w web development, a w Laravel piszę od ponad 6 lat. Proszę pisać na wiadomości prywatne w celu omówienia szczegółów.
Budżet: 8000 UAH Termin: 14 dni
Zrealizuję layout dwóch sekcji strony internetowej zgodnie z dostarczonym makietą w Figma, zapewniając 1 do 1 odwzorowanie. Pierwsza sekcja z modelem 3D samochodu zostanie zrealizowana ze wszystkimi wskazanymi kątami, a druga sekcja z płynny scroll oraz tłem wideo zostanie zintegrowana bez zakłóceń.
Mam doświadczenie w tworzeniu skomplikowanych interfejsów w HTML i CSS, a także w realizacji efektów animacyjnych. Pracowałem nad projektami, które wymagały precyzji w odwzorowaniu designu, w tym responsywności dla wersji mobilnych i desktopowych.
Jakie technologie planujecie użyć do integracji layoutu w Laravel? Czy są jakieś szczególne wymagania dotyczące optymalizacji szybkości ładowania?
Proponuję wykonać pracę za 5000 zł z terminem 7 dni.
Aktualnie brak ofert
Oferty ukryte
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Istnieje działająca strona produkcyjna z katalogiem produktów, kartami modeli i stronami informacyjnymi. Stos technologiczny frontend: — Next.js; — React; — TypeScript; — istniejący system komponentów; — środowiska staging i produkcyjne. Jest zatwierdzony kierunek wizualny i projekt nowej strony głównej. Należy go wdrożyć w istniejącym projekcie, dostosować do desktop/tablet/mobile i doprowadzić wszystkie główne typy stron do jednolitej, zaktualizowanej stylistyki. Pełny redesign produktu i zmiana logiki biznesowej nie są wymagane. OBOWIĄZKOWY ZAKRES 1. Nowa strona główna — zrealizować stronę główną według dostarczonego projektu; — zachować istniejącą funkcjonalność, linki i routingu; — poprawnie podłączyć zatwierdzone sekcje i CTA; — wykorzystać istniejące dane i API; — przewidzieć poprawne wyświetlanie dynamicznej treści. Główne typy sekcji: — nagłówek/nawigacja; — hero; — bloki informacyjne; — karty modeli/ofert; — bloki analityczne lub market insight; — sekcje CTA; — stopka. Dokładny skład sekcji zostanie dostarczony wybranemu wykonawcy wraz z makietą. 2. Responsywność Należy zrealizować: — desktop; — tablet; — mobile; — pośrednie rozdzielczości; — poprawne zachowanie siatek, kart, menu, przycisków i typografii; — brak poziomego scrolla i konfliktów wizualnych. 3. Typografia i ogólne style — wdrożyć nowe zatwierdzone czcionki; — doprowadzić rozmiary, wagi, line-height i odstępy do jednolitego systemu; — zaktualizować style przycisków, kart, pól, badge'ów i nagłówków; — w miarę możliwości wykorzystać wspólne design tokens lub zmienne CSS; — nie dublować stylów osobno dla każdej strony bez potrzeby. 4. Ujednolicenie istniejących stron Sprawdzić i doprowadzić do nowej stylistyki główne typy stron: — katalog; — karta modelu / PDP; — strony informacyjne; — nagłówek; — stopka; — formularze; — okna modalne; — istniejące CTA; — stany loading / empty / error, jeśli już występują w projekcie. Chodzi o wizualne ujednolicenie istniejących komponentów, a nie o pełny indywidualny redesign każdej strony. 5. Katalog Sprawdzić: — siatkę kart; — obrazy; — nazwę, referencję i cenę; — filtry i sortowania; — przyciski i linki; — wyświetlanie desktop/mobile; — stany loading i empty; — brak wizualnych przesunięć podczas ładowania. 6. PDP Sprawdzić: — galerię; — główny blok informacyjny; — cenę i CTA; — sekcje analityczne; — tabele i metryki; — About Watch; — układ desktop/mobile; — długie nazwy, referencje i brakujące dane. Należy zachować obecną funkcjonalność i istniejące kontrakty API. 7. Nagłówek i Stopka — jednolita stylistyka na wszystkich stronach; — responsywna nawigacja; — mobilne menu; — poprawne stany active/hover/focus; — brak rozbieżności między stroną główną, katalogiem i PDP. 8. Stany interfejsu Dla dynamicznych bloków sprawdzić: — loading; — puste dane; — błąd API; — niewystarczające dane; — brakujący obraz; — brakująca cena; — długi tekst; — mobilne wyświetlenie. Nie jest wymagane opracowywanie nowej skomplikowanej logiki biznesowej. Należy poprawnie wizualizować już istniejące stany. 9. Jakość i wydajność — nie pogorszyć SEO i bieżącej indeksacji; — zachować poprawne metadane i semantyczne HTML; — nie tworzyć krytycznych przesunięć układu; — optymalizować obrazy i czcionki; — uwzględnić reduced motion dla animacji; — sprawdzić podstawową dostępność: stany focus, kontrast, nawigacja klawiaturą; — nie podłączać ciężkich bibliotek bez uzasadnionej potrzeby. 10. Staging i QA — wdrożyć zmiany na staging; — sprawdzić główne typy stron; — sprawdzić desktop, tablet i mobile; — usunąć wizualne i responsywne błędy; — po akceptacji wykonać wdrożenie produkcyjne; — zapewnić poprawę błędów w zrealizowanym zakresie nie mniej niż 7 dni kalendarzowych po publikacji. WYNIK PRACY — Pull Request z kodem frontendowym; — zrealizowana nowa strona główna; — responsywne desktop/tablet/mobile; — jednolite czcionki, karty i podstawowe komponenty UI; — wizualnie zatwierdzone katalog, PDP i strony informacyjne; — wdrożenie staging; — poprawa znalezionych błędów wizualnych; — wdrożenie produkcyjne; — krótki opis zmienionych komponentów; — 7-dniowy okres naprawy błędów po akceptacji. KRYTERIA AKCEPTACJI 1. Strona główna odpowiada dostarczonemu projektowi. 2. Wszystkie sekcje poprawnie działają na desktop, tablet i mobile. 3. Nagłówek i stopka są jednolite na wszystkich stronach. 4. Katalog i PDP wizualnie odpowiadają nowemu systemowi. 5. Obecna funkcjonalność strony nie jest naruszona. 6. Kontrakty API i logika backendowa nie zostały zmienione bez uzgodnienia. 7. Brak poziomego scrolla i krytycznych przesunięć układu. 8. Czcionki i obrazy ładują się poprawnie. 9. Stany loading, empty i error są wyświetlane bez uszkodzenia układu. 10. Zmiany zostały sprawdzone na staging i wdrożone w produkcji. 11. Poprawiono błędy wizualne wykryte podczas akceptacji w ramach uzgodnionego zakresu. CO NIE JEST WYMAGANE — opracowanie backendu; — zmiana logiki biznesowej; — stworzenie nowego katalogu lub CMS; — opracowanie nowego API; — pełny redesign każdej strony informacyjnej; — nowe funkcje użytkownika, które nie są zawarte w makietach; — opracowanie skomplikowanego systemu designu od podstaw; — stworzenie nowego projektu zamiast dopracowania istniejącego; — zmiana struktury SEO bez osobnego uzgodnienia. WYMAGANIA WOBEC WYKONAWCY — pewna znajomość Next.js / React / TypeScript; — doświadczenie w pracy z istniejącymi projektami produkcyjnymi; — jakościowe responsywne cięcie; — doświadczenie w wdrażaniu projektów z Figma; — podejście komponentowe; — pewna praca z CSS / CSS Modules / Tailwind lub istniejącym systemem projektu; — zrozumienie Core Web Vitals; — Git / Pull Request workflow; — umiejętność pracy przez staging. W ODPOWIEDZI NALEŻY KONIECZNIE PODAĆ 1. Stała cena za pełny obowiązkowy zakres. 2. Czas realizacji w dniach roboczych. 3. Ocena w godzinach. 4. Kiedy można zacząć. 5. Linki do 2–3 odpowiednich projektów na Next.js/React. 6. Czy jest doświadczenie w pracy z katalogami, kartami produktów lub interfejsami analitycznymi. 7. Co będzie potrzebne do dokładnej oceny przed rozpoczęciem pracy. 8. Czy w cenę wchodzą: — staging; — responsywne QA; — wdrożenie produkcyjne; — poprawa błędów; — 7-dniowy okres naprawy błędów. Szablonowe odpowiedzi bez przeglądania wymagań i bez konkretnej oceny nie będą rozpatrywane. Dostęp do produkcji na pierwszym etapie nie jest udostępniany. Praca rozpoczyna się po ograniczonym przeglądzie kodu i wdrażana jest przez staging.
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)
https://www.figma.com/design/bSzGOmDb3scdsBgjR3hHLb/Robo?node-id=0-1&p=f https://robo.org.ua/index.php?route=product/product&path=145802278&product_id=237 Zadanie: redesign strony produktu i recenzji na stronie głównej Strona została już opracowana i działa w pełni. Projektant przygotował nowy projekt w Figma, który należy wdrożyć na istniejącej stronie. Wymagane: zrealizować nowy projekt zgodnie z makietą; zintegrować go z aktualną stroną; zaadaptować strony do urządzeń mobilnych, tabletów i komputerów; sprawdzić poprawne działanie przycisków, formularzy, menu i innych elementów; zapewnić maksymalną zgodność z makietą. Nie ma potrzeby tworzenia strony od zera — należy jedynie wykonać redesign i zastąpić aktualny wygląd nowym.
Wirus obecnie infiltrował stronę internetową. Strona nie działa prawidłowo. W szczególności główna strona nie działa poprawnie. Potrzebujemy dewelopera, który może naprawić ten błąd tak szybko, jak to możliwe.
Jest lejek sprzedażowy dla sklepu internetowego, który chcemy powtórzyć u siebie Wygląda on tak Główna strona (produkt, który jest główny w sprzedaży, na przykład koszula) Potem strona checkout (gdzie osoba wprowadza swoje dane i wybiera, ile na przykład koszul chce kupić) Następnie przechodzi dalej w lejek i oferowane są dodatkowe sprzedaże 1 (skarpetki) + potem dodatkowa sprzedaż 2 (majtki) i na końcu strona dziękuję Jak to powinno działać w kwestii przejść między stronami i logiki, możesz zobaczyć tutaj (trzeba dojść do końca do strony dziękuję) https://3plus3.heroman.com.ua/standard/ Mamy przykłady stron, które chcemy zrobić u siebie To znaczy, dla nas w zasadzie skopiujemy design - zrealizujemy - wypełnimy pod nasz produkt Strony z dodatkowymi sprzedażami będą takie same pod względem designu i struktury jak na stronie, którą wysłałem powyżej (majtki) Nie musisz wypełniać stron informacjami, tylko zebrać szkielet - aby zgłoszenie przychodziło poprawnie Nie trzeba też wymyślać struktury stron Od Ciebie w zasadzie Skopiować i zrealizować Ustawić, aby technicznie działało poprawnie Pokazać, jak z tym pracować, abyśmy mogli to robić sami Są 2 konstruktorzy stron, które mamy na myśli, z jednym intensywnie pracujemy teraz i trzeba zrozumieć, czy można na nim coś takiego rozwinąć (ale czytałem w GPT, że można)