Техническое задание для интеграции дизайна на сайт leblanc.ua
1. Необходимо интегрировать готовый дизайна в существующий сайт leblanc.ua с учетом уже написанного исходного кода. Данное задание предполагает сверку существующей верстки с предоставленным макетом и внесение соответствующих изменений для достижения нового дизайна. Подробнее: Блок меню, на главной блок отзывы добавить, на главной скрол блога, в попап добавить выпадающий список услуг, на странице блог изменить вид ячеек со статьями. Все остальное остается прежним в дизайне.
2. Общие требования
Интеграция дизайна должна быть выполнена с учетом существующего исходного кода и архитектуры сайта.
Использование семантических HTML-тегов для структурирования контента.
Обеспечение кроссбраузерности и адаптивности новой верстки.
Соблюдение оптимизации загрузки страниц и доступности контента.
3. Разбор уже интегрированных компонентов
Провести анализ существующей верстки и сравнить её с предоставленным дизайн-макетом.
Определить, какие компоненты уже интегрированы и соответствуют предоставленному макету.
4. Интеграция недостающих компонентов
Интегрировать недостающие компоненты согласно предоставленному дизайну.
При необходимости, внести изменения в существующий исходный код для обеспечения соответствия дизайну.
Оптимизировать новые компоненты для обеспечения совместимости с различными браузерами и устройствами.
5. Проверка адаптивности и кроссбраузерности
Провести тестирование новой верстки на различных разрешениях экранов (пк, планшеты, мобильные устройства).
Убедиться в корректном отображении компонентов в основных браузерах (Google Chrome, Mozilla Firefox, Safari, Microsoft Edge).
Внести корректировки при необходимости.
6. Тестирование и отладка
Провести тестирование функциональности компонентов после интеграции.
Выявить и устранить возможные ошибки и несоответствия.
Осуществить отладку верстки для обеспечения ее корректной работы на всех уровнях.
8. Дедлайн 5-7 дней
9. Оплата от 1000 грн, по итогу работы возможен пересмотр.
Сайт - https://leblanc.ua
Платформа - WordPress
Макет дизайна - https://www.figma.com/file/PH1SBVNV7qDMCkTvStCJQ7/LeBlanc?type=design&node-id=0-1&mode=design&t=m3TRVbF42v8ss8iH-0
Код прикреплен файлом