Разработка сайт-портфолио для студии анимации Vantage Inc. из Аргентины

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

К нам пришли ребята из Vantage Inc. и попросили разработать для них сайт-портфолио, которое отразит их профессионализм и многообразие технических возможностей.

Компания специализируется на современных технологиях анимации VR/AR, VFX, и работают над моушен-дизайном в 2D и 3D. Их портфель проектов — продолжительный список работ с самыми известными в мире компаниями. Vantage работает с Google, Netflix, Amazon и еще десятками компаний, известных во всем мире.

Конечно, мы не могли упустить шанс создать для ребят сайт, который отразит реальный масштаб работы студии.

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

До разработки нового сайта у компании Vantage был сайт-шаблон, которые не позволял им выкладывать проекты в кастомном порядке и, вообще, полноценно вести онлайн-портфолио. Конечно, все то же самое можно делать на специализированных платформах, например, на Behance.

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

Новый сайт Vantage стал отправной точкой для активного продвижения компании через рекламу и другие интрументы, которые используются в интернет-пространстве. В то же время потенциальные клиенты могут более подробно и глубоко изучить опыт портфолио компании, узнать о команде, которая работает над проектами и "заочно" познакомиться с теми людьми, чьи опыт и фантазия могут стать полезными инструментами в развитии их бизнеса.

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

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

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

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

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

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

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

В аналоговой версии мы постарались повторить интерфейс первых компьютеров. Пиксельные картинки, 32-битные элементы и «плоское» представление пространства стали нашими основными инструментами.

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

Чтобы передать «атмосферу» на 100%, мы подобрали и добавили на сайт музыкальное сопровождение — звуки загрузки жесткого диска, реакции интерфейса и т.д.

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

Прямо перед началом работ над сайтом, у Vantage случился ребрендинг, который делает отсылку к технологической революции 90-х годов, когда появились первые компы Apple с цветным дисплеем.

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

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

Мы долго думали, как же нам объединить в единую систему фирменную палитру, шрифты Times New Roman и Helvetica Neue и разнообразные работы ребят — от промо-роликов для Google до мультимедийных интеграций с обучающими платформами.

В итоге решение, которое нам удалось реализовать, удивило даже нас самих.

Скриншоты