Dodaj galerię z efektem parallax w Framer

Dzień dobry!

Zrozumiałem zadanie: w Framerze stworzyć galerię zdjęć z płynny parallax (bez mikro zacięć) + lightbox po kliknięciu (overlay/przycisk/ESC), poprawnie na urządzeniach mobilnych, z lazy loading, bez CLS/przesunięcia układu.

Robiłem animacje oparte na przewijaniu w Framerze, więc od razu ustalam kryteria jakości, aby wynik był przewidywalny: test na mobilnych/desktopach, limit wagi obrazów, kontrola CLS/LCP i zachowanie lightboxa bez konfliktu z przewijaniem.

Jak zrealizuję (krótko):
parallax tylko przez transform (GPU) + useScroll/useTransform → obrazy z ustalonym proporcją + lazy → lightbox jako osobny komponent z scroll-lock (bez „wywracania” strony na iOS).

… Definicja zakończenia (akceptacja):
• parallax bez top/position, tylko transform
• lightbox: overlay/ESC/przycisk, scroll-lock bez skoku, mobilny ok
• obrazy: optymalizacja + lazy + bez CLS (ustalony ratio) + krótki film/zdjęcia testu

2 oferty:
A) „MVP” (galeria+parallax+podstawowy lightbox, 2–3 punkty przerwania): 2–3 dni / 4 000–7 000 zł
B) „Produkcja” (wszystko powyżej + prev/next lub swipe, rozszerzony performance-pass, test iOS/Android): 4–6 dni / 9 000–16 000 zł

Pytania (3): ile zdjęć i czy potrzebny „ładuj więcej”? siatka — masonry czy grid? w lightboxie potrzebne prev/next i swipe?

Pokaż oryginał

Przetłumacz

Gotowy do realizacji foto-galerii z efektem paralaksy, która działa płynnie i stabilnie zarówno na desktopie, jak i na urządzeniach mobilnych, bez lagów, mikro-zacięć i przesunięć układu.

Co zostanie zrealizowane:
Płynny efekt parallax, zoptymalizowany pod szybkie przewijanie
Poprawne działanie przy intensywnym przewijaniu
Lazy loading i optymalizacja obrazów dla szybkiego ładowania
Pełna adaptacja pod różne rozmiary ekranów
Brak CLS (przesunięcie układu)
Popup / Lightbox
… otwieranie po kliknięciu
płynna animacja pojawiania się i zamykania
zamykanie po kliknięciu poza obrazem, przyciskiem i klawiszem ESC
poprawne działanie na urządzeniach mobilnych bez konfliktów z przewijaniem strony
Czysta, skalowalna struktura w Framer
Animacje bez przeciążenia renderowania
Zoptymalizowana logika dla stabilnego FPS
Staranna organizacja komponentów dla dalszego wsparcia i rozwoju
Po doprecyzowaniu szczegółów (liczba obrazów, przykłady referencji, oczekiwane zachowanie paralaksy) będę mógł szybko podać dokładne terminy i koszt.

Pokaż oryginał

Przetłumacz