Редизайн студийного мышления: меняем команду на племя, а сайт на дерево

Главное о кейсе

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

Наконец, в 2025 году мы решили заняться сайтом. Родилась идея сделать его похожим на наши игры, как яркое и запоминающееся виртуальное пространство, населённое персонажами, с 3D и 2D-анимациями. В итоге мы создали огромное интерактивное дерево, в кроне которого живут цифровые версии наших сотрудников, а также размещена вся важная и интересная информации о студии.

Результаты не заставили себя ждать. После запуска нового сайта количество входящих заявок с него удвоилось по сравнению с предыдущими периодами. Среднее время пребывания пользователей на сайте выросло на 60%.

Как проект изменил жизнь пользователей

Посетители сайта получили возможность сразу познакомиться с тем, что создаёт студия, «на деле». Они видят, что такое интерактивная механика и могут сразу «прикоснуться» к продукту. Для пользователя интерактивный сайт с игровой анимацией – это дополнительный источник радости, позитивных эмоций. Они могут проникнуться нашим подходом, становятся лояльнее и быстрее принимают решение о старте совместных проектов.

Бизнес-задача и ее решение

Задача
Сделать сайт, который:
- отражает уровень технического мастерства студии и современные тренды, соответствует нашим ценностям – рассказывает о нас как о «племени» (tribe – племя, в переводе с англ. языка)
- обладает вау-эффектом, привлекает потенциальных клиентов и может стать шоу-кейсом студии: поможет нам взять награды в профессиональном сообществе за креатив, дизайн и техническое исполнение
- сделан с применением 3D и игровых механик
- сопровождает процесс принятия решения потенциальными заказчиками: подходит как для первого, быстрого, так и более глубокого, детального, знакомства со студией, а также обеспечивает удобную отправку заявки

Решение
Мы нашли для сайта визуальную метафору, которая нам (как внутреннему заказчику) очень понравилась. Студия представлена в виде огромного дерева, символизирующего рост и развитие, в котором сочетаются жизнь и технологии, а команда – в виде сообщества, племени, которое живёт на его ветвях.
Путешествие по дереву рассказывает о студии. Переходя от раздела к разделу, пользователь поднимается вокруг ствола к самой верхушке кроны, встречаясь с жителями дерева, знакомится с командой, изучает наши кейсы и собирает необходимую информацию.

Крафт (мастерство), реализация, технические детали

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

Игровую механику мы вписали самую простую: нужно найти клубки для любимого кота нашего CEO, Масяки, который иногда навещает наш офис.

Анимация сайта построена таким образом, что рассказывает единую историю, 3D-путешествие, соединяющую части дерева, иллюстрирующую единство нашего творческого и производственного процесса. В качестве изюминки мы внедрили 2D-героев и разместили их так, чтобы при повороте дерева было видно, что они плоские, что подчёркивает остальной объём. Все герои имеют реальные прототипы среди наших сотрудников и отрисованы в стиле пиксель-арт. Чтобы обеспечить быстродействие, мы использовали Low-poly 3D. Сайт получился быстрым, стабильным, удобным и работает на любом устройстве.

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

Скриншоты