HashiCorp
HashiCorp needed a new visual system for the Infrastructure Cloud—one capable of expressing complex ideas through clear, atmospheric, and scalable illustrations. The system had to support product storytelling across multiple touchpoints, from static visuals to motion.
Key Visual Assets
Website
Motion Design
Transitioning to a New Visual System
Transitioning to a New Visual System
Transitioning to a New Visual System
We redesigned the hero using a new visual language built around light, depth, and spatial composition—strengthening the brand presence and creating a clearer, more immersive entry point for the platform.
We redesigned the hero using a new visual language built around light, depth, and spatial composition—strengthening the brand presence and creating a clearer, more immersive entry point for the platform.
We redesigned the hero using a new visual language built around light, depth, and spatial composition—strengthening the brand presence and creating a clearer, more immersive entry point for the platform.
The Six Value Propositions The system was designed around six strategic value propositions. These themes guided the structure, composition, and motion of the illustration system
The Six Value Propositions The system was designed around six strategic value propositions. These themes guided the structure, composition, and motion of the illustration system
The Six Value Propositions The system was designed around six strategic value propositions. These themes guided the structure, composition, and motion of the illustration system
Concept Sketches Early explorations defining structure and composition.
Concept Sketches Early explorations defining structure and composition.
Concept Sketches Early explorations defining structure and composition.
Depth & Geometry Refining spatial relationships and illustration logic.
Depth & Geometry Refining spatial relationships and illustration logic.
Depth & Geometry Refining spatial relationships and illustration logic.
Color & Light Development Introducing gradients, glow, and tone to establish the final style.
Color & Light Development Introducing gradients, glow, and tone to establish the final style.
Color & Light Development Introducing gradients, glow, and tone to establish the final style.
We defined the illustration language through iterative exploration—establishing geometry, depth, light, and motion behavior before moving into final production.
We defined the illustration language through iterative exploration—establishing geometry, depth, light, and motion behavior before moving into final production.
We defined the illustration language through iterative exploration—establishing geometry, depth, light, and motion behavior before moving into final production.
Designing for Motion Each illustration was built with motion in mind. We developed lightweight animation rigs to bring clarity, depth, and energy to the final assets.
Designing for Motion Each illustration was built with motion in mind. We developed lightweight animation rigs to bring clarity, depth, and energy to the final assets.
Designing for Motion Each illustration was built with motion in mind. We developed lightweight animation rigs to bring clarity, depth, and energy to the final assets.
Final Illustration System Eight fully-realized visuals—each one designed, refined, and animated to communicate a specific value proposition across the Infrastructure Cloud.
Final Illustration System Eight fully-realized visuals—each one designed, refined, and animated to communicate a specific value proposition across the Infrastructure Cloud.
Final Illustration System Eight fully-realized visuals—each one designed, refined, and animated to communicate a specific value proposition across the Infrastructure Cloud.
