Задача
Требуется перенести готовую адаптивную вёрстку сайта, выполненную с использованием фреймворка Tailwind CSS, в систему управления контентом (CMS). Исходные макеты (Figma) и html-файлы сверстаны таким образом, что для внесения изменений в контент необходимо перекодить их. Нужно создать такую структуру в CMS, при которой все тексты, изображения, кнопки и повторяющиеся блоки можно будет редактировать через удобную админ-панель без написания кода.
Объём работ
- Перенести существующую вёрстку в единый шаблон CMS.
- Распилить макеты на логические компоненты: шапка, подвал, секции с контентом, карусели, блоки «О компании», кнопки и т. д.
- Программно подключить все ключевые элементы: тексты, изображения, URI-ссылки, мета-теги.
- Реализовать повторяющиеся блоки (например, карточки товаров/услуг/отзывов) без ограничения по количеству.
- Создать и настроить интерфейс администратора для управления вышеуказанным контентом.
- Полностью сохранить адаптивность и внешний вид на всех устройствах (desktop / планшет / мобильные).
- Обеспечить соблюдение стилей Tailwind CSS - никакие правки в код не должны ‘ломать’ existing стили.
Ожидали от результата
- Готовая CMS с перенесённым дизайном из Figma.
- Гарантия ‘piccel-perfect’ соответствия исходному макету (визуально один в один).
- Админ-панель, позволяющая изменять не только тексты, но также изображения и их расположение.
- Сайт полностью функционирует, все ссылки/кнопки управляются из CMS.
- Чистая, хорошо задокументированная структура файлов - чтобы можно было легко расширять проект.
Критерии приёмки
- При внесении изменений в контент UI не должен изменяться, цвета и расстояния брать из хвостовых классов.
- Корректное работа страницы при замедлявом интернете: все секции подгружаются постепенно (ламинальные изображения).
- JS-интеркционы (если были нюансы) переносится с CMS-методами без потери логики.