Рефакторинг и модернизация стилей веб-интерфейса

Суть проекта

Необходимо выполнить комплексное обновление пользовательского интерфейса существующего веб-проекта. Основной фокус - на визуальной составляющей: стилях, иконках и компоновке элементов.

Технический контекст

Проект построен на следующих технологиях:

• Бэкенд: PHP Symphony
• Шаблонизация: Twig
• Верстка: HTML
• Стилизация: SCSS

Кодовая база хорошо организована, содержит множество таблиц и повторяющихся компонентов.

Основные задачи

• Обновление стилей: Приведение визуального оформления компонентов в соответствие с новыми макетами.
• Замена иконок: Актуализация графических элементов интерфейса.
• Реструктуризация элементов: Незначительное изменение компоновки и структуры некоторых блоков для улучшения UX.
• Масштаб работ: Затрагивает примерно 30% от общего количества экранов (около 40 единиц).

Входные данные и требования

• Дизайн-макеты: Предоставлены в Figma с четкой организацией слоев и компонентов.
• Адаптивность: Требуется реализация только десктопной версии. Сохранение адаптивности не обязательно.
• Качество кода: Необходимо поддерживать существующий уровень организации кода, обеспечивая чистоту и читаемость изменений.

Ожидаемый результат

Проект с полностью обновленным и современным пользовательским интерфейсом, соответствующим предоставленным макетам, с сохранением стабильности и структуры существующей кодовой базы.