Close cursor

Get in touch
portfolio
Pop
Weaver

A fantastic new website for the king of popcorn.

About the Client

Based in Indiana and founded in 1928, Weaver Popcorn Company, Inc. is the second largest manufacturer and distributor of popcorn in the U.S., selling bulk kernels to private labels and well-known popcorn brands, along with eight out of 10 movie theaters.

Popweaver product box
Popweaver mobile layout

Our Role

Web Design, User Experience, Front-End Development, User Interface Design, Project Management, Web Animation, 3D Animation, Product Photoshoot, Copywriting.

A Dedicated Effort

Every element featured on Pop Weaver’s homepage could have its own case study. That’s how much attention we paid to each detail. We spared no resources, creative ideas, or efforts for this project, putting in over 352 hours for the design alone!

The Opportunity

The company needed an updated website for its direct-to-consumer brand, Pop Weaver. Though the brand has since been bought out and turned into a private label by a big box store, the Pop Weaver website is an excellent example of eDesign’s creative thinking and dynamic execution that truly “pops.”

 

A Website, No Matter How Beautiful, Must First Be Functional

We started by conducting stakeholder interviews to build a solid understanding of Pop Weaver’s business and market positioning, then created precise wireframes to visualize the site logic, taxonomy and user interactions.
From a 3D popcorn box and flying kernels to an animated popcorn-making machine, we included exceptional design elements to create a memorable experience that was unmatched by any competitor in the space. Rather than using stock images, we had lots of fun shooting original photos and videos on different backgrounds.

3D Animations

We wanted to include exceptional elements to make Pop Weaver’s website stand out. Have a look at Pop Weaver’s 3D popcorn box and flying popcorn. How about the 3D popcorn making machine or the flapping mantel of King Kernel?

All 3D models have been created and assembled element by element, so we can animate each image, enhance it, render it, and make it come to life. These provide a truly custom and memorable approach, unmatched by any competitor in the space.

Popcorn
Photoshoot

Pop Weaver’s website does not have a single stock image, with each visual asset created in our studio.

How did it all happen? Well, we popped a lot of popcorn (our favorite flavor: Extra Butter) and had lots of fun shooting different photos and videos on different backgrounds.

Needleless to say We love Pop Weaver’s popcorn.

Our favorite taste: “Extra Butter”

The visual communication is built in vivid, bold colors and highlights the qualities of the product.
Popweaver image

Copywriting

We carefully chose every word to present Pop Weaver’s wholesome products and high quality standards—with plays on words, short teasers, and a distinctive tone of voice.

We had fun talking about the company’s philanthropic work, the festivals Pop Weaver supports, and autonomous growers.

The homepage guides visitors towards the right information.
The site has a creative and fun look-and-feel while remaining easy to navigate and professional.
Play on words, short teasers and interesting information. Our in-house copywriting and content development are on point with brand’s message.
Our in-house research determined the foundation for a solid UX approach addressing many different audiences, both B2B and B2C.
There’s visual guidance and easy access to information from any page of the site.
We’ve put some thoughts into presenting Pop Weaver’s corporate values, longevity and traditions.

User Experience

 

From a navigation standpoint, we chose to ignore the popular horizontal menu bar and made the bold decision to hide the menu vertically, on the viewer’s left. This freed a full screen to display a beautiful, cinematic vision of Pop Weaver. To complement that, our copy team used plays on words and short teasers to create a distinctive tone of voice for the brand.

Programming
and Front-end Magic

We faced a few challenges when coding the round shapes of the site’s visuals, titles and navigation. It wasn’t easy to recreate the outline of Pop Weaver’s branding for certain details of the site, but in the end, the effort was well worth it.

How It Went

HTML5/CSS3/JavaScript and custom code all came together. We were contracted to create the architecture, visual designs, animations and front-end code.

Filled with micro-interactions, fun animations and attention grabbing calls-to-action, the finished Pop Weaver website was selected to be featured in Communication Arts, the premier source of inspiration for graphic designers, art directors, advertising agencies and more.

Fast Facts
0
hours of design work
0 +
bags of popcorn enjoyed at our office
0
eDesign experts worked on this project
0 +
countries sell Pop Weaver
0
hours of front end programing
0
staff hands auditioned for the “popcorn in a bowl” video