Верстка HTML
Сайт фитнес тренера
Заказчик с биржи фриланса Upwork. Верстка без веб-дизайна от заказчика. Вводные данные были в презентации.
Экран с видео, где вся информация спрятана и появляется по наведению на треугольник в определённом месте. Как об этом должен догадаться пользователь?
Оптимизация
Скорость загрузки
Предложила для мобильных устройств использовать не видео, а изображение из видео.
Понятность сайта
Предложила заказчику создать пульсацию для привлечения внимания пользователей, что туда можно нажать.
Какой получился сайт?
- Одноэкранный сайт, где в качестве background (заднего фона) - видео.
- Блок с информацией о тренере на версии для больших экранов (компьютеры, ноутбуки) появляется при эффекте наведения. Для привлечения внимания пользователя к этому блоку - пульсация.
- Для сайта-оригинала видео переведено в черно-белый вариант из .mov (500МБ) в .mp4 (15МБ) и .webm (7МБ)
- Верстка HTML+CSS, без JavaScript.
Демо сайта использую с видео с водными знаком Шатерстока, т.к. оригинальная лицензия принадлежит заказчику:
https://sites-for-biz.com//personal_trainer/