Skład 2 stron
Polecam
Witaj, potrzebuję zrealizować 2 strony.
stek:
gulp, scss, jquery, bem
popupy - fancybox
info:
1 ekran z tłem wideo
kalendarz możliwe inne rozwiązanie
jeśli potrzebne coś od projektanta - zostanie zrobione
Do odpowiedzi dodaj kilka linków do swoich prac
https://www.figma.com/design/12nBuLHq2wNlIyRJi1hMgq/Das_Trauringhau-(Copy)?node-id=0-1&t=mqFUsW7dnyfPFIFU-1
Budżet: 200 USD Termin: 7 dni
Witam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotowy do współpracy
Budżet: 100 USD Termin: 3 dni
Witaj, Jewgienij.
Jestem zainteresowany twoim projektem.
Będę szczęśliwy, mogąc włożyć swoje doświadczenie i wysiłek w jego pomyślną realizację.
Z niecierpliwością czekam na twoją decyzję.
Budżet: 100 USD Termin: 3 dni
Witaj, Jewhenij!
Zapoznałam się z zadaniem dotyczącym responsywnego, wieloplatformowego i czystego kodowania strony internetowej i jestem gotowa przystąpić do jego starannego wykonania.
Koszt wykonania: 100 $
Termin wykonania: 2-3 dni
Pracuję za zaliczką lub w ramach bezpiecznej umowy.
Przykłady prac:
https://valeriiazhubrieva.github.io/gta/
https://valeriiazhubrieva.github.io/play-like-mum/
https://valeriiazhubrieva.github.io/zamops/
https://valeriiazhubrieva.github.io/vposteli/
https://valeriiazhubrieva.github.io/domyessayfor/
https://valeriiazhubrieva.github.io/eco-washing/
Po całkowitym oddaniu pracy poprawki w ciągu 7 dni są bezpłatne.
Miłego dnia, czekam na odpowiedź od Ciebie!
Metody płatności przez bezpieczną umowę, płatność na kartę ukraińskiego banku
Budżet: 60 USD Termin: 4 dni
Witam. Jestem gotów pomóc w realizacji Twojego projektu. Do każdego projektu podchodzę indywidualnie i odpowiedzialnie. Wykonam szeregowanie zgodnie z wymaganiami technicznymi.
Szeregowanie wykonam responsywnie z wsparciem dla przeglądarek zgodnie z metodologią WEM. Kod jest schludny, logicznie przemyślany, walidowany.
Dodatkowo daję gwarancję na moje szeregowanie.
Ocena projektu 4 dni 60$
Moje prace związane z szeregowanie:
Wina: https://vtwines.netlify.app/
Agencja cyfrowa Kronix: https://digatal-agency-kronix.netlify.app/
Strona Sonic Logistic: https://sonic-logistic.netlify.app/
PetZen: https://petzen.netlify.app/
Pixelmagnet DMW: https://pixelmagnet-dmw.netlify.app/
Kawiarnia: https://coffee-shop-magazine.netlify.app/
Landing dla dewelopera frontend: https://frontend-developer-landing.netlify.app/
Strony: https://pages-books.netlify.app/
Realco: https://realco-realestate.netlify.app/
Plato: https://plato-energy.netlify.app/
Ekspert dewelopera: https://developer-expert.netlify.app/
WavesCo: https://sound-effect-library.netlify.app/
Tematy frontend: https://frontend-topics.netlify.app/
Budżet: 120 USD Termin: 4 dni
Czy pod BEM rozumie się tylko nazewnictwo klas, czy także struktura plików projektu? To wasza konfiguracja gulp?
Piszcie, omówimy, mam doświadczenie - responsywność, dostępność, stare technologie, wszystko co potrzebne. Mogę zaproponować ciekawszy stos.
Ostatnia praca: https://freelancehunt.com/showcase/work/sayt-vizitka-ta-blog-advokata/1925356.html
Kiedyś robiłem starter gulp: https://github.com/mrtoxas/starter-gulp-template/
Budżet: 150 USD Termin: 4 dni
Dzień dobry!
Szczegółowo zapoznałem się z projektem strony.
Zrealizuję wysokiej jakości szeregowanie, używając gulp, scss, jquery, bem oraz fancybox i popupów.
Strona będzie responsywna na wszystkie urządzenia, bez zbędnych skryptów i bibliotek.
Jedna z ostatnich prac - https://krotenko.xyz/ (szeregowanie strony na WP)
mogę pokazać więcej prac w razie potrzeby.
Jestem gotów rozpocząć od razu po omówieniu wszystkich szczegółów.
Budżet: 80 USD Termin: 2 dni
Dzień dobry! Jestem gotowy do wykonania, mam duże doświadczenie w składaniu stron internetowych.
Budżet: 100 USD Termin: 3 dni
Cześć!
Jestem gotowy do wykonania szablonu Twojej strony w czystym kodzie HTML/CSS/JS bez użycia zewnętrznych bibliotek zgodnie z metodologią BEM. Z pełną adaptacją i kompatybilnością między przeglądarkami, przestrzegając wszystkich nowoczesnych technologii.
Moje ostatnie prace:
https://codeclad.vercel.app/ - landing
https://nota-bene.vercel.app/home.html - multipage
https://s-iteost.vercel.app/index.html - multipage
https://sanyok185.github.io/Top-10/home.html - multipage
Budżet: 180 USD Termin: 3 dni
Cześć. Zrealizuję wszystko responsywnie na czystym css, js, gulp. Piszcie.
Przykłady prac:
https://alerzi.github.io/Fitness/
https://alerzi.github.io/Agency/
https://alerzi.github.io/Construct/
Budżet: 200 USD Termin: 3 dni
👋 Witaj, Jewgienij!
Zrobię jakościowe i responsywne wykonanie dwóch stron według twojego stosu: Gulp, SCSS, BEM. Używam tylko czystego kodu, bez zbędnych bibliotek. Jeśli potrzebne są animacje lub alternatywne rozwiązania (na przykład dla kalendarza), możemy to omówić. Jestem gotów przystąpić po wyjaśnieniu szczegółów!
📌 Przykłady prac:
https://easy-life.org/index.html
https://palletbladesorganization.com/
https://www.darui.com.ua/
Budżet: 70 USD Termin: 3 dni
Witaj, gotowy wykonać twoje zamówienie.
Zajmuję się składaniem od 2 lat, składam responsywnie, piszę czysty kod.
Pisz, omówimy cenę i szczegóły!
Przykłady moich prac:
https://freelancehunt.com/showcase/work/priklad-saytu-merezhi-goteley/1817751.html
https://freelancehunt.com/showcase/work/priklad-dodatku-dlya-zamovlennya-yizhi/1843305.html
https://freelancehunt.com/showcase/work/priklad-saytu-blogu/1843307.html
https://freelancehunt.com/showcase/work/priklad-saytu-neruhomosti/1843314.html
https://freelancehunt.com/showcase/work/priklad-saytu-portfolio/1843312.html
https://freelancehunt.com/showcase/work/priklad-saytu-dlya-pokeru/1843309.html
https://freelancehunt.com/showcase/work/priklad-magazinu/1843310.html
Budżet: 250 USD Termin: 3 dni
Dzień dobry! Zrobię szybko i jakościowo.
Będę zadowolony ze współpracy.
W portfolio są realizacje podobnych projektów.
Mam możliwość wykonania pracy w najkrótszym czasie.
Budżet: 80 USD Termin: 2 dni
Cześć!
Jestem gotów przygotować dla Ciebie responsywny i wielobrowersowy projekt.
Pisz, wszystko omówimy.
Budżet: 180 USD Termin: 2 dni
Witam, gotowy do współpracy, 350zł/godzinę
Mam ponad 5-letnie doświadczenie w składaniu, pracuję szybko i jakościowo.
W pracy stosuję: GIT, Gulp, SASS, SVG, jQuery, Bootstrap
Portfolio: http://eugene-stone.great-site.net
Spośród ostatnich wykonanych wyróżniam takie prace:
http://eugene-stone.great-site.net/_my_works/_mebel-sale-static
http://eugene-stone.great-site.net/_my_works/_raised-static
http://eugene-stone.great-site.net/_my_works/axit
Budżet: 200 USD Termin: 5 dni
Witaj!
Będę zadowolony ze współpracy. Zawsze jestem w kontakcie. Proszę pisać.
Przykłady prac https://web.khorol.com.ua
Budżet: 100 USD Termin: 4 dni
Dzień dobry, mam doświadczenie w HTML, CSS/SCSS, JS/JQuery i mogę pomóc w realizacji tego projektu. Pisz w wiadomości prywatnej, omówimy szczegóły
Moje portfolio - www.ostapuk.tech
Budżet: 180 USD Termin: 3 dni
Dzień dobry Jewhen.
Dokładnie zapoznałem się z makietą. Jestem gotów wykonać jakościowe, niezawodne, responsywne, wielobrowserowe kodowanie. Piszę czysty, ważny, zorganizowany kod, zgodnie z BEM. W pracy używam html, gulp/webpack, preprocesora sass w składni scss, js. W rezultacie będzie można przesłać wersję dev i prod.
Mogę od razu przystąpić do wykonania pracy!
Przykłady moich prac:
1) https://pashadahulych.github.io/NFT/ - landing
2) https://pashadahulych.github.io/Delote-Beauty/ - wielostronicowa strona, z niestandardową stylizacją mapy
3) https://pashadahulych.github.io/NFT__Marketplace/ - wielostronicowa strona
4) https://pashadahulych.github.io/CEX.io/ - landing
5) https://pashadahulych.github.io/Element__Home/ - sklep internetowy
6) https://pashadahulych.github.io/Digital-Planner/ - kodowanie aplikacji, już na hostingu
7) https://pashadahulych.github.io/Matoa/ - sklep internetowy, mnóstwo sliderów, galeria, zakładki. Cechą szczególną jest animacja dodawania do koszyka napisana w czystym javascript
8) https://charterclick.com/
9) https://pashadahulych.github.io/DLUXX_Fix/
10) https://pashadahulych.github.io/wise/
Budżet: 100 USD Termin: 3 dni
Dzień dobry!
Dzień dobry!
Opracuję stronę na zestawie Gulp z wykorzystaniem preprocesora SCSS. Zapewnię responsywność dla wszystkich urządzeń z priorytetem na wersję mobilną. Zrealizuję retinizację obrazów, aby wyglądały one jakościowo na ekranach o wysokiej rozdzielczości.
Cena wynosi 100USD. Termin do 2-3 dni.
Będę zadowolony ze współpracy!
Projekty: https://dima-sd.github.io/portfolio/, https://dima-sd.github.io/Dolguldur/app/index.html,
https://novemberman90.github.io/bravis/
Wyniki szybkości i jakości strony możesz zobaczyć w moim portfolio
Budżet: 150 USD Termin: 4 dni
Dzień dobry!
Zapoznałem się z Twoim zamówieniem, będę zadowolony z współpracy.
Napisz na prywatny czat, aby omówić wszystkie szczegóły.
Ostatnie prace:
https://3angle.pro/
https://www.fixkalle.se/
https://www.xn--flyttstdfabriken-1nb.se/
Budżet: 200 USD Termin: 2 dni
Cześć, nazywam się Sergey i jestem gotów zaoferować swoją pomoc w rozwijaniu Twojej strony internetowej. Projektuję interfejsy internetowe od ponad trzech lat. Opracowałem strony internetowe dla firmy agronomicznej, dla strony piękności Miss Ukrainy oraz strony docelowe dla wielu znanych marek.
Robię układ bez użycia zewnętrznych bibliotek, tylko czysty kod. W rezultacie otrzymujesz archiwum z html, css i js, które możesz już przesłać na swoje hosting. Przyjrzałem się Twojemu układowi i rozumiem, że jego rozwój zajmie dwa dni, plus kilka godzin na animację według Twojego gustu, a cena tej pracy wyniesie 150 dolarów. Jeśli zgadzasz się na moją cenę, proponuję, abyś zapoznał się z warunkami współpracy i moim portfolio, dobrze?
Co mogę Ci zaoferować:
- Profesjonalna niezawodność: Zrealizuję projekt na czas - 2 dni - zgodnie ze wszystkimi standardami jakości i Twoimi wymaganiami.
- Wsparcie: W ciągu miesiąca po zakończeniu projektu będę dostępny, aby rozwiązać wszelkie problemy i udzielić porad dotyczących funkcjonalności strony za darmo.
- Elastyczność i dbałość o szczegóły: moje podejście polega na ostatecznym rozważeniu każdego szczegółu, aby zapewnić, że strona internetowa nie tylko działa poprawnie, ale także wygląda profesjonalnie i nowocześnie.
Oto przykłady mojej ostatniej pracy:
Wielostronicowe strony korporacyjne:
https://gray-s.com/clinic
https://gray-s.com/krovato/home.html - Strona zakupu produktu bardzo dobrze pokazuje moją znajomość js, który jest językiem, który będzie użyty do napisania kalendarza dla Twojej strony (https://gray-s.com/krovato/card.html)
Strony docelowe:
https://gray-s.com/cookes
https://gray-s.com/grants
https://gray-s.com/dior
https://gray-s.com/home-services
https://gray-s.com/positivus
https://gray-s.com/personalized-blog/
Więc, jeśli podoba Ci się moja praca i chciałbyś uzyskać coś podobnego na swojej stronie internetowej, czekam na Ciebie w wiadomościach prywatnych, aby omówić następny etap pracy, dobrze?
Budżet: 175 USD Termin: 4 dni
Dzień dobry. Wykonuję skład HTML/CSS(scss)/JS(jquery) z czystym, walidowanym kodem, responsywny na ekrany wszystkich urządzeń, optymalizację obrazów i plików roboczych. Animacja do omówienia.
Proszę napisać w celu wyjaśnienia szczegółów.
Niektóre z ostatnich prac:
https://puer.software/
https://buildgo-project.netlify.app/
https://turnbank.netlify.app/
https://shipxdata-project.netlify.app/
Budżet: 170 USD Termin: 6 dni
Witaj, Jewgienij.
Jestem gotowa zrealizować layout zgodnie z Twoimi wymaganiami. Mogę nie używać jQuery, tylko czysty js.
Gwarantuję wysoką jakość wykonania, uwagę na szczegóły, dokładne odwzorowanie makiety, optymalizację prędkości ładowania.
Przykłady moich prac:
https://dev-is.top/portfolio/metroventa-tenerife/
https://dev-is.top/portfolio/hrCafe/
https://dev-is.top/portfolio/komarovskiy/
Budżet: 55 USD Termin: 5 dni
Dzień dobry!
Mam duże doświadczenie w tworzeniu stron internetowych, znam technologie gulp, scss, jquery, bem. W swoim projekcie użyłem również fancybox.
Projekty:
https://igordx.github.io/gulp-modymol-landing/
https://igordx.github.io/stuff/
https://igordx.github.io/react-coral-ecommerce/
https://igordx.github.io/gulp-buh-one-landing/
https://igordx.github.io/react-real-estate/
Miłego dnia!
Budżet: 85 USD Termin: 2 dni
Witaj, gotowy do współpracy. Mam doświadczenie w HTML, CSS/SCSS, JS/JQuery, używam BEM i do budowy projektu Gulp. Piszcie na prywatne - omówimy szczegóły. Miłego dnia!
https://dimonx90.github.io/virsland.github.io/
https://dimonx90.github.io/TrainingSiteCodexLandingPage.github.io/
https://dimonx90.github.io/TrainingSite1-funirolandingpage.github.io/
Budżet: 200 USD Termin: 4 dni
Witaj, Jewhenie!
Realizuję layout dwóch stron zgodnie z TZ.
Z poważaniem, Jurij.
Budżet: 85 USD Termin: 5 dni
Cześć! Zapoznałam się z projektem. Jestem gotowa do pracy.
Termin 4-5 dni cena - 85usd
Tworzę w html scss js, BEM, biblioteki (jeśli będzie potrzebne) Gulp (do optymalizacji, kompatybilności między przeglądarkami, kompresji plików itd.). Jeśli chodzi o obrazy, konwertuję je na bardziej nowoczesne z png/jpg na webp/svg.
Strona będzie: w zielonej strefie według Google PageSpeed 🌱, ważna ✅, kompatybilna z najnowszymi wersjami przeglądarek 🌍, responsywna 📱, zoptymalizowana i skompresowana ⚡.
Moje prace
https://dashanchik19.github.io/POLYEX/ – wielostronicowa
https://dashanchik19.github.io/Sunes/ – wielostronicowa
https://dashanchik19.github.io/Eco-products/ – wielostronicowa
https://dashanchik19.github.io/PRONACC-2.2/ – wielostronicowa
https://dashanchik19.github.io/KITCHEN-PANELS-ON-GLASS/ – funkcjonalna strona docelowa
https://dashanchik19.github.io/HelloUI/#! – funkcjonalna strona docelowa
https://dashanchik19.github.io/BlueCollar/ – strona docelowa
Budżet: 400 USD Termin: 15 dni
Cześć! Gotowa do współpracy!
Tylko zamiast JQuery używam czystego Java Script.
Mam 6-letnie doświadczenie w tworzeniu stron internetowych na zamówienie oraz w poprawianiu istniejących.
Pracowałam z firmami z Włoch, Kijowa i USA.
Jestem gotowa bezpłatnie doradzić.
Moje prace można zobaczyć tutaj:
Portfolio na Freelancehunt: Freelancehunt
Repozytoria na GitHub: github.com/web-programmer-pro
Piszcie – omówimy wasz projekt!
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.