Коди Смол создал анимацию, которая чувствуется естественно

Коди Смол смог включить функции параллакса и прокрутки анимации таким образом, что она кажется естественной и поддерживает дизайн.

Коди Смол является одним из 10 номинантов Веб Награды 2014 за лучшее онлайн-портфолио. Он создал необычное портфолио своей дизайн-студии Caava. В интервью он рассказал, как поставил сайт вместе, над чем он недавно работал, и как достиг успеха благодаря упорному труду и приверженности владению ремеслом.

«Один из моих любимых проектов 2013 было создание визуальной идентичности для компании Old Harbor Distilling в Сан-Диего Old Harbor Distilling. Они являются одним из немногих перегоночных заводов в Сан-Диего, в настоящее время, и ловко представляют себя, как огромный «дистилляционный хит» Южной Калифорнии. Будучи активный клиентом, мы уже завершили свой брендинг, дизайн бутылки и держим страницу. Их веб-сайт и различные другие побочные элементы еще впереди. Мы действительно имели возможность просто сойти с ума в этом проекте, и результат был удивительным.

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

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

Мы также хотели, чтобы каждый пример проекта тонко отражал вкус работы, которую мы сделали для каждого клиента. Это было достигнуто с помощью уникальных цветовых схем со свойствами CSS, соответствующими для каждого конкретного случая. Так что, когда пользователь нажимает на перспективный проект, он погружаются в этот интерфейс без наличия огромного разрыва с главного сайта Caava.