![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf47b55f598a62a51232_full-image.webp)
When my partner and I began working at a beautiful, brand new co-working space in the heart of East Hollywood, we had a destined & enchanting run-in with Brandon the co-founder of Calexo. We knew right away that we wanted to help his mission of bringing a low-dose cannabis beverage to market.
I was already inspired by the beautifully distinct brand identity created by TRÜF Creative, and I saw how we could use photography to add depth and texture to the visual language we were building.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a683b7a56bae18d4690c74_calexo-lime.png)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a683b70bd1f42440122fb5_calexo-rose.png)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a683b7c629470ba0ba858d_calexo-grapefruit.png)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a683b70bd1f49d40122fb6_calexo-cucumber.png)
Calexo launched with two flavors, and I wanted to create a design for each flavor that would grab the viewer's attention and introduce them to a new concept. I approached the design as if creating a poster for each drink.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf47f5ce02e2e0fce2cb_img5.webp)
We designed each section with a unique palette to maximize visual impact.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf47c024ae0d0fecee31_img6.webp)
In addition to the color palette, I created custom typographic lockups for each section and simple shapes that could be used for animation. These design elements helped to further distinguish each section and add visual interest.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf47fa9269797c046b5c_img7.webp)
For the About section, the visual design was meant to reflect the lightness and creativity of the Calexo team.
Calexo was bringing to market a new kind of cannabis beverage — utilizing nano emulsified THC. Creating a section that detailed the science was an important idea to share.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf4714dc6e681a5511fd_img8.webp)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/638dbf4798d5bb8bc92f5cf1_img10.webp)
The diverse and creative team behind the Calexo brand is just as noteworthy as the beverages themselves. Featuring their stories was a key aspect of the project.
One of my favorite pieces of this site was the UI-Design & Motion Design of the menu. When clicking the wavey drop (which was an asset provided in the brand package) I envisioned it opening up in a very smooth and liquid-like manner.
Distributing a THC beverage can be challenging. I helped design and develop a custom store locator to help connect consumers with the product.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a695fdddf22732d31ee226_calexo-map.png)
To enhance the "How It Works" section, I created a series of animated images to illustrate each main point. These images were also used as cover images for Medium posts to support the SEO of the site and add a touch of style.
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a68c6a73b07114df68e317_2e581ec8721b0a46e9884e7da045e9a3.gif)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a68ca890b0ca5d57a9eb8b_624456e67ad74c3c8078eff30aee944d.gif)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a68d7fa56bae483f696998_440a9ca3192d69da704ac9917ae1b766.gif)
![](https://assets-global.website-files.com/635fc38df51427cfad9d9bcc/63a68d38e473f30d436d03a1_forth_image.gif)
The motion comp below includes all the design elements and serves as the blueprint for development.