Плиз, если фронтенд-анимация не ваше -- пропустите проект 😉
Теперь к делу:
В рамках уже работающего проекта возникла необходимость добавить новий продукт (лендинг).
Часть страници уже готова (кликабельно): header, несколько блоков.
Source кода на Github, дизайн в Фигме.
Референси:
https://thierrychopain.com/https://normal.studio/en/
Задачи:
сверстать 2-3 блока (пример блока прикрепил, остальние +/- такие же по обьему), добавить к ним параллакс-єффекти, переход между єкранами. Креатив только приветствуется.
блок при скролле фиксируется и, когда пользователь начинает скроллить -- меняется текстовий контент/задний фон.написать JS для єтих анимаций универсально, чтоби можно било добавлять похожие блоков, добавлять блоки до/после и ничего не развалилось и можно било настраивать анимацию (скоросить и тп).провести аудит уже написанного JS (400 строчек форматированного кода), что-то изменить/улучшить при необходимости.Дополнительно и более точно обговорим еще при виполнении задания.
Стек + JS-плагини, с которим придется столкнуться на проекте:
HTML, SCSS, BEM-классисборка на gulp
Canvas + PxLoader
fullpage scrollgsaplocomotive-scroll
Short list требований к вам/проекту/коду:
чистий, понятний кодPixel Perfect (в рамках разумного)респонсив от 1024px и више (мобилки НЕ нужни)бить на связи в рабочее время, не теряться
ВАЖНО: в последующие 2-3 недели (возможно!) нужно будет сделать еще пару подобних блоков.
Єто будет не срочно (не типа с сегодня на завтра), но хорошо, если можно на вас рассчитивать.
Также, при внесении цени на вашу работу рассчитивайте, что возможни правки, легкий тюнинг того, что сделаете.
Понимаю, что сложно адекватно оценить всю работу, не видя код, поєтому обоснованние коррективки возможни.
От себя гарантирию:
адекватность 😉
бистрие ответи на любие вопросиоплату в полном обьеме и без задержек после виполнения задачи.
PS: и сори, проект не для новичков