Azion Website & Brand Expansion
Astro, Vue.js, Webkit Component Library, Design Tokens, Sora Typography, Monospace, Brand Adaptation, Illustration System
A brand adaptation that evolved Azion's digital presence while preserving the technology already in production.
Challenge
Azion needed to expand its visual identity without breaking the existing front-end architecture built on Astro and Vue.
Solution
We evolved the existing system by introducing new color tones, richer block variants, and an illustration pattern that visually represents product features.
40+
Vue components ready to use
20+
Pages redesigned
30+
New product images redesigned
Twenty pages changed how they look while the front-end underneath never stopped shipping. The identity gained range instead of being replaced.
Product Navigation
Mega-menu revealing product categories with hover interaction.
Developer Tools
Developer-facing documentation and tooling resources.
Component Library
Open-source webkit component library powering both website and console.
Project
Azion Website & Brand Expansion
Client & Role
Design Director
Year
2022
Technologies
Astro, Vue.js, Webkit Component Library, Design Tokens, Sora Typography, Monospace, Brand Adaptation, Illustration System