Turn your phone back to portrait mode
and turn on the orientation lock.

Resize your browser to
larger than 1200px

Or

Use your mobile device
to view the optimized verision

Immaculate  by DakeCui

Degree Project (Undergraduate)
Includes two sub-project, milkboxes and maskboxes.

Immaculate  by DakeCui

Degree Project (Undergraduate)
Includes two sub-project, milkboxes and maskboxes.

Specially optimized mobile version.

Branding
Web Design
Package Design
Motion Graphic
UI/UX

Branding
Web Design
Package Design
Motion Graphic
UI/UX

Hold your mobile device vertically and
continue to read concept and design process.

Continue to read
concept and design process.

Welcome
concept and design process.

Welcome
concept and design process.

How people find differences

This is a circle in a square. No size info can be found here.

The middle circle of these three is the same as the very first one.

When it is shown with other size circles together, size info can be found by using other circles as references.

This is the same circle as the first one. It is the middle size of these three circles.

When it is shown with other size circles together, size info can be found by using other circles as references.

After discussing the "size" differences, let's talk about the next thing: meaning. It can be a circle in geometry, a hole, an abstract sun etc. when it is shown itself.

When the circle is shown with a triangle
and a square. The interpretation of the circle is narrowed down to geometry.

What designers do when designing packages for products

Designers always use words, icons, and color to make products understandable.

What designers do when designing series products

A real world example

Color,
Words.

But why?
Can we make them have more sense?

Patterns on the packages are inspired by the natural patterns on cows' bodies.

Cow’s fat is white. So, milk contains more fat has more white space shown on the packages.

Patterns on the packages are inspired by the natural patterns on cows' bodies.

Cow’s fat is white. So, milk contains more fat has more white space shown on the packages.

Recently, face masks became one of the most required products due to the pandemic.

This made me start to design the second part of this project.

What a face mask can do?

Protect health... and privacy.

Masks boxes with same logic but more abstract, just like privacy

Standard level face masks.

N95 level face masks.

N95 level face masks
with Exhalation Valve.

Large circle means the filtering level is lower and can allow larger particles go through.

Standard level face masks.

N95 level face masks.

N95 level face masks
with Exhalation Valve.

This is a simple motion showing the concept behind the graphic elements.

Graphic elements used on the back of the packages are extensions of the logo which also follow the logic of the whole design process.

Design Process

Inspired by the graphic element I created to represent the exhalation valve on the mask (On the left of the package), I designed the logo for this project.

Those images and the video on the right are some concepts on the final stage.

Inspired by the graphic element I created to represent the exhalation valve on the mask (On the left of the package), I designed the logo for this project.

Those images and the video are some concepts on the final stage.

This is the draft for the final logo. Because the blue color of the top layer is overwhelming in some of my friends' responses. I decided to make some changes. The image below is the result.

It looks cool. But it has a problem.

Logo needs to be "readable" when it's small, especially on the webpage. Right image is 60px which is the same size as the logo on the top of this page. The text and the stroke are hard to read. So I created some variations to the logo to fit different circumstances.

60px

60px

#FBC0A1

#F8E7DC

#5D919E

More Images