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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Разработка рабочей документации по инженерным сетям водоснабжения и канализации

Требуется разработать три раздела рабочей документации для нового здания: наружные сети водоснабжения, наружные сети канализации и внутренние системы водоснабжения и канализации. Задача включает полное оформление проектной документации в соответствии с требованиями.

продвижение сайтов

Поиск клиентов для IT-услуг на фриланс-площадках

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