Обновление пользовательского интерфейса веб-приложения

Цель проекта

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

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

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

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

  • Обновление стилей: Переработка существующих SCSS-стилей в соответствии с новыми макетами.
  • Замена иконок: Интеграция нового набора иконок.
  • Реструктуризация элементов: Небольшая переработка структуры и вёрстки некоторых компонентов для улучшения логики отображения.
  • Объём работ: Затрагивает примерно 30% от общего количества экранов (около 40 экранов).

Требования к реализации

  • Работа ведётся только над десктопной версией интерфейса. Адаптивность сохранять не обязательно.
  • Все исходные дизайн-макеты предоставлены в Figma и имеют чёткую организацию.
  • Необходимо сохранить качественную организацию существующего кода.
  • Проект содержит множество таблиц и типовых компонентов - важно обеспечить единообразие изменений.

Результат

Обновлённый, современный и визуально согласованный пользовательский интерфейс десктопной версии приложения с актуальными иконками и улучшенной структурой ключевых компонентов.