Chiko&Roko
Chiko&Roko Art Club — это закрытый клуб для владельцев NFT от команды цифровых художников Chiko&Roko.
На платформе Chiko&Roko представлены работы известных художников, которые работают в специфическом жанре цифрового искусства. Никнеймы Vollut, Kiwie и Fuckyou.Digital вряд ли известны широкой массе, но о многом говорят на сцене NFT.
Стоимость работ доходит до 10 эфириумов, то есть до десятков тысяч долларов, в зависимости от курса этой криптовалюты.
Сайт для Chiko&Roko Art Club
Для клуба Chiko&Roko разработан мультимедийный сайт в формате одностраничной посадочной страницы. Для сайта подготовлены трехмерные модели, анимации и видеоролики. Чтобы сайт работал без задержек, используется загрузчик, который заранее скачивает все содержимое сайта.
После загрузки запускается анимация. Шесть самых популярных фигурок, которые продаются на платформе Chiko&Roko, по очереди падают с неба на сцену. Главная, седьмая фигурка, изготовлена в 3D и вращается слева направо до встречи с курсором мыши.
Эффектное открытие сайта производит вау-эффект и побуждает посетителя хотя бы долистать страницу до конца.
Для заголовков выбран шрифт Montserrat — современный геометрический санс-сериф, разработанный в Аргентине.
Заголовки покрашены в желто-розовый градиент и набраны начертанием ExtraBlack. Такой же прием применен для подзаголовков и дескрипторов.
Подобный прием типографики использует на своем сайте компания Apple, и длинные, раскрашенные, жирные дескрипторы определяют стиль сайта не меньше, чем это делают трехмерные фигуры.
Градиент смотрится в два раза лучше на темном фоне.
Сайт Chiko&Roko задумывался как супер-мультимедийный лендинг-пейдж в лучших традициях конкурсов вроде Awwwards. Эта работа чрезвычайно насыщена графикой, эффектами и анимацией.
Такие сайты почти всегда используют специальный эффект замедленной прокрутки, которую организует плагин Locomotive Scroll. Такой прием невозможно представить на обычном сайте, но в случае промо-сайта для объектов цифрового искусства ничего другого и вообразить нельзя.
По мере прокрутки на сайте активируются анимации. Экран Who we are, например, показывает двух колобков с анимацией телевизионных помех, которые происходят на фоне переливающегося градиента. Это мощный визуальный прием: черно-белые фигуры и цветной анимированный фон дают модный, необычный контраст.
Секция Artists прокручивается по горизонтали, пока пользователь продолжает скроллить страницу вниз. В этой секции представлено семь карточек, по одной на каждого художника.
При нажатии на карточку открывается информация о художнике. Открытие происходит с абсолютно мультяшной анимацией: цветная точка появляется под курсором мыши и эффектно увеличивается до круга размером во весь экран, внутри которого запускается видео с трехмерным оборотом одной из работ художника.
Между художниками можно перемещаться при помощи кнопки Next, и при каждом нажатии запускается аналогичная анимация. Каждое видео имеет собственного персонажа и цвет. Слайдшоу невероятно красочное и эффектное: то, что нужно для современного промо-сайта.
Даже форма заявки стилизована в виде колобка. При прокрутке он разворачивается с трехмерным эффектом в сторону пользователя, а поля ввода стилизованы в виде части фигурки.
Основной текст набран шрифтом Graphik — модным неогротеском, который даже включен в систему macOS. Конечно, ни один блок текста на таком сайте не может обойтись без эффектного фона, как это сделано в разделе FAQ.
Эта скромная страница портфолио не может отразить эффектность сайта, иначе пришлось бы переносить сюда все анимации. Поэтому приглашаю посмотреть на сайт вживую: лучше один раз увидеть, чем сто раз прочитать.