Budżet: 6000 UAH Termin: 3 dni
Cześć!
Zajmę się layoutem — zadanie jest zrozumiałe. Robię pixel-perfect layout z Figma z takim podejściem: responsywny (desktop + mobile), jasne i ciemne motywy, animacje i slidery tam, gdzie to potrzebne, a przede wszystkim — struktura blokowa, gotowa do przeniesienia na backend.
Jak zrealizuję według waszych wymagań:
Layout z Figma — desktop i mobile ściśle według makiet, z pośrednimi breakpointami dla tabletów.
Ciemne/jasne motywy — przez zmienne CSS (custom properties) z przełączaniem po atrybucie/klasie. To najczystszy sposób: jedna baza stylów, motywy przełączają się natychmiast, bez duplikowania kodu.
Animacje i slidery — płynne animacje na CSS/JS tam, gdzie przewiduje to makieta; slidery na lekkim rozwiązaniu (Swiper lub własne, w zależności od zadania).
System komponentów — to kluczowe. Każdy blok robię izolowany i samowystarczalny: własny markup + style + skrypt, z wyraźną strukturą klas (BEM). Treść wyciągam tak, aby łatwo można było ją zastąpić danymi z backendu — czyli blok staje się gotowym "szablonem", który wasz backendowiec po prostu wypełni dynamiką, nie przepisując layoutu.
Ostateczny rezultat: archiwum z HTML wszystkich stron (główna, kategoria, strona, wideo) + wszystkie niezbędne pliki — style, dynamiczne skrypty, zasoby. Struktura folderów jest czysta i logiczna, gotowa do integracji.
Co ważne dla przeniesienia na backend: powtarzalne elementy (karty, listy, bloki) robię według jednego wzoru, aby można je było wyciągnąć w pętli/szablonie po stronie serwera. Unikam sztywno "wbudowanej" treści tam, gdzie powinna być dynamiczna.
Jestem gotów zobaczyć makietę Figma i po tym podać dokładne terminy i koszt. Proszę, prześlij link do makiety i listę stron.