2024 Intern at Rubrik
Aura Visual Enhancement
Duration: 4 weeks
ROLE: visual designer
TEAM: design system team
Aura is Rubrik’s internal design system website. This project focused on redesigning the hero sections across all component documentation pages to create a more informative and visually cohesive experience for users navigating the system.
I explored and refined visual and motion design solutions through 4+ iterations, guided by Binan (senior designer and mentor) and Reuven (principal designer).
Design Goal
Redesign the hero sections of 24 component pages to
Improve visual hierarchy and clarity for faster user understanding.
Support scalability and ease of maintenance across the system.
Reinforce Aura’s visual language and consistency.
Brfore
After
Illustration Exploration
In early explorations, I reimagined the component card as a dynamic illustration that adapted its background shape based on each component.
✅ Emphasized content and added visual storytelling.
❌ Difficult to scale and maintain due to high dev effort and manual updates.
Master Design
Component card
Version 1 hero section design
Version 2 hero section design
Color Exploration
In later explorations, I simplified the visuals into a unified scrolling background—using gradients and brand colors to differentiate component pages.
✅ High contrast and saturated gradients improved visual appeal, with better scalability and easier maintenance.
❌ Using different colors across 20+ pages risked tonal inconsistency, even within the brand palette.
Master Design
Gradient Guideline
Version 3 hero section design
Version 4 hero section design
Motion Exploration
I explored motion in the background visuals to make them more dynamic without distracting the user.
Linear Loop
Zoom-in and zoom-out
Opposing
Ease-in and ease-out
Final Deliverable
The updated (in-progress) version introduces 4 key improvements
Increased font size for better readability
Added component examples to provide context
Aligned color styling with the brand’s tone
Introduced subtle motion for visual engagement
Take Away
For the latest final delivery version, we removed the illustration and focused the visuals on the key branding color gradient. Throughout the design process, I learned that maintaining a balance between creativity and consistency is key to sustainable design. I am truly grateful for the team's support throughout the process, providing me with insightful guidance and valuable learning experiences.