![project hero](/_next/image?url=%2Fproject-covers%2Fazuki-2.jpg&w=3840&q=75)
![project hero](/_next/image?url=%2Fproject-covers%2Fazuki-2.jpg&w=3840&q=75)
Loading......
Azuki
product & brand
Azuki is a technology company pioneering on-chain integration with with media, physical collectibles, and gaming. Since launch, they have worked with brands like Line Friends↗, Patrick Mahomes↗, Ambush Streetwear↗, Epik High↗, and RedBull Racing↗. As a product designer, I lead design for all our digital interactive experiences.
Role
Product Designer
Collaborators
Hoshi
Alice Cai
Duration
2022 - Present
Tools
Figma
React
azuki.com
✶ Collector's Profile
The collector's profile is platform for token holders to display their collection — whether that's the Azuki they own, the emblems they earned, and more. We wanted to build a showroom experience that made members feel proud and special to be a part of the Azuki community.
Collector Profile
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcp-main.4cbe2731.jpg&w=3840&q=75)
Loading......
...
...
...
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Frabbit-ticket.bc36e574.jpg&w=3840&q=75)
Loading......
Code-generated custom graphics of each attendee's admission ticket for the 2023 White Rabbit Vegas event. Here's a techinical explanation↗ of how we did it.
✶ Token Equipping
In the Azuki ecosystem, Beans are the companions all Azukis need. We introduced an equpping system that allows users to unite both into one.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fequip-beanz.9d19e5c8.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fequip-examples.5528cc6e.png&w=3840&q=75)
Loading......
✶ Elementals Sale + Unboxing
We designed the Elementals reveal experience to be full of anticipation and delight, similar to the unboxing of up a Yugioh or baseball mystery pack. The experience is packed with tons of features, including a live Twitter feed, compose Tweet functionality, drag and drop, and even Chat-GPT integration.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fs2-reveal.d9eb8e49.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fs2-reveal-tweet.f1fbb600.jpg&w=3840&q=75)
Loading......
Everytime someone clicks the white rabbit, a new quote is generated via Chat GPT in the language and style of one Chiru team member.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fs2-reveal-likeall.6b52cb45.jpg&w=3840&q=75)
Loading......
We want new holders to feel loved and appreciated. Two alternating Like/Follow All buttons give individuals the agency to spread that love.
...
thoughtfully chosen VFX animations come on screen during the actual reveal, representing either the Earth, Fire, Lightning, or Water domain.
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fs2-mint.f26f0687.jpg&w=3840&q=75)
Loading......
Three phase sale fully equipped with dynamic graphics and delightful UI
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fs2-mint-closeup.5e5d6990.jpg&w=3840&q=75)
Loading......
Bobu the Bean Farmer manages all purchased inventory and ongoing transactions
✶ Ambush x Azuki Collab
The Ambush collaboration marks one of the first high-profile streetwear partnerships between a web3 company and high fashion. Purchase access is gated through an on-chain raffle system where buyers need to enter a drawing system to gain presale access. We strived for the shopping experience strives to feel luxurious and high-fashion and still respectful of web3's digital origins.
Highsnobiety
Hypebeast
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fambush-landing.3dfc2645.jpg&w=3840&q=75)
Loading......
✶ Azuki Lore
The Azuki brand grounds itself in thoughtful storytelling. The World page consists of several interactive chapters, each highlighting a piece of the universe. We designed each chapter to be different in format and interactivity.
Lore Chapters
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-main.80629ea5.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-origin.4c020d25.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-beanz.c00a8c2b.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-sisters.803ab6ff.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-chapter-one.7fe105c5.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flore-hilumia.561c43f4.jpg&w=3840&q=75)
Loading......
✶ Proof of Skate Auction
Azuki recently made history by setting the record for the most expensive skateboards sold in history. I co-designed the experience for a 24 hour auction focused around 9 gold-plated skateboards.
Hypebeast
Yahoo Finance
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauction-countdown.84f1dba1.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauction-main.bfc26df6.jpg&w=3840&q=75)
Loading......
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauction-k11-2.72240b03.jpeg&w=3840&q=75)
Loading......
Proof of Skate exhibition at K11 Musea in Hong Kong
![image](/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauction-k11.124e6df6.jpg&w=3840&q=75)
Loading......