Редизайн сайта, UX/UI дизайнер

Техническое задание (ТЗ) на редизайн сайта интернет-магазина шин и дисков millenium-tyres.ru

1. Проект:
Редизайн пользовательского интерфейса (UI) и улучшение пользовательского опыта (UX) для интернет-магазина автомобильных шин  millenium-tyres.ru.

2. Цель проекта:
Повысить конверсию, улучшить восприятие бренда и увеличить удобство использования сайта за счет современного дизайна и продуманной UX-логики.

3. Целевая аудитория:
Владельцы автомобилей (в основном мужчины 18-75 лет), которые ищут надежность, четкую информацию и простой процесс выбора и покупки.

4. Ключевые проблемы текущего дизайна (на основе аудита):

· Устаревший визуал: Несовременная стилистика, перегруженные карточки товаров.
· Плохой UX фильтров: Медленная работа, отсутствие динамического обновления.
· Слабая визуальная иерархия: Важная информация (цена, название) не выделяется.
· Низкая вовлекаемость: Главная страница не выполняет свои функции.

5. Задачи для дизайнера:

Задача 1: Разработка современного UI-Kit (базовых элементов)

· Цветовая палитра: Предложить новую палитру на основе текущего зеленого цвета бренда. Добавить акцентные цвета для кнопок "Купить", "В корзину".
· Типографика:
  · Основной шрифт (Sans-serif): Roboto или Inter.
  · Акцентный шрифт (для заголовков): PT Serif или Playfair Display.
    Предоставить вариации (Regular, Medium, Semibold, Bold) для заголовков разного уровня, основного текста и цен.
· Элементы интерфейса: Создать стили для:
  · Кнопок (основные, второстепенные, неактивные, состояния hover/active).
  · Поля ввода (поиск, фильтры).
  · Чекбоксов, радио-кнопок (для фильтров).
  · Селектов (выпадающие списки).
  · Иконки (можно использовать иконки с Font Awesome или аналоги).

Задача 2: Проектирование и дизайн ключевых страниц в Figma

Необходимо предоставить макеты для десктопной и мобильной версий.

· 2.1. Главная страница:
  · Переработать структуру: убрать пустоты, добавить impactful-элементы.
  · Предложить блоки: "Популярные категории", "Акционные товары", "Преимущества компании", "Популярные бренды (логотипы)".
  · Слайдер (если остается) должен быть современным и информативным.
· 2.2. Страница каталога / категории (основной фокус!):
  · Визуальная группировка фильтров: Сделать боковую панель фильтров визуально отделенной от основного контента.
  · Прототип работы фильтров (UX): Показать в макете, как будет выглядеть применение фильтра без перезагрузки страницы (AJAX).
    · Показать состояние "Идет загрузка" (лоадер).
    · Показать, как динамически меняется количество товаров.
    · Показать, как выглядят "активные фильтры" и кнопка "Сбросить все".
  · Переработать карточку товара:
    · Упростить и улучшить иерархию: Крупное и четкое название, акцентная цена, статус наличия ("В наличии").
    · Обязательно заложить место для рейтинга (звезды) и блока "Отзывы (N)".
    · Сделать кнопку "В корзину" заметной и кликабельной.
  · Продумать адаптивную версию фильтров для мобильных устройств (выдвижное модальное окно).
· 2.3. Страница товара:
  · Продумать современный layout для галереи изображений, блока с ценой и кнопкой "Купить".
  · Заложить места для блоков: "Характеристики", "Отзывы", "Похожие товары".

6. Требования к результату:

1. Формат: Работа ведется в Figma.
2. Структура макета: Должны быть созданы отдельные страницы для Desktop (>1024px) и Mobile (<768px). Промежуточные версии (планшет) — по согласованию.
3. Интерактивность: Ключевые элементы (кнопки, фильтры, переключение табов на странице товара) должны быть сделаны в виде интерактивных прототипов для демонстрации логики UX.
4. UI-Kit: Все использованные шрифты, цвета, компоненты должны быть вынесены на отдельную страницу в Figma для передачи разработчикам.
5. Комментарии: Дизайн должен быть снабжен комментариями для разработчиков (отступы, размеры шрифтов, цвета).

7. Этапы и сроки:

1. Этап 1: Погружение и UI-Kit. Знакомство с ТЗ, анализ конкурентов , подготовка и согласование UI-Kit. | Срок: 2-3 дня
2. Этап 2: Дизайн главной страницы. Создание и согласование макетов главной для Desktop и Mobile. | Срок: 3-4 дня
3. Этап 3: Дизайн страницы каталога. Создание и согласование макетов страницы каталога, включая интерактивный прототип фильтров. | Срок: 4-5 дней
4. Этап 4: Правки и финализация. Внесение правок и подготовка финальных макетов и UI-Kit для передачи в разработку. | Срок: 2-3 дня

Итого ориентировочный срок: 1.5-2 недели.
Оговаривается с исполнителем. 

8. Критерии успеха:

· Дизайн воспринимается как современный и надежный.
· Повышается удобство поиска и подбора товара в каталоге (интуитивно понятные фильтры).
· Увеличивается визуальная привлекательность товаров в каталоге.
· Макеты готовы к передаче frontend-разработчику для верстки.

В своем отклике, пожалуйста, укажите:

1. Свои мысли по поводу описанных проблем и предложений.
2. Ссылку на портфолио, особенно на работы с интернет-магазинами.
3. Предварительную оценку по срокам и стоимости работы (можно в формате "фикс" или "почасовка").

Спасибо за ваш отклик!