The making of the Tetra Pak website

Starting to work on the concept. Getting inspired by infographics and trying to tell the story of cartons using an informative illustration.

Building the design around the shape of a carton.

Returning to the colorful illustrated story.

Working on the page about forest harvesting. Drawing a prototype on the wall and testing the format of a video story.

Taking pictures of the wall and assembling a page with the illustration.

Noticing that an air-filled carton makes a nice bang when popped.

Laying the concept aside for a while and assembling a site map in the form of a sequential story of packaging life cycle.

What if we loop it?

Assembling the first page based on this idea.

Working on the life cycle illustration.

Putting a carton in the center, folding its corner, planting a coniferous tree, making the packaging material rolls smaller.

Considering the menu design, searching for metaphors and drawing icons.

Assembling the page about the composition of the packaging.

The client asks to fill the carton with juice. Doing it.

Drawing the right cap.

Working on the page about carton paper manufacturing. Preparing a diagram.

Listening to the client’s comments and making changes.

Placing the result on the page. Since the diagram came out too large, adding horizontal and vertical scrolling.

Drawing the final version of the diagram and reversing the direction of the process.

Getting further comments.

Finalizing the page and adding new content.

Starting to work on the page about polyethylene.

Creating an approximate production diagram.

Placing it on the page and emphasizing the fact that Tetra Pak uses as much green polyethylene as possible.

Even while we work on the website, more and more polyethylene is being produced from sugar cane. Trying to hide the traditional petroleum process behind a teaser.

It doesn’t work. Making adjustments to the drawing, replacing petroleum with the renewable source.

Retypesetting the page with the new illustration.

Assembling the page with the aluminum production diagram. Since the company itself does not manufacture aluminum, the page gets dropped from the final version of the website so as not to cause any confusion.

Understanding the manufacturing process of the packaging material.

Checking out how the diagram will look on the page.

It does not correspond with reality. Trying to simplify.

Doesn’t work either. Studying the process more carefully.

Getting the client’s approval for the alternative.

Drawing the new diagram and finalizing the page.

Creating the page on responsible forest management.

Working on the illustration.

Following the evolution of the page on packaging systems.

Thinking about what the carton of the future might look like.

The client would like to emphasize their dedication to sustainability. Developing this theme.

The idea does not work. Showing possible alternative directions.

Drawing the new variant of the illustration and retypesetting the page with the new content.

Starting to work on the page on transportation. Using an interactive switch to show how fewer trucks are needed to transport Tetra Pak packaging.

Drawing the trucks.

Filling the page about carton contents with juice, milk and wine.

Drawing what’s inside.

Ultimately removing the corn and typesetting the page over again.

Assembling the page on product treatment.

The illustration does not match the description of the process. Assembling a new page with a new diagram.

The packaging meets the product.

Finalizing the diagram.

Assembling the history page from newspaper cutouts of different periods.

For the page on product transportation we decide to weigh two trucks carrying products packed in two kinds of packaging to see which is heavier.

Drawing the trucks.

Moving on to the page about profits for retail networks.

Comparing the packaging on store shelves. Clicking replaces the losing shelf with the description of pictrograms on Tetra Pak cartons.

The idea doesn’t make the cut. Removing the carton comparison and showing the pictograms information right away.

Talking about collection and sorting of used packaging. First we decide to make an illustration with three ways of waste handling.

Assembling the page.

Replacing the shared illustration with three separate pictures on ways of handling waste.

The client asks to cover the truck bed and remove the factory on fire.

Creating an approximate plan of the recycling process.

Drawing and typesetting the page.

The client sends a new vision of the recycling diagram. Changing the illustration and retypesetting the page.

Working on the page about recycling results.

Moving on to the page about people who consume the products in cartons. Unfortunately, the page does not make it to the final version of the website.

Now the page about the life of a carton at home.

Changing the refrigerator perspective. Ultimately, the page doesn’t make the cut either.

Creating the page about recycling companies in Russia and in the world. Deciding to abandon it right before the launch.

Making a page on quality control. It also doesn’t go through to the final.

Drawing icons.

Polishing teasers for all pages.

Making final corrections.