Hanabi Studio: Crafting Unique Narratives in Clay
Embracing Imperfection, Celebrating Cats, and Supporting Shelters
Moodboards:
Mood boards became my canvas for inspiration, reflecting the brand's story and philosophy.
Prompts for Image Search:
Craftsmanship; Playful; Cats; Cute; Fun
Design System Research:
Diving into research, I explored color schemes to ensure alignment with Hanabi’s values.
.png)
The Challenge:
The market is saturated with mass-produced ceramic products, and there is a growing demand for unique, handcrafted items that tell a story. Additionally, cat lovers are looking for ways to support animal welfare through their purchases.
Reflection:
-
The project successfully differentiated Hanabi Studio from competitors and resonated well with the target audience.
-
The integration of storytelling and unique design elements significantly enhanced user engagement.
Translating Ideas into Reality:
It's time for execution, where ideas transition from concepts to reality. Witness the magic as our vision takes form, inviting you to experience Hanabi Studio.
Highlighting Micro-Interaction Design:
Micro-interactions are subtle, thoughtful design elements that enhance the user experience by providing feedback, guiding tasks, and adding a layer of delight. At Hanabi Studio, we integrated micro-interactions to make the website not only functional but also enjoyable and engaging.
Hover effect
-
Wobble Effect on Layout:
This interaction reinforces the brand philosophy that imperfection is not a flaw but a unique feature to be celebrated. The playful tilt adds a whimsical touch to the browsing experience.
The entire layout has a wobble feeling, with each frame slightly tilted, embodying the brand’s idea of embracing imperfection and playfulness.
-
Interactive Cat Dialog on Hover:
When users hover over an item, a dialog pops up.
This interaction adds a personalized, relatable element to the browsing experience. It makes the site feel more interactive and engaging, creating a connection between the user and the product.
Wobble Layout
-
Heart/Favorite Interaction:
When users hover over and click the favorite heart icon, it shakes and changes to an orange heart in the brand’s color.
This playful interaction provides immediate feedback, making the action of favoriting an item more engaging and fun. The shaking motion draws attention and the color change confirms the action.
Heart/Favorite Interaction
Key Micro-Interactions:
Celebrates the brand’s artistic quality and uniqueness
Unique Visual Design
Integrated motions to engage users and tell the brand’s story
Storytelling
Communicated the 20% donation to cat shelters on checkout pages
Charitable Highlight
Implemented a seamless shopping experience with easy navigation
User-Friendly E-commerce
Overview:
Hanabi Studio is a ceramics brand that creates handcrafted cups featuring cat illustrations. The goal of this project was to design a unique and engaging website that not only showcases the products but also tells the story of the brand and its social mission. The website aims to attract cat lovers and those who appreciate unique, handcrafted items while donating 20% of the proceeds to local cat shelters.
Project Type
Passion Project
Brand and Website Design
Project Date
December 2023 - January 2024
My Role
UX Designer, Founder, Visual Designer
Defining the Audience:
Cat lovers and pet owners
01
Art and craft enthusiasts
02
Consumers interested in supporting social causes
03
See my other projects...