Вітаю!  Запропонуйте вартість та час, який Вам необхідно для виконання робіт. Дякую!

СМS - MODX Revolution 2.8.4-pl

Посилання надам окремо. Дизайн готовий.

Загальні вимоги:

• Розробка повинна бути кросбраузерною та адаптивною.
• Використання методології BEM для CSS класів.
• Семантична, валідна та доступна HTML-розмітка.
• Оптимізація зображень та використання SVG, де це можливо.
• Використання препроцесорів CSS, як-от SASS або LESS.

1. Адаптивний дизайн:

   • Створення версій для різних розмірів екранів згідно з брейкпойнтами, визначеними в дизайні.
   • Верстка має бути гнучкою та адаптивною до різних пристроїв.

2. Компоненти дизайну:

   • Виділити та використати повторювані елементи, як-от кнопки, заголовки, карточки товарів тощо.
   • Розробка модальних вікон, табів, слайдерів згідно з дизайном.

3. Інтерактивність:

   • Описати очікувану поведінку інтерактивних елементів: стани для :hover, :focus, активних елементів.
   •  анімації та переходи, які потрібно реалізувати, оговоримо

4. SEO та доступність:

   • Використання правильних метаданих для кожної сторінки.
   • Забезпечення доступності елементів управління для клавіатурного навігування та читачів екрану.

5. Оптимізація:

   • Мінімізація CSS та JavaScript.
   • Використання технік лінивої загрузки для зображень та іншого контенту.

6. Валідація коду:

   • Перевірка коду через W3C Validator.
   • Використання лінтерів для CSS та JS.

7. Тестування:

   • Тестування верстки в останніх версіях основних браузерів (Google Chrome, Firefox, Safari, Edge).
   • Перевірка на мобільних пристроях (iOS, Android).

8. Здача роботи:

   • Створення документації по коду.
   • Здача коду через систему контролю версій, наприклад Git.
   • Встановіть термінів для кожного етапу проєкту, обговоримо
     
     
   • Настроювання контенту:
     • Реалізувати систему управління контентом для легкого додавання та оновлення матеріалів сайту.
     • Використовувати чанки та сніппети для динамічних елементів сайту.
       
       

     • SEO та аналітика:

       • Оптимізувати сайт для пошукових систем, встановити мета-теги та використовувати дружні URL.
       • Інтегрувати інструменти веб-аналітики, наприклад Google Analytics.

     • Тестування:

       • Провести функціональне та вантажне тестування сайту.
       • Виправити помилки, виявлені під час тестування.

     • Документація:

       • Створити технічну документацію для сайту, включаючи опис використаних плагінів і шаблонів.

     • Здача проекту:

       • Передати повністю функціональний сайт замовнику.
       • Надати інструкції для адміністраторів сайту по роботі з CMS.

     • Підтримка та оновлення: Обговоримо 

     • Додаткові компоненти:
       • Встановити та налаштувати необхідні додатки, плагіни або пакети, щоб розширити функціональність MODX.
       • Безпека сайту:
         • Забезпечити захист від відомих вразливостей і атак.
         • Реалізувати резервне копіювання та відновлення сайту.