Actis Wunder'ель

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

Зимой в нашей компании встал вопрос о новогоднем проекте, который бы развлекал и дарил улыбки. Тут-то и была вытащена «елка» из закромов. Пройдя кастинги у руководства и конвеер правок, ель под новым соусом ушла в продакшн.

Стиль

C выбором стилистики определились сразу. Популярный Material Design вдохновил нарисовать сцену из простых силуэтов-слоев, будто все объекты вырезаны из бумаги.

 

Цвет

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

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

wunderfiruiwunderfirui

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

Скроль сайт, гни ствол нашей ели — проверь свою готовность к Новому году. За лучший прогиб, естественно, покажут мультик.

AnimationAnimation