СМЕНА ФОНА САЙТА И ПОКАЗ ИЗОБРАЖЕНИЯ ПРИ НАВЕДЕНИИ НА ЗАГОЛОВОК!
To capture the essence of Tillamook’s trailblazing past and ongoing commitment to quality and joyful personality in a modern way, create consistency, build awareness and motivate trial. The target is real foodies - with a bullseye of discerning millennial moms who crave authentic stories and a fresh take on heritage. We worked with Tillamook from design strategy, through design execution, to mechanicals and a brand guide. Creating a system for over 350 SKUs across 6 dairy categories.
Assignment
Food & Beverage
Category
Nicole Jordan
Designer
Turner Duckworth: London, San Francisco, New York
Agency
Maren Caruso
Photographer
PRESIDENT, PARTNERSHIP FOR CREAMIER ICE CREAM
Old-fashioned but never bland
REAL TASTE WORTH SPREADING
The classic sweet & savory combo
JUST YAMMY
Bolder with every bite
So good, any way you slice it
We babied it to buttery perfection
Select a performer
TILLAMOOK SWISS
TILLAMOOK medium
TILLAMOOK EXTRA SHARP
TILLAMOOK VERY BERRY
TILLAMOOK salted caramel
SPREADS
VANILLA GREEK YOGURT
BADDIE WINKLE
НОМЕР ШАБЛОНА 21464535
КАК ЭТО СДЕЛАНО:
1 - Размещаем в зеро блоке шейпы разных цветов;
2 - Задаем им 100% ширины по window , а высоту 3000-3500 пикселей, выравниваем на свой вкус (в моем случае - window left top);
3 - Выставляем значение у каждого шейпа Pointer events - none;
4 - В панели настроек справа выставляем overflow visible;
5 - У верхних и нижних блоков добавляем еще примерно 10 прозрачных шейпов. Двигаем их в слоях в самый низ (ctrl +L вызывает панель слоев) Это действие не даст закрывать нужный контент нашими шейпами;
6 - Чтобы задать шейпам анимацию появления из невидимого состояния - задаем в анимации первому шагу параметры: duration=0, oipacity-0;
7 - Сохраняем, публикуем, радуемся));
2 - Задаем им 100% ширины по window , а высоту 3000-3500 пикселей, выравниваем на свой вкус (в моем случае - window left top);
3 - Выставляем значение у каждого шейпа Pointer events - none;
4 - В панели настроек справа выставляем overflow visible;
5 - У верхних и нижних блоков добавляем еще примерно 10 прозрачных шейпов. Двигаем их в слоях в самый низ (ctrl +L вызывает панель слоев) Это действие не даст закрывать нужный контент нашими шейпами;
6 - Чтобы задать шейпам анимацию появления из невидимого состояния - задаем в анимации первому шагу параметры: duration=0, oipacity-0;
7 - Сохраняем, публикуем, радуемся));
