Техническое задание: Адаптация и улучшение UX двух веб-страниц

Исходная ситуация

В проекте есть две действующие страницы, которые в настоящее время имеют ряд недостатков:

  • Верстка выполнена вручную с использованием таблиц для макета, что приводит к некорректному отображению на мобильных устройствах.
  • Неудобный пользовательский интерфейс (UX).
  • Проблемы с отображением и функциональностью табличных данных.

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

1. Улучшение UX и адаптивности интерфейса

  • Переработать расположение интерактивных элементов (кнопок) в соответствии с логической иерархией.
  • Обеспечить удобное взаимодействие для пользователей мобильных устройств.
  • Добиться корректной и визуально приятной адаптации интерфейса под три основных типа устройств: мобильные телефоны, планшеты и десктопы.

2. Реализация адаптивных и функциональных таблиц

  • Заменить статичные «нарисованные» таблицы на семантически верные и адаптивные.
  • Обеспечить корректное отображение таблиц на мобильных устройствах (например, с помощью горизонтального скролла или преобразования в карточки).
  • Реализовать клиентскую функциональность для таблиц:
    • Сортировка по столбцам с возможностью переключения направления (по возрастанию / убыванию).
    • Текстовая фильтрация для поиска по содержимому ячеек внутри таблицы.
    • Все операции сортировки и фильтрации должны выполняться без перезагрузки страницы.
    • Добавить визуальные индикаторы (например, стрелки) для отображения активного столбца и направления сортировки.

Технические требования

  • Чистая, модульная и легко поддерживаемая верстка.
  • Корректная работа во всех современных версиях браузеров Chrome и Safari (как на desktop, так и на mobile).
  • Технологический стек (HTML, CSS, JavaScript-фреймворк или библиотека) - на усмотрение исполнителя с обязательным кратким обоснованием выбора в предложении.

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

  • Две полностью переработанные страницы, готовые к размещению на production-сервере.
  • Полноценная и корректная мобильная версия.
  • Удобный и интуитивно понятный пользовательский интерфейс с продуманным расположением кнопок.
  • Адаптивные таблицы с рабочей клиентской сортировкой и фильтрацией.

От исполнителя ожидается

  • Оценка сроков выполнения работы.
  • Краткое описание предлагаемого технического подхода и обоснование выбора технологий.
  • Примеры или ссылки на выполненные ранее похожие работы (по возможности).
продвижение сайтов

Комплексное продвижение сайта и техническая доработка

Требуется провести аудит и оценить потенциал SEO-продвижения существующего сайта. В рамках задачи необходимо внести технические правки на ресурс согласно предоставленному техническому заданию и подготовить коммерческое предложение.

юриспруденция

Составление искового заявления на решение администрации об отказе в предоставлении жилья

Требуется подготовить исковое заявление для обжалования отказа администрации в предоставлении жилого помещения по договору социального найма. Необходимо грамотно составить юридический документ для подачи в суд.