Before I started designing, I communicated with the client about their end goal. Through some meetings, I identified the need for more customized brewing instructions to optimize the drink quality, since they have their own coffee and tea providers.
I also interviewed potential customers to understand the issues of the current product. The texts on the current product are too small for people to read. Also, the illustrations contain too many visual distractions and unnecessary details, making them even harder to understand.
Finally, The current graphical instructions are used by a lot of brands. Using the same design cannot highlight the client's products or brand.
The packaging is a relatively small space to work on, just about the size of the palm. The final products also have to include multiple steps, which makes the design further challenging.
The lack of space forced me to simplify the illustration of each step. Yet, the graphics should still be clear and understandable to the users.
This required me to work and communicate closely with the client and test the designs on potential users.
Some customers are English speakers, while some are Madrain speakers. The instruction should be understandable regardless of the users' first language.
The detailed illustrations don't work well on small spaces. Therefore, all the icons for this design are minimal to reduce visual complexity and enhance usability.
I applied atomic design to this product to create a systematic design and uniform aesthetic. It also allowed me to iterate faster based on the client's feedback.
Build the design from the smallest elements, line weight, corner radius, water drip, tea bags, coffee filter bags, etc.
Each step can be considered as a molecule.
Putting steps together, an organism is formed.
For this design, because there are multi-language customers, I made a bold decision to remove all text instructions, leaving only essential visual elements. I even replaced the label of the step with a simple arrow. By removing the text, I freed up spaces for visual breaks, making the instructions easier to scan.
Since I had limited experience making coffee and tea, I checked in with the client repeatedly to ensure the design stayed true to their end goal.
Because of the atomic design method, it was easier for me to pinpoint where the client wanted to change. With efficient and effective communication, I could iterate quickly on the design.
Real-world users will be using this design. Therefore, I used some UX research skills on this project, including usability tests and qualitative research, to validate the simplified instructions are not oversimplified and can provide enough information for people to understand.
For this design, I utilized a tremendous amount of curves to soften the lines. This is a very small detail, but this detail made the product align with the warm feel of the brand.
The coffee and tea for the special edition collection all have their unique flavors. While it is easy to use words to describe those special tastes and smells, translating abstract concepts to aesthetic graphics is rather challenging.
During the design process, I discussed with the client back and forth to ensure the graphics could highlight the taste.
Another challenge is also about the uniqueness of the special edition. Since each has its own characteristics, the designs are bound to look and feel different.
However, three special editions should also form the feel of a collection.
One of the biggest constrain was brand identity. This collection should stand out from the usual product line, but it still has to feel like it belongs to this brand.
The "modern" special edition has a more refreshing and untraditional taste. To convey this idea, I use a diagonal composition, bringing an imbalanced and energetic impression.
Since another highlight of this special edition is the rich layered flavor, I add plenty of visual elements but not too overwhelming to the eyes.
The "modern" special edition has rich floral aromas and fruity flavors. Based on the client's feedback, I picked several fruits and jasmine as my color palette inspiration.
They are also tuned to be not overly vibrant so that they don't look unnatural.
This set of colors uses the split-complementary method to create high contrast, making the colors pop up but maintaining visual harmony. The colors give people a vibrant, natural, refreshing, and fruity sense.
I use big and round shapes as the background. The shapes and texture also resemble the reference fruits. The varied sizes of the flowers strengthen the dynamic impression as if the flowers are dancing.
Strictly speaking, the path of the flowers is not a curve. However, to human eyes, the flowers build a sense of wavy shape, as the Gestalt law of continuity suggested.
The "traditional" special edition has a more low-profile and balanced taste. That being said, this edition still stands out from the ordinary series, having more layered and smooth tastes.
The composition of this design is more balanced. Although the wavy profiles are asymmetric, I balanced the design with displaced white spaces. More white spaces also bring a calm atmosphere.
This set of colors is more analogous and less saturated. To bring a chocolate-tasting feeling, I use brown as the base color. However, sweetness is one of the characteristics of this edition. Therefore, I add a purple-pink tint to the color palette.
The wavy profiles used in this edition give people a warm and smooth feeling, echoing the dark chocolate creamy taste. Using different colors to highlight the layered taste is not enough. As a result, I add textures to articulate this character.
I retain the wavy design and the texture maps of the "modern" special edition. These tiny details will create a sense of similarity. As a result, strengthen the collection feel.
Regenerative agriculture is a complex idea, involving many concepts regarding water, earth, and so on. In this design, I apply symbolism and embed the infinity symbol ∞ to illustrate the concept of regeneration.
Although the infinity symbol is not fully visible on the packaging, based on the Gestalt law of closure, people will automatically complete the symbol outside the frame.
The flowing water usually gives people a clean and fresh impression. For this design, I use diagonal composition once more to bring energy to the water. The tilted composition makes the water feel more dynamic as if it is actually flowing.
The use of the white space helps people to direct their attention to the water flow, which is the main selling point of this edition, regenerative agriculture.
To make the water looks "alive", I select a set of analogous blues, adding layers and depth to the look.
The golden splashes in the design symbolize the flavor and color of the Oolong and Red Oolong tea.
To emphasize the dynamics of the water, I also play with the forms. The bottom part of the water is wider, just like the nature of rivers and waterfalls.
The textures and the splashes also bring a sense of motion to the design. The flow lines paired with the color palette amplify the visual excitement, strengthing the idea of clean and sustainable water.
When designing this collection, I used the same minimal visual language. The curvy shapes in the designs also align with the warm signature of the brand.
Using the Gestalt law of similarity, when designing this collection, I used the same or similar texture maps. The curvy shapes in the designs also reoccur across the whole collection. These details form a cohesive and coherent feel, thus, making people perceive them as a collection.
Designed from 2019 - 2020.