top of page
Doka-1.jpg
doka logo.png

Exploring the chemistry of colors with butterfly pea beverages 

image.jpeg

Project Brief

DOKA is a butterfly pea beverage packaging design.

​

Inspired by chemistry labs and some color mix drinks, Doka is looking at the playful potential of butterfly pea. It meets other acidic or alkalinic liquids, and create a spark of coloring magic for you.

​

The three flavors: herbal mix, latte and passionfruit tea reflect three kind of color-changing surprises.

What is Butterfly Pea Drink?
blue-butterfly-pea-tea-15708817883201_2048x.jpg

This indigo blue drink is considered one of a kind for its amazing change of colors when blending with acidic or alkaline liquids, catalyzed to reveal a gradient of colors.

 

The visual ceremony of aurora color is what  DOKA wants to bring to the young generation customers. 

​

​

c9846c67180dadabc985606b1148cd2f.jpg
Target Audience and Market
Doka web slides.004.jpeg
User Persona
Doka web slides.005.jpeg
Design Language and Keywords
Doka web slides.007.jpeg
Product Naming: "DOKA" from Thai of Butterfly Pea
Doka web slides.010.jpeg
Logotype Design for Doka
Doka web slides.011.jpeg
Doka web slides.012.jpeg
Doka web slides.013.jpeg
Color-Mixing Drink Formula Experiments
Doka web slides.015.jpeg

The Original Tea Color

Adding lemon (fruit replacement) to see the changes of butterfly pea with acidic flavoring

Color Variations with different add-on liquids

Doka web slides.016.jpeg

3 Mixing Formula: A Collision of Surprises

Doka web slides.017.jpeg
Principle Display Panel (PDP) Analysis
Doka web slides.008.jpeg
Stylescapes
Abstract Gradient
Doka web slides.020.jpeg
Doka web slides.021.jpeg
Doka web slides.022.jpeg
Doka web slides.023.jpeg
Dieline: Final Packaging and Nutrition Label
Doka web slides.024.jpeg
Doka web slides.025.jpeg
Branding: Store and Online App Interface
Doka web slides.029.jpeg
Doka web slides.028.jpeg
Meeting Doka: a collision of surprises with Butterfly Pea Taste
Doka web slides.026.jpeg
Doka-2.jpg
Doka web slides.027.jpeg
Doka web slides.030.jpeg
bottom of page