Проет Кислород

Техническое задание (ТЗ) для дизайнера

Проект: Oxydise – Страница для спорта и B2B страница

Формат: Адаптивный дизайн для мобильных и компьютеров

Язык: Английский

1. Общее описание проекта

Мы создаем две страницы на сайте Oxydise.co.uk:

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

2. Целевая аудитория

1. Страница для спорта:

   • Профессиональные спортсмены
   • Фитнес-энтузиасты
   • Тренеры и спортивные команды

2. B2B страница:

   • Спортивные центры, фитнес-клубы
   • Медицинские клиники
   • Бизнесы, заинтересованные в покупке или аренде гипербарических камер

3. Основные требования к дизайну

3.1 Страница для спорта

• Основные акценты:

  • Преимущества HBOT для ускоренного восстановления.
  • Поддержка высоких физических нагрузок и улучшение результатов.
  • Краткие, но информативные блоки с научными доказательствами (изучения, исследования).

• Основные разделы страницы:

  1. Текст и предварительная схематика в фалах. 

• Цветовая схема:

  • Чтобы подходило по стилю к уже сущаствующему сайтую 

• Визуальные элементы:

  • Изображения спортсменов в действии (тренировки, соревнования, восстановление).
  • Минимум "перегруженности" – акцент на динамике и ясности.

3.2 B2B страница

• Основные акценты:

  • Гипербарические камеры как инновационное решение для бизнеса.
  • Удобство аренды и покупки оборудования.
  • Долгосрочное сотрудничество и персональные предложения.

  • Основные разделы страницы:

    1. Текст и предварительная схематика в фалах. 

  • Цветовая схема:

    • Чтобы подходило по стилю к уже сущаствующему сайтую 

• Шрифты:

  • Строгие, профессиональные шрифты для основного текста и заголовков.

4. Требования к адаптивности

1. Мобильная версия:

   • Максимальная простота: Удобство чтения и взаимодействия, крупные кнопки.
   • Горизонтальная прокрутка: Минимизировать. Должны быть адаптивные блоки, которые автоматически корректируют размер под экран.
   • Быстрая загрузка: Минимизация веса изображений, оптимизация анимации.

2. Компьютерная версия:

   • Детализированные изображения: Для больших экранов важны качественные визуальные элементы.
   • Широкие блоки с контентом: Убедиться, что контент выглядит сбалансировано на больших экранах.
   • Интерактивные элементы: Карты, кнопки и формы должны быть легко доступными для взаимодействия.

5. Функциональные элементы

• Кнопки CTA (Call to Action): Должны быть хорошо видны, с понятными текстами («Запросить консультацию», «Оставить заявку»).
• Форма обратной связи: Простая и удобная, без лишних полей.
• Чат или поддержка онлайн: Важно для клиентов на B2B странице, которые могут иметь дополнительные вопросы.
• Анимации: Минимальные и ненавязчивые, только для улучшения взаимодействия.