Budżet: 8000 UAH Termin: 12 dni
Witam Panią, Anastazjo! 👋
Zapoznałem się z Państwa zadaniem i dokładnie rozumiem, co należy zrobić: zrealizować stronę „Program lojalnościowy” w HTML/CSS zgodnie z Figma (wersja desktopowa i mobilna), wdrożyć wersje ukraińską/rosyjską/angielską z dostarczonym tłumaczeniem, dodać animacje przy przewijaniu dla elementów i umieścić gotowy kod w panelu administracyjnym e-sklepu. Również sprawdzę i wprowadzę poprawki na stronach „Współprace hurtowe” oraz „Zamówienia korporacyjne” (poprawki obrazków, czcionek, rozmieszczenia tekstu, dodać animacje; bloki na stronie korporacyjnej — na pełną szerokość).
Posiadam praktyczne doświadczenie w tworzeniu responsywnych stron, pracy z wielojęzycznością oraz wdrażaniu animacji przy przewijaniu, a także umieszczaniu kodu przez panel administracyjny sklepów internetowych. Biorę na siebie pełne testowanie na iOS, Android, Mac i Windows oraz poprawę błędów, które znajdę.
Jestem gotów rozpocząć po uzyskaniu dostępu do panelu administracyjnego oraz dodatkowych plików multimedialnych w razie potrzeby. Proszę o dostęp lub napiszcie, jakie pliki mam wysłać — i zaczniemy.
🌐 Portfolio z ostatnimi projektami:
https://mrnko.com
💼 Profil Freelancehunt: Freelancehunt
Budżet: 5000 UAH Termin: 4 dni
Dzień dobry! Rozwijam w Pythonie, React/Node.js realizowałem podobne projekty, gotowy do współpracy.
Budżet: 5000 UAH Termin: 6 dni
Zrealizuję stronę „Program lojalnościowy” według Figma, dostosuję do desktop/mobile, języków ukraińskiego/rosyjskiego/angielskiego, dodam animacje scroll oraz wprowadzę poprawki w kodzie stron „Współprace hurtowe” i „Zamówienia korporacyjne” w Хорошопie.
Czy macie testowe duplikaty stron w Хорошопie do bezpiecznego sprawdzenia layoutu, animacji i wersji językowych przed publikacją na stronach produkcyjnych?
Budżet i terminy — w prywatnej korespondencji po zapoznaniu się z dostępami, Figma, aktualnym kodem w Хорошопie, listą bloków językowych, potrzebnymi animacjami i kryteriami weryfikacji na iOS, Android, Mac i Windows.
Budżet: 12000 UAH Termin: 7 dni
Witam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotowy do współpracy.
Budżet: 5000 UAH Termin: 5 dni
Cześć! Mogę wykonać szablon strony "Program lojalnościowy" według twojego projektu w Figma, a także wprowadzić niezbędne poprawki na stronach "Współpraca hurtowa" oraz "Zamówienia korporacyjne".
Co zrobię:
* HTML/CSS/JS szablon zgodnie z projektem
* Adaptacja pod desktop i mobile
* Wsparcie dla języka ukraińskiego, rosyjskiego i angielskiego
* Animacje pojawiania się elementów przy przewijaniu
* Poprawki stylów, czcionek, obrazów i rozmieszczenia elementów zgodnie z makietami
* Integracja gotowego kodu w e-sklep przez panel administracyjny
* Sprawdzenie poprawności wyświetlania w popularnych przeglądarkach i urządzeniach
Pracuję z czystym HTML/CSS/JS, więc kod będzie lekki, szybki i wygodny do dalszej edycji.
Jestem gotów omówić szczegóły.
Budżet: 5000 UAH Termin: 10 dni
Cześć!
Mogę wykonać szablon strony **„Program lojalnościowy”** oraz wprowadzić poprawki na stronach **„Współprace hurtowe”** i **„Zamówienia korporacyjne”** na Hooroshop.
Co wchodzi w zakres pracy:
* szablon strony „Program lojalnościowy” według Figma;
* adaptacja pod desktop/mobile;
* poprawne wyświetlanie na iOS, Android, Mac, Windows;
* adaptacja pod język ukraiński, rosyjski i angielski;
* dodanie animacji scrollowania dla elementów;
* umieszczanie kodu HTML/CSS/JS przez panel administracyjny Hooroshop;
* poprawki istniejących stron „Współprace hurtowe” i „Zamówienia korporacyjne”;
* poprawa odstępów, czcionek, obrazków, szerokości bloków oraz zgodności z projektem;
* testowanie po wprowadzeniu zmian.
Jeśli chodzi o doświadczenie: pracuję z HTML/CSS/JS, responsywnym szablonowaniem, WordPress/OpenCart/WooCommerce oraz niestandardowymi stronami w panelach administracyjnych CMS.
Orientacyjna ocena:
* strona „Program lojalnościowy”: 16–24 godziny;
* poprawki „Współpraca hurtowa”: 6–10 godzin;
* poprawki „Zamówienia korporacyjne”: 6–10 godzin;
* testowanie i końcowe poprawki: 4–8 godzin.
Łącznie orientacyjnie: **32–52 godziny**.
Przy stawce **$10/godz**: około **$320–520**.
Dokładniej mogę powiedzieć po przeglądzie aktualnego kodu na Hooroshop oraz dostępie do Figma/panelu administracyjnego, ponieważ część czasu zależy od tego, jak obecnie zrealizowane są te strony.
Jestem gotów podjąć się zadania, starannie wykonać szablon według projektu i samodzielnie sprawdzać zgodność na głównych urządzeniach podczas pracy.
Budżet: 5000 UAH Termin: 3 dni
Cześć! Mam doświadczenie w kodowaniu HTML/CSS/JS oraz pracy z Goodshop. Mogę zakodować stronę „Program lojalnościowy” według Figma, dostosować ją do wszystkich urządzeń i wersji językowych, dodać animacje, a także wprowadzić poprawki na stronach „Współprace hurtowe” oraz „Zamówienia korporacyjne”. Szczególną uwagę zwracam na Pixel Perfect kodowanie, kompatybilność między przeglądarkami oraz testowanie na iOS, Android, Windows i macOS, aby strony w pełni odpowiadały makietom i poprawnie działały po umieszczeniu w Goodshop.
Budżet: 10000 UAH Termin: 5 dni
Dzień dobry. Nazywam się Dmytro. Zapoznałem się z Państwa TZ oraz zakresem prac. Mam doświadczenie w tworzeniu i poprawianiu stron dla Хорошоп, pracy z HTML/CSS/JS, responsywnym kodowaniem, animacjami oraz integracją gotowego kodu przez panel administracyjny platformy. Regularnie pracuję z Figma i zwracam dużą uwagę na zgodność z makietami oraz testowanie na różnych urządzeniach. Mogę wykonać: — pełne kodowanie strony „Program lojalnościowy” według makiet Figma; — adaptację na desktopy, tablety i urządzenia mobilne; — poprawne wyświetlanie na iOS, Android, macOS i Windows; — integrację ukraińskiej, angielskiej i rosyjskiej wersji; — animacje pojawiania się elementów podczas przewijania; — umieszczanie i konfigurację kodu bezpośrednio w Хорошоп; — poprawki stron „Współpraca hurtowa” oraz „Zamówienia korporacyjne” zgodnie z makietami; — poprawki czcionek, odstępów, obrazów i innych niezgodności z projektem; — pełne testowanie przed oddaniem pracy. Rozumiem Państwa podejście do braku osobnego QA, dlatego zawsze samodzielnie sprawdzam responsywność, funkcjonalność i zgodność z TZ przed przekazaniem wyniku. Również spokojnie podchodzę do drobnych poprawek w trakcie pracy. Jestem gotów szczegółowo przejrzeć wszystkie makiety i omówić terminy oraz budżet po doprecyzowaniu szczegółów projektu. 👍
Budżet: 7000 UAH Termin: 7 dni
Cześć Anastazjo! Przejrzałem zakres pracy, jestem gotów wykonać wszystko jakościowo i szybko, być może nawet dopracujemy, ponieważ czcionka niezbyt pasuje. Jestem programistą FullStack, czyli znam zarówno frontend, jak i backend. Jeśli będzie trzeba coś poprawić w wewnętrznym mechanizmie, również zrobimy to szybko. Mam certyfikat ukończenia kursu, który mogę pokazać osobiście, oraz swoje portfolio. Będę zadowolony ze współpracy!
Budżet: 5000 UAH Termin: 7 dni
Cześć!
Mam duże doświadczenie w tworzeniu stron internetowych i aplikacji (CMS, SPA, TMA).
Jestem gotów wykonać postawione zadanie.
Proponuję omówić szczegóły w wiadomościach prywatnych.
- Zlecenia -
- Ocena -
- Ranking 267
Budżet: 14000 UAH Termin: 10 dni
Dzień dobry!
Zapoznałem się z zadaniem technicznym. Ogólnie projekt mnie interesuje i jestem gotów podjąć się jego realizacji.
Mam doświadczenie w kodowaniu HTML/CSS oraz pracy z nowoczesnymi technologiami webowymi, a także mogę wykonać responsywne kodowanie, integrację projektu z Figma, wprowadzenie poprawek do istniejących stron oraz realizację niezbędnych animacji.
Jestem gotów pracować zgodnie z TŻ, testować wyniki i szybko uzgadniać możliwe wyjaśnienia w trakcie pracy.
Będę zadowolony, mogąc omówić szczegóły współpracy, terminy realizacji oraz kwestie organizacyjne.
Budżet: 8000 UAH Termin: 3 dni
Witam,
Zrealizuję, wprowadzę korekty, sprawdzę, aby wszystko wyświetlało się poprawnie na wszystkich urządzeniach.
Budżet: 5000 UAH Termin: 1 dzień
Cześć!
Jestem gotów wykonać zadanie pod klucz.
Posiadam doświadczenie w HTML/CSS/JS, dostosowywaniu stron do urządzeń mobilnych, integracji z e-sklepem oraz poprawie istniejącego kodu. Pracowałem również jako specjalista techniczny w arbitrażu, dlatego przyzwyczaiłem się do dokładnego testowania projektów i samodzielnego znajdowania błędów przed oddaniem.
Mogę wykonać szablon strony „Program lojalnościowy” według makiety Figma, dostosować do wszystkich urządzeń i przeglądarek, podłączyć wersje językowe, dodać animacje przy przewijaniu i umieścić gotowy kod przez panel administracyjny e-sklepu.
Wprowadzę również niezbędne poprawki na stronach „Współpraca hurtowa” i „Zamówienia korporacyjne”, poprawię wyświetlanie elementów, czcionek, obrazów i doprowadzę strony do pełnej zgodności z makietami.
Szczególną uwagę zwracam na testowanie na iOS, Android, macOS i Windows, dlatego przed oddaniem projektu samodzielnie sprawdzam całą funkcjonalność i poprawność wyświetlania.
Mogę również napisać aplikację mobilną w Flutterze.
Jestem gotów zapoznać się z makietami i aktualną realizacją, po czym będę mógł podać dokładne terminy i koszty.
Budżet: 5000 UAH Termin: 4 dni
Witam! Gotowa do wykonania
Prace:
🔗 elenis.com.ua
🔗 kontur-sb.com.ua
🔗 www.dosvit.com.ua
🔗 berberis.agency
🔗 avic.ua
🔗 ald.com.ua
🔗 diy-ceiling.com.ua/
🔹 Projektowanie stron internetowych od podstaw/redo
🔹 Kodowanie: HTML, CSS, JS, SQL, Sass
🔹 Tworzenie aplikacji mobilnych i botów Telegram
Pracuję z:
🔹 WordPress — Elementor — WooCommerce
🔹 OpenCart
🔹 Shopify
🔹 Webflow
🔸 Laravel • React Native JS • Vue
Budżet: 5000 UAH Termin: 5 dni
Dzień dobry, jestem gotów wykonać zadanie.\nBędę zadowolony ze współpracy z Państwem, pracę wykonam jakościowo i szybko.\n\nPrzykłady moich ostatnich prac: \nhttps://mansionproject.nl/\nhttps://thecarguys.kinsta.cloud/\nhttps://totuus.co.uk/\nhttps://futurizm.io/
Budżet: 5000 UAH Termin: 3 dni
Cześć! Pracowałem z Хорошоп, rozumiem, jak działają strony Хорошоп. Oferuję wysoką jakość i szybką pracę. Pisz.
- Zlecenia 9
- Ocena -
- Ranking 565
Budżet: 5000 UAH Termin: 7 dni
Cześć! Mam 3,5-letnie doświadczenie komercyjne w web development, w szczególności w tworzeniu i frontendowym rozwoju skomplikowanych interfejsów według Figma.
Tworzyłem strony dla projektów e-commerce z adaptacją na desktop i mobile, wsparciem dla wielu języków oraz animacjami przy przewijaniu. Dobrze znam specyfikę pracy w panelach administracyjnych CMS, w szczególności z umieszczaniem kodu HTML bezpośrednio na stronach serwisu. Rozumiem wymagania dotyczące testowania na różnych urządzeniach (iOS, Android, Mac, Windows) i śledzę zgodność wyniku z projektem.
W ramach tego projektu jestem gotów stworzyć stronę "Program lojalnościowy" oraz wprowadzić poprawki do "Współpracy hurtowej" i "Zamówień korporacyjnych" zgodnie z waszymi makietami Figma. Jeśli są pytania lub chcecie omówić szczegóły, napiszcie.
Budżet: 12000 UAH Termin: 8 dni
Dzień dobry. Zainteresował mnie Państwa projekt.\nCena i terminy dokładniej - po omówieniu wszystkich szczegółów. Zapoznałem się z TZ i projektami.\n\nProszę pisać, będę zadowolony ze współpracy\n_________________________________________________\n\nDuże doświadczenie w: \n - WordPress (+Elementor/WooCommerce/UX Builder/ACF/Carbon Fields/WPBakery/Gutenberg/Bricks Builder itp.), OpenCart, ocStore, Bubble.io, Weblium, Webflow, Wix, Simpla, Bitrix, Webasyst, Joomla, Magento, Drupal, PrestaShop, 1C, Khoroshop; \n - Prom, Rozetka (Pricecreator), OLX, bigl, Etsy, Shopify, AutoRIA, Автобазар, RST, Besplatka, Kidstaff, Klubok (i inne platformy); \n - AI: ChatGPT, Gemini, Midjourney, Nano Banana i ich odpowiedniki; \n - Google (Arkusze, dokumenty, dysk google, formularze, wyszukiwarka) \n - Microsoft Office; \n - FTP, Hosting, Bazy danych stron (podstawowe umiejętności), RDP.\nZdjęcia/wideo/audio: oprogramowanie Adobe (Photoshop, Lightroom, Premiere Pro, After Effects, Audition); Figma; FL Studio; Ableton.\nPosiadam wiedzę z HTML / MySQL / PHP / CSS / JS; Podstawowe SEO / Podstawowe techniczne SEO.\n\nOpinie Freelancehunt\nPrzykłady pracy - na żądanie w wiadomościach prywatnych.
- Zlecenia -
- Ocena -
- Ranking 81
Budżet: 4900 UAH Termin: 6 dni
Dzień dobry!
Dokładnie zapoznałem się z TŻ — zadanie jest zrozumiałe i bliskie mi. Specjalizuję się w kodowaniu z makiet Figma pod e-sklep: semantyczny HTML/CSS, pixel-perfect, responsywność na desktop i urządzenia mobilne (iOS/Android), animacje scrollowania pojawiania/niknięcia elementów.
Jak widzę pracę:
1. Koduję stronę „Program lojalnościowy” ściśle według makiet Figma (desktop + mobilny), podłączam 3 języki (ukr/ros/ang) według waszego dokumentu tłumaczenia.
2. Dodaję płynne animacje na scrollu i integruję kod w e-sklep przez panel administracyjny.
3. Na stronach „Współpraca hurtowa” oraz „Zamówienia korporacyjne” — poprawiam kod według projektu: obrazy, czcionki, układ, bloki na całą szerokość, dodaję animacje.
4. Sam testuję wynik na iOS, Android, Mac, Windows przed oddaniem — rozumiem, że nie ma QA z waszej strony, więc biorę odpowiedzialność za poprawność na siebie.
Pracuję starannie i jestem w kontakcie, drobne poprawki w trakcie — bez problemu.
Kilka pytań, aby od razu ruszyć bez opóźnień:
Czy zapewnią dostęp do panelu administracyjnego e-sklepu (i czy można najpierw testować na wersji roboczej/testowej strony)?
Czy dostęp do Figma z trybem Inspektora jest otwarty (aby pobierać dokładne style)?
Czy jest deadline, na który się orientujecie?
Jestem gotów zrobić to za 4.7k zł
Jestem gotów rozpocząć od razu po uzgodnieniu. Możemy krótko omówić szczegóły na czacie.
Budżet: 5000 UAH Termin: 3 dni
Cześć, Nasto!\nJestem gotów pomóc Ci w projekcie, mam doświadczenie i portfolio.\nZaprojektuję stronę i poprawię istniejącą! Mam doświadczenie w pracy z dobrym pom.\nPisz, chętnie pomogę!\nPortfolio: Freelancehunt\nPisz, chętnie pomogę!
Budżet: 5000 UAH Termin: 4 dni
Cześć, Nasto!
Mam doświadczenie w pracy z Хорошоп oraz w niestandardowym kodowaniu stron według makiet Figma.
Zrealizuję stronę „Program lojalnościowy” z adaptacją pod desktop/mobile, wielojęzycznością (UA/RU/EN), animacjami przy przewijaniu oraz integracją bezpośrednio w Хорошоп. Również wprowadzę wszystkie niezbędne poprawki na stronach „Współpraca hurtowa” oraz „Zamówienia korporacyjne”, w tym z responsywnością, animacjami oraz dostosowaniem kodu do pełnej zgodności z makietami.
Mogę zająć się testowaniem oraz sprawdzeniem poprawnego wyświetlania na różnych urządzeniach i przeglądarkach, dlatego przed oddaniem projektu wszystkie strony przechodzą pełną kontrolę zgodności z wymaganiami.
Jestem gotów omówić szczegóły i przystąpić do pracy w najbliższym czasie.
Budżet: 5000 UAH Termin: 5 dni
Dzień dobry. Jestem gotów wykonać mobile first layout w czystym HTML/CSS/JS. Adaptacyjny, semantycznie poprawny, z szybkim ładowaniem stron.
- Zlecenia -
- Ocena -
- Ranking 327
Budżet: 5000 UAH Termin: 2 dni
Dobry wieczór, jestem gotów stworzyć stronę na czystym kodzie i dodać na dobrym poziomie. Także skoryguję 2 istniejące strony. Moje prace można zobaczyć w portfolio w profilu.
Piszcie, omówimy szczegóły, będę zadowolony ze współpracy!
Budżet: 5000 UAH Termin: 5 dni
Cześć! Zadanie jest całkowicie zrozumiałe. Mam udane doświadczenie w integracji niestandardowego layoutu i interaktywnych elementów w panelu administracyjnym Khoroshop, dlatego zrealizuję projekt jakościowo i z rygorystycznym przestrzeganiem twojego projektu.
Opracuję czysty layout nowej strony Program Lojalnościowy według twoich makiet, dostosuję pełną responsywność pod iOS i Android, a także wdrożę trójjęzyczność zgodnie z dokumentem. Na istniejących stronach Współprace Hurtowe i Zamówienia Korporacyjne poprawię czcionki, obrazy, rozciągnę bloki na całą szerokość i dodam płynne efekty pojawiania się elementów podczas przewijania. Cały kod będzie starannie wdrożony przez panel administracyjny Khoroshop bez konfliktów z podstawowymi stylami platformy.
Jeśli chodzi o testowanie, biorę pełną odpowiedzialność za ostateczny wynik na siebie. Przed oddaniem pracy osobiście sprawdzę wyświetlanie przez Pixel Perfect, a także na rzeczywistych smartfonach. Otrzymasz w pełni gotowy i przetestowany produkt, który nie będzie wymagał zaangażowania QA ani dodatkowych poprawek.
Jestem gotów dokładniej zapoznać się z makietami i omówić szczegóły animacji w wiadomościach prywatnych.
Budżet: 5000 UAH Termin: 5 dni
Dzień dobry
Zadanie zrozumiałem, mogę je podjąć
Z opisu główne szczegóły zrozumiałem, swoją pracę zazwyczaj sam testuję pod kątem błędów i sam je poprawiam, gdy będą korekty, mogę je również wprowadzić
Co do budżetu, proszę powiedzieć, czy 5000 to orientacyjna kwota?
Co do terminów, możemy się orientować na +- 5-6 dni
Na razie nie jestem obciążony, więc mogę szybko przystąpić do realizacji
Budżet: 12500 UAH Termin: 5 dni
Witam Gotowy do realizacji zamówienia. Pracuję z Хорошоп i mam możliwość dodania stron.
Aktualnie brak ofert
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Opis zadania: Potrzebuję gotowego, już napisanego szablonu (Boilerplate / Headless CMS) sklepu internetowego na steku Next.js + Node.js z panelem administracyjnym. Nie musisz pisać kodu od zera, wymyślać skomplikowanej architektury ani tworzyć unikalnego designu.Zadanie polega na wzięciu gotowego rozwiązania, wdrożeniu go, zmianie kilku obrazów tła, dostosowaniu struktury do swoich potrzeb i załadowaniu strony na hosting.Jakie powinny być wyniki (struktura docelowej strony od góry do dołu): Główny ekran: Twoja gotowa konstrukcja. Po prostu zamienimy obraz tła. Potrzebny jest przycisk „Zadzwoń” (połączenie odbywa się bezpośrednio na telefonie komórkowym, a formularz „Imię/Tel” — na PC). Opis usług: prosty blok składający się dokładnie z trzech akapitów tekstu. Prezentacja produktów: siatka kart produktowych z Twojego szablonu. Jedynym warunkiem jest to, że na produktach muszą być etykiety „Nowe” i „Używane” (i szybki filtr). Przycisk „Kup” otwiera prosty formularz zamówienia (imię, telefon, wybrany produkt). Płatności online nie ma. Recenzje wideo: blok, w którym filmy (linki z YouTube) idą ściśle w jednym wierszu. Ważne, aby ładowanie było leniwe, aby filmy nie spowalniały działania strony. Dolny kolumnista: Kontakty i linki do komunikatorów.Wymagania dotyczące panelu administracyjnego (Node.js): Używamy standardowego panelu administracyjnego z Twojego szablonu. Musi on umieć dodawać produkty (Nazwa, Cena, Zdjęcie, Opis, Etykiety Nowe/Używane) i wstawiać linki do filmów do bloku recenzji.Wszystkie zapytania ze strony (połączenia i zakupy) muszą być kierowane do bota Telegram (skrypt powiadomień musi być podłączony).
Zadanie - wykonanie szablonu strony. Jest gotowy opracowany makiet, który został stworzony w konstruktorze, który trzeba przerobić na WP. To mała (na 4-5 stron) dwujęzyczna strona informacyjna z możliwością podłączenia WooCommerce. Strona ma być zoptymalizowana pod kątem SEO.
Stworzyć i zrealizować responsywny szablon master dla emaili w Stripo (do eksportu do SendPulse).⚙️ Co należy zrobić:Opracować koncepcję wizualną i projekt bloków (nagłówek, banery, karty produktów, stopka).Zrealizować responsywny szablon HTML w Stripo z możliwością dalszego eksportu do SendPulse.Przetestować wyświetlanie w Gmail, Apple Mail, Outlook oraz w trybie ciemnym. Wymagania:Pewny poziom Figma oraz praktyczne doświadczenie w realizacji w Stripo.Zrozumienie technicznych ograniczeń email marketingu.Portfolio z zrealizowanymi kampaniami e-mailowymi (e-commerce/moda).
Opis zadania Potrzebny doświadczony frontend-deweloper lub deweloper szablonów do etapowego aktualizowania dużej, działającej strony internetowej. Strona działa od wielu lat, zawiera znaczną liczbę stron, różne typy treści, formularze, tabele i interaktywne bloki. Używany jest własny system serwerowy, dostępny jest legacy HTML/CSS. Pełna wymiana technologii lub systemu zarządzania stroną nie jest planowana. Na pierwszym etapie konieczne jest opracowanie nowego responsywnego ogólnego szablonu strony. Po pomyślnym zakończeniu pierwszego etapu planowane jest stopniowe aktualizowanie stron wewnętrznych. Nazwa strony, URL, projekty graficzne oraz aktualne pliki wyjściowe będą udostępnione ograniczonej liczbie kandydatów po wstępnym wyborze na podstawie portfolio i doświadczenia.Co wchodzi w pierwszy etap Konieczne jest wdrożenie ogólnej wizualnej powłoki: nagłówka dla wersji desktopowej i mobilnej; głównej i mobilnej nawigacji; elementów nagłówka; ogólnego kontenera i siatki strony; łańcucha nawigacyjnego („okruszki chleba”); podstawowych elementów interfejsu: przyciski, linki, pola wejściowe; ogólnych stylów typografii z możliwością ich etapowego podłączenia; stopki; responsywnego zachowania szablonu; kompatybilności nowej powłoki ze stronami, które tymczasowo pozostaną w starym designie. Unikalne wewnętrzne bloki poszczególnych stron na pierwszym etapie nie muszą być całkowicie przerabiane.Specyfika projektu Duża działająca strona z wieloma typami stron. Dostępny legacy CSS i miejscami przestarzała struktura HTML. Nowy design będzie wdrażany stopniowo. Jednoczesna pełna wymiana wszystkich stron jest niemożliwa. Wykonawca nie uzyskuje dostępu do serwera, CMS i roboczego projektu. Zleceniodawca samodzielnie zintegrowuje przygotowany szablon. Wykonawcy będą udostępnione aktualne pliki CSS, projekty, materiały graficzne, fragmenty HTML oraz przykłady stron w zakresie niezbędnym do wykonania pracy. Przewiduje się kilka iteracji po testowej integracji w rzeczywistym projekcie.Podejście techniczne Przewiduje się podłączenie nowego CSS nad istniejącymi stylami z późniejszą stopniową migracją i usunięciem przestarzałych reguł. Dozwolone jest: tworzenie nowych plików CSS/SCSS; proponowanie zmian w HTML ogólnych części szablonu; poprawianie istniejących reguł CSS, które przeszkadzają w realizacji; proponowanie ulepszeń struktury DOM; tworzenie nowych komponentów wielokrotnego użytku. Zmiany w istniejącym CSS należy przekazywać osobno w formie: pliku patch/diff; osobnego pliku kompatybilności; lub udokumentowanej listy zmienionych reguł i selektorów. Należy unikać: niekontrolowanego użycia !important; głęboko zagnieżdżonych i kruchych selektorów CSS; przypisywania stylów do tekstu lub numeru porządkowego elementu; duplikowania całej struktury osobno dla wersji desktopowej i mobilnej; podłączania ciężkich frameworków bez wcześniejszej zgody; globalnych reguł, które mogą zakłócić wyświetlanie jeszcze nie zaktualizowanych stron.Wymagania dotyczące jakości Projekt jest zaplanowany na dalszy wieloletni rozwój. Potrzebne jest nie jednorazowe „dopasowanie do zrzutu ekranu”, ale czysty, profesjonalny i łatwy do utrzymania szablon. Oczekiwane jest: zrozumiała struktura komponentów; wielokrotnego użytku klasy CSS; własności CSS dla kolorów, rozmiarów, odstępów i innych tokenów projektowych; rozsądna specyficzność selektorów; semantyczna struktura HTML5; poprawna hierarchia nagłówków; brak zbędnych opakowań DOM; brak duplikowania treści, która jest indeksowana; poprawne użycie header, nav, main, section, footer; użycie przycisków i linków zgodnie z ich przeznaczeniem; dostępność interfejsu z klawiatury; stany hover, focus, active i disabled; brak poziomego przewijania strony; poprawna praca z dynamiczną treścią o różnej długości; zrozumiały i profesjonalnie zorganizowany kod.SEO i wydajność Aktualizacja szablonu nie powinna pogarszać technicznych wskaźników SEO strony. Konieczne jest: zachowanie semantyki głównej treści; nie tworzenie osobnych duplikatów DOM dla wersji mobilnej i desktopowej bez uzasadnionej potrzeby; nie ukrywanie ważnej dla indeksacji treści za pomocą JavaScript; nie naruszanie hierarchii nagłówków; nie usuwanie istniejących atrybutów SEO, analitycznych i strukturalnych z dostarczonych fragmentów HTML; minimalizacja dodatkowego JavaScript; nie używanie ciężkich bibliotek bez zgody; przewidzenie rozmiarów obrazów i braku widocznych przesunięć układu podczas ładowania; nie dopuszczenie do zauważalnego pogorszenia wskaźników Lighthouse i Core Web Vitals po integracji. Wykonawca musi rozumieć, że wysokiej jakości CSS sam w sobie nie naprawia struktury DOM. Jeśli dla profesjonalnego wyniku konieczna jest zmiana struktury, należy przygotować i przekazać zleceniodawcy odpowiednie fragmenty HTML.Responsywność Sprawdzanie szablonu powinno być przeprowadzane przynajmniej na takich szerokościach: 1440 px; 1200 px; 1024 px; 768 px; 390 px; 360 px; 320 px. Między kontrolnymi rozmiarami interfejs również powinien pozostawać poprawny i funkcjonalny. Poziome przewijanie całej strony jest niedopuszczalne. Wyjątki dla poszczególnych komponentów, takich jak duże tabele, muszą być wcześniej uzgodnione.Wynik pierwszego etapu Wykonawca przekazuje: Nowy CSS lub SCSS wraz z gotowym zbudowanym CSS. Autonomiczna demonstracyjna strona HTML. Fragmenty HTML nagłówka, menu i stopki, jeśli struktura była zmieniana. Osobny patch/diff zmian legacy CSS. Nowe SVG, obrazy, ikony i czcionki. Instrukcję podłączenia i integracji. Opis struktury CSS i komponentów. Listę nowych i zmienionych klas oraz selektorów. Zrzuty ekranu wyniku na kontrolnych rozmiarach. Listę znanych ograniczeń i rozbieżności z projektami. Rekomendacje dotyczące dalszej migracji stron wewnętrznych.Iteracje Do kosztów pierwszego etapu powinny wchodzić: Uzgodnienie ogólnej struktury i wersji desktopowej. Responsywne dopracowanie wersji tabletowej i mobilnej. Poprawki wykrytych przez zleceniodawcę problemów po pierwszej testowej integracji. Dodatkowe prace poza uzgodnionym pierwszym etapem będą wyceniane osobno.Co należy wskazać w aplikacji Prosimy o podanie: doświadczenia w pracy z dużymi działającymi stronami oraz legacy CSS; przykładów skomplikowanej responsywnej struktury; przykładów kodu lub linków do repozytoriów, jeśli są dostępne; podejścia do organizacji architektury CSS; doświadczenia w stopniowej migracji designu bez całkowitego zatrzymania strony;
Musimy zrobić projekt w Figma z plików html (wszystko umieszczę w dokumencie do zadania) Abyśmy mogli później zrealizować te wszystkie strony w kreatorze stron Maksymalny nacisk na design mobilny i responsywność, cały ruch stamtąd To będzie strona główna witryny + strona płatności + 2 strony z dodatkowymi sprzedażami (1 produkt - 1 strona) Ogólnie zadanie, aby były przygotowane do kodowania i z adaptacją pod urządzenia mobilne Na dysku będzie główna + strona płatności + 1 strona dodatkowej sprzedaży + nasze logo (umieszczamy wszędzie), ogólnie dostosowujemy we wszystkich aspektach do naszej marki Ostatni projekt znajduje się pod tym linkiem https://3plus3.heroman.com.ua/upsells/t-shirt/ Stopka na dole wszystkich stron umieszczana wszędzie jak na stronie głównej (the Rich) Logika lejka sprzedażowego Strona główna strona płatności dodatkowa sprzedaż 1 dodatkowa sprzedaż 2 Strona dziękuję (mamy ją) LINK DO ARCHIWUM Z STRONAMI https://drive.google.com/drive/folders/1IKh0sTVd6WCIUm0QSBFctRlaD6iEasez?usp=sharing