Разбор нового сайта Salt and Pepper.
По неведомой для нас причине канал Now How, который предложил нам разбирать работы для них, отказался публиковать этот разбор сайта. Но нам жаль потраченного времени, поэтому мы с радостью поделимся с вами разбором здесь.
—
В этот раз мы решили разобрать сайт наших коллег по цеху креативной разработки. Тем более они его анонсировали не так давно и уже успели получить сайт дня на FWA.
Классная, минималистичная работа с интересными функциональными приемами.
В качестве ключевого визуала используются интерактивные частицы, реализованные на three.js. При зажатии они собираются в логотип компании. Вся композиция реагирует на движение мыши, спасибо three.js за это.
Интересно, ребятам просто понравился эффект частиц или это прямая отсылка к сыпучим соли и перцу?)
Местами на сайте переиспользуются знакомые приемы, но при этом с привнесением в них новых фишек. К примеру привычный список наград на странице о компании дополнен интересным эффектом движущихся фотографий по наведению+скроллу. В момент скролла получается так, что фотографии начинают перемещаться, хотя по сути имеют фиксированную позицию. Мелочь, а приятно. Реализовать скорее всего такое не сложно, а вот свою дозу впечатления создает.
Очень понравилась форма на сайте. Приятный, ничем не обременяющий сценарий заполнения, где каждое поле подается порционно. Таким образом на пользователя не оказывается избыточная когнитивная нагрузка.
А еще приметилась реализация списка избранных работ, где просто и наглядно показывается какие технологии и награды есть у того или иного проекта. Очень легко можно сопоставить где что применялось, и какие заслуги были получены.
Весь контент на сайте подается в двух видах масок (круглой и прямоугольной). Круг в целом мог бы смотреться странно на другом сайте, но тут он подкреплен идеей логотипа. Своими простыми геометрическими формами логотип позволяет лишний раз использовать его очертания самым разным образом на сайте.
https://snp.agency/ru/