Задача — зробити лендинг-сторінку за готовим дизайном. Посилання на дизайн:
https://www.figma.com/design/y8QNBHxS6Tn9bguQEyOgOq/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3-NADEL?node-id=0-1&p=f&t=QaHrYqOyabZsbo1F-0
Необхідно використати HTML, CSS (SCSS), JavaScript.
Потрібна кросбраузерна та адаптивна верстка за принципом Mobile First. Код має бути оптимізований для швидкого завантаження сторінки.
Також необхідно реалізувати анімації, інтеграцію з CMS та повну натяжку функціоналу відповідно до опису у Figma.
Робота має вестися через репозиторій GitHub:
створення та ведення приватного репозиторію;
використання Git flow: гілки main, develop, feature;
code review перед злиттям змін;
документування змін у README.md.
Тестування та відлагодження:
кросбраузерне тестування;
перевірка коректної роботи на мобільних пристроях;
оптимізація швидкості завантаження сторінок.
Оскільки оптимізація сайту є важливою, у результаті потрібен показник не менше 90 балів за версією сервісу PageSpeed Insights:
https://pagespeed.web.dev/?hl=ru
Термін виконання:
від 1 до 2 робочих днів, із запасом часу на code review, правки та тестування.
Термін перевірки:
на перевірку виконаної роботи буде необхідно від 3 до 4 днів.
Більш точне ТЗ:
Потрібно зробити анімацію на головній сторінці, яка запускатиметься при вході на сайт. Після завершення анімації має програватися відео. Після завершення відео банер з анімованого стану переходить у статичний.
На лендингу має бути бриф, який заповнює клієнт. Після заповнення цей бриф має потрапляти в KeyCRM у вигляді PDF-файлу, а також із фото, якщо воно додається. Важливо реалізувати цей функціонал зручно для користувача.
Необхідно реалізувати відгуки Google на сайті у варіантах: автоматичному або ручному. Відгуки мають підтягуватися через API, а також має бути можливість додавати їх вручну.
Весь дизайн потрібно реалізувати відповідно до Figma. Якщо виникнуть неточності або питання, їх можна буде узгодити, і ми знайдемо компромісне рішення.