Верстка HTML

Сайт фитнес тренера

Верстка сайта фитнес тренера

Заказчик с биржи фриланса Upwork. Верстка без веб-дизайна от заказчика. Вводные данные были в презентации.

Экран с видео, где вся информация спрятана и появляется по наведению на треугольник в определённом месте. Как об этом должен догадаться пользователь?

Макет сайта фитнес тренера

Оптимизация

Скорость загрузки

Предложила для мобильных устройств использовать не видео, а изображение из видео.

Понятность сайта

Предложила заказчику создать пульсацию для привлечения внимания пользователей, что туда можно нажать.

верстка сайта фитнес тренера

Какой получился сайт?

  • Одноэкранный сайт, где в качестве background (заднего фона) - видео.
  • Блок с информацией о тренере на версии для больших экранов (компьютеры, ноутбуки) появляется при эффекте наведения. Для привлечения внимания пользователя к этому блоку - пульсация.
  • Для сайта-оригинала видео переведено в черно-белый вариант из .mov (500МБ) в .mp4 (15МБ) и .webm (7МБ)
  • Верстка HTML+CSS, без JavaScript.

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

https://sites-for-biz.com//personal_trainer/

 

Добавить комментарий