Budżet: 5000 UAH Termin: 10 dni
Dzień dobry, Dmytro! 👋
Jestem gotów pomóc Ci w kodowaniu strony oraz responsywnym kodowaniu dla urządzeń mobilnych.
Zapoznałem się z Twoim zadaniem. Projekt jest dla mnie zrozumiały: trzeba przekształcić projekt stworzony za pomocą AI w poprawne kodowanie oraz zrealizować responsywne zachowanie dla telefonów komórkowych i tabletów z naciskiem na minimalne obciążenie ruchu.
Mam ponad 10-letnie doświadczenie komercyjne w web development i praktyczne doświadczenie w podobnych zadaniach. Wykonywałem kodowanie według projektów, tworzyłem responsywne makiety dla różnych ekranów i zajmowałem się optymalizacją zasobów dla szybkiego ładowania na urządzeniach mobilnych.
🔧 Wykonam:
— Kodowanie stron według dostarczonego projektu (HTML/CSS);
— Responsywne kodowanie dla telefonów komórkowych i tabletów;
— Zapewnienie ważnego i semantycznego kodu;
— Optymalizacja zasobów w celu minimalizacji ruchu oraz sprawdzenie szybkości ładowania.
✅ Z mojej strony zrobię wszystko starannie, bez zbędnych komplikacji, z uwagą na szczegóły i wygodę dalszej pracy.
🤝 Zawsze pozostaję w kontakcie z moimi klientami i jestem gotów pomóc w jakichkolwiek pytaniach dotyczących projektu.
🌐 Moje portfolio z ostatnimi przypadkami:
https://mrnko.com
💼 Profil Freelancehunt: Freelancehunt
🤝 Chętnie omówię szczegóły, odpowiem na Twoje pytania i zaproponuję optymalne rozwiązanie dla Twojego projektu.
Budżet: 5000 UAH Termin: 3 dni
Cześć, Dmytrze!
Zapoznałem się z twoim projektem.
Widzę, że potrzebny jest nie tylko layout, ale także system designu z komponentami... Jeśli chcesz na WP lub Drupal, mogę pomóc.
Mam duże doświadczenie w Pixel-Perfect layoutach z Figma/PSD (Drupal, WordPress, WooCommerce, HTML/CSS/SCSS, JS/jQuery, PHP).
Pixel-Perfect layout, pełna responsywność na wszystkie urządzenia.
Mój profil: 42 pozytywne opinie, 100% wskaźnik sukcesu, średnia ocena 10/10.
Jestem gotów omówić szczegóły i ocenić zakres pracy.
Kiedy będzie ci wygodnie porozmawiać?
Budżet: 10000 UAH Termin: 5 dni
Dzień dobry! Mogę zacząć teraz. Na skrzyni jest wystarczająco duży sklep. Chcecie, aby to było tylko html+css+js? Napiszcie na prywatną wiadomość, zaproponuję opcje.
Backend, boty Telegram, automatyzacja AI i techniczne poprawki dla biznesuBudżet: 1000 UAH Termin: 1 dzień
Cześć!
Zajmuję się tworzeniem stron internetowych, jestem gotów wykonać pracę.
Porozmawiajmy o szczegółach.
Budżet: 2500 UAH Termin: 2 dni
Dzień dobry. Mogę zająć się Państwa pracą. Złożenie 1 strony nie będzie trudne, szczególnie gdy mają Państwo już wyobrażenie, jak to ma wyglądać. Posiadam wszystkie niezbędne umiejętności i szybko wykonam pracę. Czekam na Państwa odpowiedź w wiadomości prywatnej.
Budżet: 700 UAH Termin: 1 dzień
Witam! Mam doświadczenie w tworzeniu stron internetowych. Jestem gotowa przystąpić do realizacji
Strona będzie: w dobrej strefie według Google PageSpeed 🌱, walidacyjna ✅, wieloplatformowa najnowszych wersji 🌍, responsywna 📱, zoptymalizowana i skompresowana ⚡
Przykłady ostatnich prac
https://www.parkerandsonconstruction.co.uk/
https://www.zavod-modul.com.ua/
https://www.beezhu.com/ https://www.zavod-modul.com.ua/
https://zoodoc.si/en/
https://new.sky-net.com.ua/
Budżet: 10000 UAH Termin: 2 dni
Cześć, Dmytro. Zrozumiałem specyfikację. Mogę to zrobić w React, Next, co jest odpowiednie dla takich stron, zwiększy optymalizację i zapytania wyszukiwania. Jestem gotów omówić szczegóły.
Budżet: 2500 UAH Termin: 4 dni
Witaj!
Zapoznałem się z zadaniem i jestem gotów wykonać wysokiej jakości responsywny layout według dostarczonego projektu AI.
Stworzę czysty, walidowany kod HTML/CSS/JS z użyciem preprocesorów (SCSS/SASS).
Użyję własnej konfiguracji Gulp do optymalizacji kodu, stylów i obrazów.
Zapewnię pełną responsywność na urządzenia mobilne i tablety.
Zoptymalizuję szybkość ładowania, aby strona była lekka i nie obciążała mobilnego ruchu.
Zachowam semantyczną strukturę kodu dla SEO i dalszej skalowalności.
Zapewnię czysty, łatwy do utrzymania kod bez zbędnych bibliotek.
Pracuję zgodnie z nowoczesnym podejściem do layoutu (Gulp + SCSS + struktura komponentów), dzięki czemu kod jest łatwy do skalowania i przenoszenia do WordPressa, OpenCart lub innego CMS.
Przykłady prac (layout / WordPress / OpenCart / projekty customowe):
https://uslugi-bti.github.io/pink/
https://uslugi-bti.github.io/limos/
https://harmonyc.center/
https://uslugi-bti.github.io/stroy/
https://uslugi-bti.github.io/working/
https://uslugi-bti.github.io/prof/
https://andreychagin.com/
https://uslugi-bti.github.io/hotbrands/
https://bogoyavlenskaya.com/
https://zenvanamassageandskincare.com/
Koszt:
– Strona główna sklepu internetowego: 2500 UAH
– Pełny layout sklepu internetowego: 15000 UAH
Termin realizacji:
– Strona główna: 4-5 dni
Jestem gotów rozpocząć już dziś!
Budżet: 2500 UAH Termin: 3 dni
Dzień dobry
wykonam responsywną, wysokiej jakości szatę graficzną, rozłożę wszystko na komponenty,
optymalizowane i z dużym wsparciem dla przeglądarek.
Budżet: 15000 UAH Termin: 10 dni
Witam!
Będę zadowolony z współpracy. Zawsze jestem w kontakcie. Proszę pisać.
Przykłady prac https://web.khorol.com.ua
- Zlecenia -
- Ocena -
- Ranking 337
Budżet: 900 UAH Termin: 2 dni
Dobry wieczór
Mogę przyjąć zamówienie do realizacji.
Na terminy potrzebuję 2 dni robocze, koszt jest podany w stawce. Będę zadowolony, aby omówić szczegóły i przejść do współpracy.
Budżet: 8500 UAH Termin: 10 dni
Dzień dobry!
Przejrzałem makietę - Pet+, pełnoprawny sklep zoologiczny z katalogiem, wyszukiwarką, doborem karmy, dostawą automatyczną, sliderami produktów i blogiem. Składny i bogaty design, ale struktura jest jasna.
Uściślę 2 kwestie:
Tylko strona główna czy także wewnętrzne - katalog, karta produktu, koszyk, profil?
Na wyjściu potrzebny czysty HTML/CSS/JS czy od razu osadzenie na CMS (WordPress/WooCommerce)?
Zrobię tak:
Semantyczne kodowanie HTML5 - walidowany kod, bez zbędnych tagów
CSS + wersja mobilna: breakpointy pod smartfon/tablet/desktop, żadnego poziomego scrolla
Slidery produktów i opinii - Swiper.js (lekki, ~30KB)
Dobór karmy - 4 dropdown-kroki + przycisk, bez ciężkich bibliotek
Wyszukiwanie z autouzupełnianiem - vanilla JS
Lazy load dla wszystkich obrazów - krytyczne dla ruchu mobilnego
Zminimalizowany CSS/JS, WebP gdzie to możliwe
Koszt: od 8 500 zł za stronę główną w całości / Termin: 10–12 dni.
Jeśli potrzebne są także wewnętrzne strony — napisz, które, podam cenę za każdą z osobna.
—
Denis Iwanczenko · Front-end kodowanie
- Zlecenia -
- Ocena -
- Ranking 338
Budżet: 12000 UAH Termin: 8 dni
Witam!
Mam duże doświadczenie w pracy w studiach oraz nad produktami firmy.
Zawsze wykonuję wszystko w terminie, ponieważ rozumiem ryzyko.
Ostatnia praca: https://misteram.com.ua/
Czy moglibyście dokładniej pokazać makietę do dokładnej oceny, ponieważ na podstawie jednej strony trudno powiedzieć. Średnio praca zajmuje od 5 do 8 dni.
Dziękuję i miłego wieczoru.
Budżet: 8000 UAH Termin: 3 dni
👋 Witam! Jestem programistą frontendowym z ponad 5-letnim doświadczeniem. Oferuję responsywne kodowanie, efektowną animację, czysty i walidowany kod.
🛠 Pracuję z: HTML5, CSS, SCSS/SASS/LESS, TailwindCSS, Bootstrap, JS, Vue 2/3, Nuxt, Swiper, GSAP, Lenis, Masonry, Fancybox, Choices, AOS, noUiSlider, Simple Parallax i innymi.
📂 Portfolio: https://vasyltsiutsyk.github.io/vasyl-tsiutsyk/
Zawsze w kontakcie. Gotowy do jakościowej realizacji Twojego projektu!
Budżet: 4000 UAH Termin: 2 dni
Dzień dobry. Jestem zainteresowany Państwa zamówieniem. Pracuję w web development od ponad 10 lat. Jestem gotów przystąpić do zamówienia i wykonać je szybko i jakościowo. Proszę pisać w prywatnych wiadomościach w celu omówienia szczegółów.
- Zlecenia 6
- Ocena 4.9
- Ranking 783
Budżet: 5000 UAH Termin: 3 dni
Dzień dobry!
Jestem gotowy zrealizować projekt z Figma i wdrożyć go na czystym WordPressie. Zrobię responsywną szatę graficzną, poprawną integrację z WP i podłączę formularz przez ACF.
Co wykonam:
• Szata graficzna według makiety Figma
• Wdrożenie na czystym WordPressie (motyw customowy)
• Podłączenie i konfiguracja ACF
• Podłączenie i działanie formularza
• Responsywność i cross-browserowość
Jestem frontend-deweloperem z ponad 3-letnim doświadczeniem, dobrze pracuję z WordPressem i ACF.
Moje prace:
https://yesoriginal.com.ua/
https://beauty-prof.com/
https://biotop-professional.com.ua/
https://heko.lt/
http://jobsfor-you.com/
https://brightsmile.masterdev36.com/
https://velustro.masterdev36.com/novabuild/
https://wall-master.artbud.pro/
https://www.cardanmash.com.ua/
http://floridagardendesigns.com/
https://sugacards.com/
https://advilion.com
http://axiomaplus.com.ua/
https://maxinstal.ch/
http://otpad.com.ua/
http://spectrum.net.ua/
Jestem gotowy, aby zacząć od razu!
Budżet: 3200 UAH Termin: 3 dni
Dzień dobry!
Przejrzałem makietę — duża strona e-commerce dla sklepu zoologicznego z megamenü, katalogiem, sliderami, kartami produktów.
Tworzenie layoutów takiej skali to moja specjalizacja.
Co zrobię:
✅ Pixel-perfect layout według makiety AI
✅ Semantyczny, walidacyjny HTML5
✅ SASS + BEM — czysty, uporządkowany kod
✅ Pełna responsywność: desktop / tablet / mobile
✅ Optymalizacja dla ruchu mobilnego — lazy load obrazów, minimum zapytań, lekki bundle
✅ Swiper do sliderów (lekka biblioteka)
✅ Megamenü, katalog kategorii, karty produktów,
banery, stopka
Wyjaśnienia:
1. Potrzebna CMS (WordPress/WooCommerce) czy czysty HTML/CSS/JS?
2. Czy jest plik Figma czy tylko makieta PNG? (Figma znacznie przyspiesza pracę)
3. Ile unikalnych stron w makiecie — tylko główna czy jest katalog, karta produktu, koszyk, checkout?
Termin: wyjaśnię po odpowiedziach na pytania
Prześlij szczegóły — podam dokładną wycenę.
Budżet: 1000 UAH Termin: 1 dzień
Cześć!
Mogę jakościowo zrealizować Twój projekt z uwzględnieniem responsywności na urządzenia mobilne i tablety.
Pracuję z pixel-perfect kodowaniem, tworzę czysty, walidowany i uporządkowany kod bez zbędnego obciążenia strony — co jest szczególnie ważne dla szybkiej pracy na urządzeniach mobilnych.
Co gwarantuję:
responsywność (mobile / tablet / desktop)
optymalizowaną prędkość ładowania
czyste semantyczne HTML/CSS kodowanie
cross-browserowość
staranną strukturę kodu dla dalszego wsparcia
Mogę również od razu zaproponować ulepszenia w zakresie UX i wydajności, jeśli zajdzie taka potrzeba.
Jestem gotowy, aby zacząć od razu po wyjaśnieniu szczegółów.
Aby ocenić koszt i terminy, należy dokładnie przejrzeć projekt i zapoznać się z wymaganiami.
Oto moje portfolio: https://dmytrokushnir.top/portfolio
Budżet: 3500 UAH Termin: 1 dzień
Gotowy wykonać szeregowanie Twojej strony według projektu AI, zapewniając ważny kod HTML/CSS oraz responsywność dla urządzeń mobilnych. Skupię się na optymalizacji wydajności, aby zminimalizować obciążenie ruchem. Napisz do mnie, omówimy wszystko szczegółowo, a ja mogę od razu przystąpić do realizacji.
Portfolio: Freelancehunt
Opinie: Freelancehunt
Budżet: 5000 UAH Termin: 5 dni
Należy przetłumaczyć projekt AI na czysty, ważny kod HTML/CSS/JS, który szybko ładuje się na urządzeniach mobilnych.
Zrobię to w ten sposób: semantyczne znaczniki (HTML5), CSS bez zbędnych frameworków lub z minimalnym podłączeniem, podejście mobile-first z breakpointami dla telefonów i tabletów. Obrazy zoptymalizuję przez WebP + lazy loading, aby nie zużywać mobilnego ruchu. Kod przejdzie walidację W3C.
Prześlij plik projektu lub link do makiety i sprecyzuj: ile stron/sekcji trzeba zrealizować?
Aktualnie brak ofert
-
Olha B. 1 lipcaя ще не верстала дизайн, який зроблений з допомогою іі. Як там стилі витягати, картинки?
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Potrzebne jest stworzenie strony jednopanelowej (Landing Page) na WordPress + Elementor Pro do sprzedaży elektrycznego jednośladu. Wymagania: Układ na Elementor Pro. Responsywność (PC, tablet, urządzenia mobilne). Nowoczesny design (preferowane nie szablonowe). Wypełnienie strony informacjami o produkcie z oficjalnej strony (zdjęcia, wideo, specyfikacje, opisy itp.), otrzyma tylko wykonawca projektu. Formularze zgłoszeniowe (imię + telefon). Główne bloki: ekran główny, zalety, specyfikacje, galeria, wyposażenie, FAQ, kontakty. Przyciski wezwania do działania na całej stronie. Podstawowa optymalizacja SEO. Optymalizacja szybkości ładowania. Po zakończeniu pracy strona ma być w pełni gotowa do przeniesienia na hosting klienta. Cała praca na Twoim hostingu z codziennymi raportami. Proszę od razu podać: orientacyjną cenę; termin realizacji; przykłady podobnych landingów na Elementor (jeśli dostępne). czy korzystasz z transportu elektrycznego w życiu (jakiego dokładnie)
To niedopracowana wtyczka do After Effects: https://drive.google.com/drive/u/0/folders/1Nq9a672OK6ep9Com1lqelUhZxbx3_3f1 to, jeśli dobrze rozumiem, wtyczka CEP (Adobe Extension) do After Effects. To panel HTML/JavaScript przez Adobe CSXS, który współdziała z After Effects przez ExtendScript. Celem było zautomatyzowanie procesu tworzenia wideo w stylu "maze challenge", odniesienie na YouTube GOALRUSH-f8x lub analog. Wideo ręcznego montażu: https://drive.google.com/file/d/1Ylzvax6w2JGDwaBqeCdbD49jh5wB5buY/view?usp=sharing Plik jednego z projektów: https://drive.google.com/file/d/15vKd1L9VfHtDqK2wtLQdYEmDpH1d8Jvy/view?usp=sharing Oprócz "bugowatości" systemu przez vibe coding (dlatego vibe coderzy odpadają), nie odpowiadały takie szczegóły (rzeczywiste poprawki): https://docs.google.com/spreadsheets/d/18Svc6GoQ34PgLe1HY7gNX5tPLH0Cpv9E4mfjCRBCMFU/edit?gid=0#gid=0 Trzeba stworzyć system, który będzie generował projekty w After Effects ze wszystkimi niezbędnymi komponentami wideo, które są opisane w Baza.pdf, bardziej szczegółowa logika w formie zdjęć, dokumentu tekstowego oraz mapy myśli dla zrozumienia wszystkich możliwych wariacji na dysku: https://drive.google.com/drive/folders/1Uf4Pnw3SKmwpmhL7sjPZFnfAbN0arUjr?usp=sharing Jeszcze bardziej szczegółowo (z bardziej rozwiniętą częścią opisową oraz linkami do timestampów w referencjach) tzw. będzie formułowane w roboczej przestrzeni projektu Końcowy rezultat to system, który tworzy wideo: od 40 sekund do 1 minuty, całkowicie unikalna treść przy każdym tworzeniu, bez metadanych AI w pliku wideo, w nim powinien być zrozumiały fabuła (pułapki, ślepe zaułki, różne emocje postaci-celebrytów w wyniku jakichś zwrotów akcji w wideo), dźwięk projektowy pod fabułę (krzyki i inne emocje, wybuchy itd.), stylistycznie nie różniące się od wideo referencyjnego z kanału
Wymagana jest poprawa roboczego landing page'a - konfiguratora stworzonego w AI Stworzone są prawie wszystkie wizualizacje i opcje. Przekażemy archiwum. Potrzebne jest, aby wszystko dobrze działało, wyświetlało się i było responsywne na urządzenia mobilne i PC. Załączono zrzut ekranu landing page'a
TECHNICZNE ZADANIE NA ROZBUDOWĘ LANDING PAGE'A NA BAZIE WORDPRESSO projekcie: Wymagana jest stworzenie sprzedażowego landing page'a dla autorskiego intensywu online na działającej stronie internetowej kancelarii prawnej. Platforma strony: WordPress. Oczekiwany URL strony: salyk.net/online_intensivePłatność: Projekt jest opłacany z rezerwacją pieniędzy na depozycie strony. Bez żadnych „najpierw wykonam pracę, potem zatwierdzam projekt i dokonujecie płatności”. 1. Design i struktura:Istnieje gotowy prototyp w postaci czystego kodu HTML/CSS (zawiera teksty, strukturę, paletę kolorów, responsywność i pionowe wideo-referencje 9:16). Kod jest dołączony do tego TZa w pliku „kod”. Możecie go wkleić tutaj https://htmledit.squarefree.com/ i zobaczyć wstępny design. Zadanie dotyczące designu: Wziąć ten kod za podstawę, ale nie tylko skopiować. Mile widziane są poprawki UX/UI, dodanie subtelnych mikroanimacji, cieni, nowoczesnych efektów (feature), które uczynią stronę bardziej atrakcyjną i sprzedażową, zachowując jednocześnie surowy styl korporacyjny.Zdjęcia: na razie dołączone są tylko 3 sztuki, wygenerowane przez AI. Po zatwierdzeniu projektu prześlę swoje osobiste zdjęcia do integracji na landing page'u.2. Integracja z CMS (Edytowalność):Krytycznie ważne: Landing page nie powinien wisieć na stronie jako „goły” kod HTML. Strona musi być zbudowana za pomocą wizualnego konstruktora (Elementor) lub zrealizowana przez elastyczne pola (ACF).Zleceniodawca musi mieć możliwość łatwej zmiany dowolnych tekstów, linków, taryf, zdjęć i wideo-referencji bez ingerencji w kod z poziomu panelu administracyjnego WordPress.3. Wymagania techniczne i responsywność:Pełna responsywność cross-browser: Desktop, Tablet, Mobile. Strona musi poprawnie wyświetlać się na wszystkich typach urządzeń (w tym proporcje 3 pionowych wideo-referencji).Wysoka wydajność: Obowiązkowa podstawowa optymalizacja prędkości ładowania (Google PageSpeed). Obrazy muszą być skompresowane i skonwertowane do formatu WebP, skrypty i style zminimalizowane.4. Formularz kontaktowy (Generowanie leadów):Na landing page'u znajduje się formularz zgłoszeniowy (Imię, Telefon). Należy go uczynić w pełni funkcjonalnym.Wszystkie zgłoszenia muszą być natychmiast wysyłane na firmowy email: [email protected]ży skonfigurować wysyłkę przez serwer SMTP lub użyć niezawodnej wtyczki (WPForms / Contact Form 7), aby zgłoszenia na pewno nie trafiały do folderu „Spam”.5. Wielojęzyczność:Aktualna strona zakłada obecność trzech języków (RUS, KAZ, ANG).W ramach projektu wykonawca musi skonfigurować wielojęzyczność dla nowego landing page'a (za pomocą wtyczek Polylang, WPML lub podobnych).W trakcie realizacji zadania zleceniodawca dostarczy gotowe tłumaczenia tekstu na język kazachski i angielski. Wykonawca musi stworzyć i sformatować te dodatkowe wersje językowe strony.6. Integracja z główną stroną:Skonfigurować przejście na landing page z głównej strony.W głównym menu (w nagłówku) działającej strony salyk.net należy dodać nowy przycisk lub punkt menu (na przykład „Online-intensyw”), który będzie prowadził do adresu /online_intensive.Dodatkowo: zrobić funkcję na całej stronie przełączania między językami rus/eng/kaz w stylu strony.
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.