#ZoomScroll #Process

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

superpower.com

#HoverImage #Gallery

Этот сайт я уже упоминал в качестве интересного решения портфеля, но я упустил, что внутри сайта самая удобная галерея фотографий, что я видел. Минимум усилий для просмотра и максимум экономии времени, а это всего лишь ховер, который реагирует на изменение положение курсора в 20px и выдает картинку. Прием достоен отдельного упоминания и вангую, что это SOTD.

rodeo.film нажать бургер—>Gallery

#Team #InfiniteScroll #HoverImage

Как показать команду, если у вас немерено сотрудников, и каждый хочет на сайт со своей фоткой?
Вдохновляемся киноиндустрией и верстаем финальные титры с бесконечным скролом, а при наведении описываем персонажа с картинкой. Сам прием наведения, конечно избит, как перчатка Майка Тайсона, но в тандеме с кинематографическим приемом делает страницу очень свежей и эффектной.

tux.co

#ScrollMask #FirstScreen

Увеличение маски по скролу с переходом на следующий экран с интерфейсом вызывает ощущение, что мы выпрыгнули из иллюминатора.

runway.com

#HoverImage #Portfolio

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

themarcus.com

#TextAsImage #FirstScreen

Типографика становится плейсхолдером для атмосферного видео, которое движется с параллаксом внутри контейнера по скролу

drivecapital.com

#HoverSlider #FirstScreen

Интересный способ показать превью работ через ховер и бесконечно движущуюся строку. Выглядит свежо и удобно.

fielddaysound.tv

#ZoomScroll #FirstScreen

Эффектный отъезд камеры по скролу делает переход от первого экрана к описанию практически бесшовным
dribbble.com

#HoverMask #FirstScreen

Еще один пример, как по ховеру первый экран мгновенно преображается в интерфейс сервиса. Сразу возникает ощущение легкости старта в использовании продукта.