Hashira
Official Website
Engineering meets expression in hashira a research based company with multiple projects in blockchain, ai and other sectors.
Interaction Design
Product Design
Overview
The Hashira website was designed as the official digital face of the company — a playful yet precise reflection of its work in blockchain, AI, and deep tech. A website that captures Hashira’s philosophy of building with first principles and curiosity.
Insights
Hashira builds products that are complex, layered, and often invisible to casual audiences. The challenge was to make the brand feel approachable without simplifying its depth.
The website needed to communicate engineering precision with creative spirit, a balance between tech and expression.
Key Observations:
The brand lacked a unified digital personality that reflected its energy.
Most infrastructure brands in Web3 felt rigid; Hashira needed to feel human.
Concept
The website was imagined as a playful system that moves with purpose.
Every animation, scroll trigger, and transition reinforces the brand identity through confidence and curiosity.
Approach by Page:
Used motion as a storytelling tool to connect sections and transitions.
Designed interactions that respond intuitively to user movement.
Process
1. Start with intention
Mapped how Hashira’s tone, technical yet curious, could translate into motion, typography, and interaction.
2. Structure flow
Built a layout that feels cinematic while staying performant. Sections shift fluidly, maintaining momentum through subtle transitions.
3. Design motion system
Created micro interaction rules that bring liveliness without distraction. Each animation has intent, guiding not decorating.
4. Collaborate and fine-tune
Worked closely with the development team to polish easing curves, hover states, and scroll feedback for a seamless feel across devices.
Impact
The new Hashira site became a defining expression of the company’s culture, sharp, energetic, and transparent in its craft.It also taught me how motion can communicate confidence and culture at once.
Hashira
Official Website
Engineering meets expression in hashira a research based company with multiple projects in blockchain, ai and other sectors.
Product Design
Interaction Design
Overview
The Hashira website was designed as the official digital face of the company — a playful yet precise reflection of its work in blockchain, AI, and deep tech. A website that captures Hashira’s philosophy of building with first principles and curiosity.
Insights
Hashira builds products that are complex, layered, and often invisible to casual audiences. The challenge was to make the brand feel approachable without simplifying its depth.
The website needed to communicate engineering precision with creative spirit, a balance between tech and expression.
Key Observations:
The brand lacked a unified digital personality that reflected its energy.
Most infrastructure brands in Web3 felt rigid; Hashira needed to feel human.
Concept
The website was imagined as a playful system that moves with purpose.
Every animation, scroll trigger, and transition reinforces the brand identity through confidence and curiosity.
Approach by Page:
Used motion as a storytelling tool to connect sections and transitions.
Designed interactions that respond intuitively to user movement.
Process
1. Start with intention
Mapped how Hashira’s tone, technical yet curious, could translate into motion, typography, and interaction.
2. Structure the flow
Built a layout that feels cinematic while staying performant. Sections shift fluidly, maintaining momentum through subtle transitions.
3. Design motion system
Created micro interaction rules that bring liveliness without distraction. Each animation has intent, guiding not decorating.
4. Collaborate and fine-tune
Worked closely with the development team to polish easing curves, hover states, and scroll feedback for a seamless feel across devices.
Impact
The new Hashira site became a defining expression of the company’s culture, sharp, energetic, and transparent in its craft.
Hashira
Official Website
Engineering meets expression in hashira a research based company with multiple projects in blockchain, ai and other sectors.
Product Design
Interaction Design
Overview
The Hashira website was designed as the official digital face of the company — a playful yet precise reflection of its work in blockchain, AI, and deep tech.
Insights
As Garden scaled, the website needed to evolve from a protocol landing page into a credible representation of a growing infrastructure company. The challenge wasn’t only to explain liquidity routing, but to express trust, transparency, and scale — values that resonate with both users and developers.
Key Observations:
The existing design lacked a cohesive structure and brand maturity.
Garden’s growing technical ecosystem required pages that could scale with new integrations.
Developers and institutional users sought reliable, security-focused information before interacting with the protocol.
Concept
The website was imagined as a playful system that moves with purpose.
Every animation, scroll trigger, and transition reinforces the brand identity through confidence and curiosity.
Approach by Page:
Used motion as a storytelling tool to connect sections and transitions.
Designed interactions that respond intuitively to user movement.
Process
1. Start with intention
Mapped how Hashira’s tone, technical yet curious, could translate into motion, typography, and interaction.
2. Structure the flow
Built a layout that feels cinematic while staying performant. Sections shift fluidly, maintaining momentum through subtle transitions.
3. Design motion system
Created micro interaction rules that bring liveliness without distraction. Each animation has intent, guiding not decorating.
4. Collaborate and fine-tune
Worked closely with the development team to polish easing curves, hover states, and scroll feedback for a seamless feel across devices.
Impact
The new Hashira site became a defining expression of the company’s culture, sharp, energetic, and transparent in its craft.
You bring the vision. I bring the craft. We build it right, together.
2025©All rights reserved.
Phone
You bring the vision. I bring the craft. We build it right, together.
2025©All rights reserved.
Phone
You bring the vision. I bring the craft. We build it right, together.
2025©All rights reserved.
Phone