Budżet: 3000 UAH Termin: 2 dni
Witam.
Jestem programistą NodeJS. Mogę zrealizować dla Ciebie makietę według projektu z Figmy. Pisz, omówimy.
- Zlecenia -
- Ocena -
- Ranking 702
Budżet: 6000 UAH Termin: 4 dni
Dzień dobry.
Zapoznałem się z makietami strony dla wersji desktopowej oraz mobilnej (320px). Stylowy, kontrastowy design w stylistyce usług imigracyjnych i kariery (wizy O-1, USA). Całkowicie popieram Państwa wymaganie dotyczące czystego kodu bez rozbudowanych zewnętrznych frameworków: taki niestandardowy design powinien działać maksymalnie szybko.
Rozwiązanie techniczne:
Stos i budowa: Zbuduję stronę na bazie semantycznego HTML5 oraz nowoczesnego CSS (użyję Flexbox/Grid do skomplikowanych siatek oraz kart obrazkowych w górnej części). Do budowy i minifikacji kodu skonfiguruję lekki Vite lub Gulp — na wyjściu otrzymacie krystalicznie czyste i skompresowane pliki CSS/JS bez żadnego zbędnego kilobajta.
Skrypty i interaktywność: Całą niezbędną interaktywność (slider opinii/przypadków, rozwijanie list w bloku FAQ, animacja pojawiania się elementów oraz otwieranie modalnego okna formularza kontaktowego) napiszę w czystym JavaScript (Vanilla JS). Żadnego ciężkiego jQuery ani nieporęcznych wtyczek: kod zostanie stworzony wyłącznie pod funkcjonalność tych makiet.
Responsywność i grafika: Szczególną uwagę poświęcę skomplikowanym liniom-separatorom (efekt postrzępionego papieru oraz krzywym liniom przy formularzu kontaktowym). Zintegruję je poprzez zoptymalizowane wektory SVG, aby idealnie skalowały się na różnych ekranach. Responsywność dla urządzeń mobilnych (w tym niestandardowych wąskich ekranów 320px) zrealizuję poprzez elastyczne zapytania medialne.
Na finalne ustalenie dokładnych odstępów, rozmiarów czcionek oraz eksportu grafiki czekam na link do makiety Figma w wiadomościach prywatnych.
Budżet: 15000 UAH Termin: 7 dni
Witam. Mam duże doświadczenie w tworzeniu stron internetowych. Jestem gotów zrealizować wysokiej jakości szereg.
Budżet: 2000 UAH Termin: 7 dni
Cześć, pracowałem nad szablonem landing page dla klubu fitness — responsywny mobilny/desktopowy, 98/100 PageSpeed, zero zbędnych bibliotek, czysty JS pod funkcjonalność (~200 linii).
Dmytrze, powiedz — czy na landing page są animacje lub interaktywne elementy, które wymagają JS, czy głównie statyczny szablon?
Proponuję się skontaktować, chętnie bezpłatnie doradzę ci z technicznej strony i stworzymy plan rozwoju + opowiem o moim zespole!
Budżet: 999 UAH Termin: 1 dzień
Dmitrze, zrobię czystą, responsywną wersję lądowania z Figma dla wersji mobilnej i desktopowej bez zbędnych bibliotek i ciężkiego JS. Pracuję z przemyślaną strukturą, kompatybilnością między przeglądarkami oraz staranną realizacją tylko potrzebnej funkcjonalności. Mam doświadczenie w MODX, Laravel i Vue, więc mogę od razu uwzględnić również dalszą integrację. Jestem gotów dokładniej ocenić zadanie po obejrzeniu makiety i uzgodnić terminy.
Budżet: 2000 UAH Termin: 3 dni
Dzień dobry.
Ponad 15-letnie doświadczenie komercyjne w programowaniu.
Zrealizuję przy użyciu zestawu gulp, minimum kodu, style i skrypty tylko tam, gdzie to potrzebne. Semantyczne kodowanie, przydatne dla SEO.
2000 UAH, termin 3 dni.
Budżet: 4000 UAH Termin: 4 dni
Cześć, Dmytrze.
Jestem gotowy do wykonania layoutu bez zbędnych bibliotek, czysty, walidowany kod, czysty JS.
Doświadczenie - ponad 5 lat, pracuję również z CMS WordPress, jeśli trzeba stworzyć panel administracyjny do edytowania treści. Pracuję szybko i jakościowo.
Budżet: 12000 UAH Termin: 7 dni
Witaj!
Będę zadowolony z współpracy. Zawsze jestem w kontakcie. Proszę pisać.
Przykłady prac https://web.khorol.com.ua
Budżet: 4000 UAH Termin: 3 dni
Witam!
Wykonam szeregowanie. Gwarantuję kompatybilność między przeglądarkami, responsywność, pagespeed - zielona strefa. 0 bibliotek.
Doświadczenie 6+ lat. Będę zadowolony, mogąc pomóc.
Budżet: 5000 UAH Termin: 4 dni
Potrzebny czysty landing z Figma — responsywny, bez balastu z bibliotek i zbędnego JS.
Będę kodować na semantycznym HTML5 + CSS (Flexbox/Grid, niestandardowe właściwości), bez Bootstrap i jQuery. Responsywność przez media queries pod kluczowe breakpointy z makiet. JS piszę wyłącznie pod konkretną funkcjonalność strony — jeśli jest slider lub modal, to minimalny własny skrypt, nie wtyczka na 2000 linii. Sprawdzam cross-browserowo w Chrome, Firefox, Safari, Edge.
Ile sekcji jest w makiecie i czy są tam animacje lub niestandardowa funkcjonalność (formularz, slider, wideo)?
Budżet: 5000 UAH Termin: 3 dni
Dzień dobry!
Zapoznałem się z zadaniem dotyczącym tworzenia landing page'a i jestem gotów przystąpić do jego jakościowego wykonania. Zajmuję się web developmentem od ponad 5 lat. Strona będzie responsywna, wieloplatformowa, zgodna z metodologią BEM, przyjazna SEO, a kod będzie czysty i walidowany!
Oto moje portfolio: https://dmytrokushnir.top/portfolio/
Budżet: 4000 UAH Termin: 4 dni
Witaj, Dmytro.
Zrealizuję responsywnie, wielobrowarowo, czysto, bez zbędnych bibliotek.
Jeśli to konieczne - dodam małe animacje.
Doświadczenie 10+ lat, koszt - 4 000 UAH, termin - 4 dni
Przykłady landingów:
https://dev-is.top/portfolio/hrCafe/
https://dev-is.top/portfolio/pageSpeed/
https://dev-is.top/portfolio/komarovskiy/
Budżet: 2000 UAH Termin: 2 dni
👋 Witaj!
Nazywam się Ołeksandr, jestem programistą webowym z ponad 10-letnim doświadczeniem. Specjalizuję się w tworzeniu szybkich, responsywnych i przyjaznych dla użytkownika stron internetowych z wykorzystaniem HTML, CSS, JavaScript, WordPress.
Pracuję zarówno z małymi landingami, jak i z dużymi projektami e-commerce. Głównym celem jest stworzenie strony, która pomoże biznesowi rosnąć.
🔹 Moje prace:
u-force.in.ua
arma-agency.us
glm.com.ua
setbox.com.ua
eurospace.com.ua
zavchasno.com.ua
windorama.com
fleetli.app
saglamurek.com
pazur.com.ua
sipmedia.net
ukrtara.com
unicompay.io
Będę zadowolony, mogąc pomóc w realizacji Twojego projektu 🚀
Budżet: 5000 UAH Termin: 5 dni
Czyste kodowanie bez zbędnych zależności to właśnie moje podejście, nie wyjątek pod zapytanie. Piszę semantyczny HTML, CSS bez frameworków tam, gdzie nie są potrzebne, i JS wyłącznie pod konkretną funkcjonalność strony — bez jQuery, bez bibliotek dla samych bibliotek. Platforma w zapytaniu nie została wskazana, więc doprecyzuję: wynik potrzebny jako statyczny plik HTML/CSS/JS, czy kodowanie ma być zintegrowane z jakimś CMS — WordPress, Tilda, coś innego? Od tego zależy podejście do struktury plików i sposób oddania. Z kodowania według Figma jest przykład: prokachajfinansy.com/marafon — landing page, zrealizowany pixel perfect z makietą, z pełną responsywnością. Termin — 3–5 dni po uzyskaniu dostępu do Figma.
- Zlecenia -
- Ocena -
- Ranking 350
Budżet: 4000 UAH Termin: 3 dni
Cześć!
Zapoznałem się z zadaniem i jestem gotów je wykonać zgodnie z Twoim TZ.
Mam doświadczenie w pracy w studiu oraz w produkcie firmy, dlatego rozumiem znaczenie terminów, przykład produkcji: https://misteram.com.ua
Jednym z przykładów pracy z API jest bot telegramowy: @reelix_movie_bot
Załączam link do zapoznania się z kodem: https://github.com/alexalexdevio/reeelix
Średnio taka praca zajmie 3 dni.
Dziękuję, będę zadowolony ze współpracy i życzę miłego dnia.
Budżet: 7200 UAH Termin: 5 dni
Cześć! Duże doświadczenie w czystym adaptacyjnym kodowaniu według Figma bez zbędnych bibliotek i ciężkiego JS. Koduję z myślą o różnych przeglądarkach, z podejściem mobile-first, optymalizacją pod PageSpeed i staranną strukturą kodu, aby projekt był łatwy do utrzymania i dalszego rozwoju.
Denis Ivanchenko
Oferta, która wygrała- Zlecenia 8
- Ocena 5.0
- Ranking 805
Budżet: 3500 UAH Termin: 3 dni
Dzień dobry! Przejrzałem zrzuty ekranu - ICEUNION, landing VISA O-1. Ciemny styl, efekt porwanego papieru, elementy ręcznie pisane, suwak, FAQ-akordeon, formularz. Niekonwencjonalny design, ale struktura zrozumiała.
Całkowicie zgadzam się z podejściem: czysty HTML/CSS/JS, skrypty tylko pod konkretną funkcjonalność - suwak, akordeon, płynne przewijanie. Bez jQuery, bez zbędnych bibliotek.
Zrobię tak:
Semantyczna HTML5 struktura według Figma - desktop + mobilny 320px
CSS z niestandardowymi właściwościami, bez Bootstrap
Vanilla JS: suwak (~30 linii), FAQ-akordeon (~20 linii), płynne przewijanie - i nic więcej
Efekt porwanego papieru - przez CSS clip-path lub maskę SVG bez zbędnych obrazów
Cross-browserowość Chrome/Firefox/Safari/Edge
Z portfolio: landing AI-usługi - czysta struktura z Figma, PageSpeed 90+; Amalfitana Tours - nietypowy design, animacje, responsywny. Linki prześlę.
Koszt: od 3 500 zł / Termin: 3–5 dni po uzyskaniu dostępu do Figma.
Prześlij Figma - zaczynamy.
—
Denis Iwanczenko · Front-end struktura
Budżet: 4000 UAH Termin: 2 dni
Witaj!
Jestem gotowy do wykonania layoutu. Podejście oparte na komponentach BEM, semantyka, pagespeed 95+
Mogę dostarczyć przykłady w prywatnych wiadomościach. Proszę o kontakt.
Budżet: 2500 UAH Termin: 3 dni
Dmitro, widzę, że potrzebujesz czystego kodu lądowania z naciskiem na szybkość i lekkość kodu bez zbędnych bibliotek. Moje podejście zakłada wykorzystanie semantycznej struktury HTML oraz modułowych stylów CSS, aby zapewnić poprawne wyświetlanie na urządzeniach mobilnych i desktopach. Zamiast nadmiernej ilości skryptów, wdrożę tylko niezbędne minimum dla funkcjonalności strony, co gwarantuje wysoką wydajność. W jakim terminie planujesz otrzymać gotowy wynik do testowania, i czy w makiecie są skomplikowane elementy animacyjne, które wymagają szczególnej uwagi?
Aktualnie brak ofert
Aktualne zlecenia dla freelancerów w kategorii Układ HTML i CSS
Szukamy dewelopera do całego projektu, który obejmuje osobno wersję desktopową i aplikację. Układ musi być identyczny z makietą. Na początek, ile czasu zajmie i ile będzie kosztować wykonanie takiego landing page'a?
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