# Първа CSS Design награда за 2020: Weaver Popcorn

С радост обявяваме първата ни награда за 2020! Weaver Popcorn печели [CSS Design Awards SOTD](https://www.cssdesignawards.com/sites/weaver-popcorn/36384).

![](https://edesign.bg/uploads/2020/01/13/sotd-blog-horizontal.jpg)

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

###  

### Задачата

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

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

###  

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

Сайтът [изпъква с 3D анимации](https://popweaver.edesigninteractive.com/), изцяло проектирани и рендерирани от нашия екип. От 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](https://edesign.bg/portfolio/popweaver).

 [Стартиране на уебсайта: Kanbanize

 

 Прочетете повече 

 ](/blog/website-launch-kanbanize)

---

Source: https://edesign.bg/blog/first-css-design-award-for-2020-weaver-popcorn