Human Person x SALT AND PEPPER: креативный сайт студии, которая оформляет сцены Билли Айлиш

SALT AND PEPPER — студия веб-разработки, которая специализируется на разработке креативных сайтов с нестандартной анимацией и сложным фронтендом. В этом кейсе рассказываем, как разработали сайт-портфолио для Human Person — лос-анджелесской креативной студии, оформляющей сцены для Билли Айлиш, Post Malone, Nine Inch Nails и Канье Уэста. Реализовали кастомный шейдерный эффект «сгорания» при переключении изображений — первую версию запустили за месяц к важному ивенту клиента. Спустя год Human Person вернулись за отдельной страницей для кейса Coachella. Проект получил Honorable Mention и Mobile of the Week от Awwwards, а также Winner of the Day от CSSDA.

Human Person — это креативная студия из Лос-Анджелеса, которая оформляет сцену для таких известных артистов, как Billie Eilish, Post Malone, Nine Inch Nails, Kanye West и других весьма известных деятелей музыкальной индустрии. В 2021 году они обратились к нам и попросили сделать сайт, который полностью передавал бы их непревзойденный стиль.

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

Первую версию мы запустили за месяц, потому что у ребят был важный ивент, на котором они хотели презентовать сайт. За следующий месяц мы довели его до ума. Спустя почти год Human Person вернулись к нам за разработкой отдельной страницы для их кейса Coachella – известного музыкального фестиваля в США.