Наш путь в Spline Community — от первых сцен до «Дизайнера недели»

Меня зовут Глеб Говядинский — я дизайнер и основатель студии unova — мы делаем сайты на Тильде и Таптопе с упором на интерактивное 3D. Последние 7 лет я занимаюсь дизайном интерфейсов и активно использую 3D в своих проектах. Долгое время я ограничивался классическим 3D — собирал сцены в Cinema 4D, рендерил и добавлял в дизайн в виде картинок, либо видео в MP4 или PNG-секвенциями. Получалось неплохо, но не хватало интерактива. Хотелось, чтобы пользователь мог взаимодействовать с объектами прямо на сайте. В общем, хотелось уметь в крутое интерактивное 3D, чтоб прям как на сайтах awwwards.

Я знал, что такие интерактивные сайты делают, используя Three.js. Но без кодерского опыта мне такое было не доступно. Всё это время я искал что-то похожее, но с интерфейсом. Так я и нашёл Spline.

Spline — это онлайн-сервис, который позволяет делать трёхмерные сцены прямо в браузере. Он чем-то похож на Фигму, только для 3D. В нём можно моделировать простые фигуры, настраивать освещение, материалы, камеры, анимации и взаимодействия — почти всё как в Cinema 4D, только попроще и в реалтайме.

Я попробовал Spline и понял, что это как раз то, что нужно — возможность собирать интерактивное 3D без погружения в код. Начал с небольших обучалок, тестовых сцен, потом перешёл к более сложным проектам. Сейчас уже прокачался и свободно использую его в коммерческих задачах.

В Spline есть открытая галерея — Spline Community. Любой пользователь может выкладывать туда свои работы.

Я решил попробовать. Сохранял интересные 3D-референсы в заметках, а когда появлялось время — делал по ним сцены в Spline. Иногда полностью копировал референсы, иногда делал что-то своё и публиковал.

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

Какие-то работы залетали, какие-то нет. Самое любопытное — лучше всего заходили простые, но залипательные сценки. Я тратил на них меньше всего времени, при это они получали максимальный отклик комьюнити.

Простая сцена с жидкой анимированной абстракцией с эффектом следования капель за курсором. Работа была сделана за пару часов по референсу. В итоге провисела в закрепленных проектов на главной странице сплайна несколько месяцев и собрала 1,3к лайков и 7,7к ремиксов.

Простая сцена с радиальным узором. За курсором летает светящаяся сферка, которая при приближении к фигуре изменяет цвет лепестков. На эту работу также ушло не больше 3 часов, но она тоже залетела в закреп и находилась там больше месяца. Сейчас на ней 4,9к ремиксов и почти 800 лайков.

Проработанная сцена с механической рукой, которая следит за курсором. Здесь и вращение элементов в разных плоскостях, и зацикленная анимация движения носовой части и фоновый UI интерфейса, и движение текста на фоне в зависимости от положения курсора — и... всего лишь 154 лайка и 313 ремиксов. Грех жаловаться — но в сравнении с предыдущими работами «не густо»😊

В этой сцене вообще был полный набор. Множество зацикленных анимаций, слежение за курсором, динамический свет, псевдоинерция, частицы — технически очень проработанный проект, который так и не сыскал высоких оценок. На выходе 47 лайков и 187 ремиксов. Лично мне он по-прежнему нравится. Я иногда открываю его, полетать и полюбоваться рождественской атмосферой.

Прикольно было, что некоторые работы замечала команда Spline и делала по ним шортсы на официальном YouTube-канале сплайна. Таких моменты очень мотивировали дальше развивать профиль и неплохо подогревали ЧСВ.

За 9 месяцев в моём профиле накопилось 18 работ. Комьюнити оказалось очень активным: каждый день прилетали уведомления о лайках и дублировании моих сцен. За это время набралось 406 подписчиков, 52к просмотров, 15,5к ремиксов и 3,1к лайков.

В конце прошлого года я зашёл в Spline Community и увидел свой профиль на первом экране — меня выбрали «Designer of the Week». Для тех, кто не знаком со Spline Community, это один из способов, как платформа выделяет авторов, чьи работы заметили модераторы.

Целую неделю профиль был закреплён на главной странице, а рядом красовалась наградная медалька. Медалька, кстати, остаётся в профиле навсегда в качестве приятного бонуса. Честно говоря, это был очень приятный момент — ощущение, что твои сцены реально нашли отклик и тебя заметили среди сотен других дизайнеров.

За ту неделю подписчиков стало заметно больше, а активность в профиле выросла в разы. Начали писать студии и фрилансеры, которые искали разработчика интерактивных сцен для своих проектов. Пару таких заказов мы реализовали, и это было как раз тем самым бонусом, который идёт в комплект к моральному удовлетворению. Я понял, что выкладывать работы в комьюнити — это не просто про лайки и просмотры, а про реальные шансы получить лидов и клиентов.

Это вообще несложно. Как показала практика, сцену можно накидать за пару часов — и есть шанс, что она хайпанёт. Опубликовать сцену можно в пару кликов. Есть ощущение, что платформа поддерживает новых авторов. Если вы только стартуете и выложите неплохую сцену, то есть большой шанс, что её заметят и выведут в закреп.

Красивая сцена — это хорошо, но когда в сцене есть «залипательная» интерактивная анимация, аудитория реагирует намного лучше. С такой сценой хочется поиграться, подвигать, кликнуть — и это удерживает внимание.

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

Лайкайте и подписывайтесь на авторов, чьи работы вам нравятся. Тогда и они будут заходить к вам, смотреть ваши сцены и оставлять реакцию. Первый месяц я сам заходил на каждый профиль тех, кто лайкнул мои работы, и если у них были классные проекты — оценивал их и подписывался. Работает на взаимность.

Через 8 месяцев после первого раза история повторилась — мой профиль снова в «Designer of the Week». Прямо сейчас он висит на главной. Кто заинтересовался тематикой и есть желание, можете зайти посмотреть остальные проекты и полайкать, если что-то понравится 😉

Если есть какие-то вопросы по сплайну и необходима помощь или совет, пишите в личку. Буду рад помочь!