Bayer

На главной странице сайта представлены три слайда. Переход между ними осуществляется с помощью ползунка. При изменении состояния ползунка меняется большая картинка, а также изменяется заголовок ползунка на "Насыщенная жизнь", "Умные гаджеты" и "Ты и Фолаты". Определенные картинки, соответствующие состоянию слайда, становятся активными. Реализация предусматривает плавный переход от слайда к слайду с эффектом выезжающих полей для заголовка и появлением текста.

При бездействии пользователя более пяти секунд происходит автоматическое передвижение ползунка в следующее состояние. Этот процесс зациклен, т.е. переход по слайдам осуществляется в порядке 1-2-3-1-2-3...

При наведении на активную картинку она увеличивается на 10% с эффектом плавности. Ссылки в подвале сайта, а также ссылки на социальные сети меняют цвет при наведении на голубой, как кнопка "Гинеколог онлайн". Кнопка "Гинеколог онлайн" при нажатии имеет эффект зажатой кнопки.

Страница должна масштабироваться под любое разрешение экрана без появления вертикального или горизонтального скролла, т.е. высота и ширина равны 100%.

На главной странице, в адаптивной версии, сохраняется функционал и эффекты перехода с десктопной версии. Автоматический переход от слайда к слайду происходит в случае бездействия пользователя в течение 5 секунд.

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

Логотип SMART является ссылкой на главную страницу. Вертикальное меню слева появляется и закрепляется по высоте, не прокручивается вместе с контентом на правой части экрана. Оно содержит три ползунка и ссылки по сайту, а также ссылки на социальные сети и "Гинеколог онлайн". Для адаптивной версии предусмотрена возможность скрыть меню. Страница должна отображаться во весь экран при любом разрешении, ширина равна 100%, высота обусловлена набором отображаемых картинок.