С радост обявяваме първата ни награда за 2020! Weaver Popcorn печели CSS Design Awards SOTD.

Нека ви разкажем малко повече за този проект и работата, която създадохме за бранда.

Задачата

Weaver Popcorn Company е основана през 1928 г. в Индиана и е най-голямата компания за пуканки в САЩ. Продуктите им се продават в над 50 държави по света.

Нашата задача беше да редизайнираме архитектурата, визиите, анимациите и front-end кода на сайта на Pop Weaver. Back-end разработката и CMS-а бяха изцяло поети от вътрешния екип на клиента.

Дизайн елементи и стил

Сайтът изпъква с 3D анимации, изцяло проектирани и рендерирани от нашия екип. От 3D кутия за пуканки и летящи зърна до анимирана машина за пуканки – целта ни беше да създадем наистина запомнящо се и потапящо потребителско изживяване в света на Pop Weaver.

Всички 3D модели бяха изградени и сглобени елемент по елемент. Това ни позволи да ги анимираме, подобрим и оживим във всякакъв мащаб и формат.

UX навигация

Решихме да изоставим популярната хоризонтална навигация и смело скрихме менюто вертикално вляво. Така освободихме целия екран за кинематографичната визия на Pop Weaver. Пространството и големите изображения създават впечатляваща атмосфера и представят марката като лидер. Дизайнът на менюто е визуално оригинален и осигурява лесен достъп до информация от всяка страница.

Уникални визуализации

Всички визуални елементи, графики, видеа и 3D анимации са автентично заснети или създадени в нашето студио. Напукахме доста пуканки и с удоволствие снимахме фото и видео материали върху различни фонове, за да покрием всички нужни резолюции.

Предизвикателства при разработката

Изправихме се пред няколко предизвикателства при кодирането на кръглите форми в дизайна. Логото на Pop Weaver има извита форма, затова създадохме аркови заглавия, вълнообразни преходи и подредихме историческите карти на Pop Weaver в динамичен кръг.

Какво бихме направили различно, ако започнем отначало?

Този уебсайт беше създаден преди повече от 2 години. Ако трябваше да започнем днес, бихме използвали по-нова front-end технология с най-добрите практики за оптимизация и актуални стандарти.

Стратегия за потребителско ангажиране

Сайтът включва множество микроинтеракции и ангажиращи визуални елементи. Всеки детайл е обмислен така, че да създаде закачливо, но целенасочено изживяване. Call-to-action бутоните са проектирани да грабват вниманието. Освен това „осветихме“ сайта под ъгъл, за да акцентираме върху ключови детайли.

Екипът ни беше истински горд да работи заедно с толкова силен бранд като Weaver Popcorn. Дизайнът на сайта е създаден преди 2 години и вече е заменен с нова версия онлайн.

За повече информация относно уебсайта и 3D анимациите, създадени за този проект, разгледайте case study на Pop Weaver.