Year
2025
Client
Xenara AI
Category
As a UI/UX Designer, I contributed to defining the visual system, UX patterns, and interaction flows across the platform. I took ownership of animations and interactive storytelling elements and translated the original light theme design into a cohesive dark mode, carefully adjusting typography, colors, and UI components for readability and visual hierarchy. After design approvals, I implemented these designs directly in Framer, ensuring both design fidelity and interactive performance.
I crafted microinteractions, hover states, and transitions across the platform to guide user attention, reinforce hierarchy, and maintain a futuristic, polished aesthetic. These subtle motions enhanced usability and created a responsive, immersive experience.
Designed a real-time chat simulation, placing the chatbot at the center while surrounding AI features lit up in sync with the conversation. This animation highlighted Xenara’s intelligent automation, making complex processes intuitive and engaging for users.
Conceptualized and animated a central allegorical AI engine for the hero section, simulating data processing and personalized content generation. This storytelling centerpiece communicates Xenara’s core value of smart, adaptive automation.
3D Animation Integration
Added a 3D interactive component using Spline with Framer, giving users hands-on interactivity. It was challenging to implement but enhanced engagement and immersion, reinforcing the futuristic brand experience.
The redesigned Xenara website delivered a sleek, futuristic dark mode experience that aligned with the brand’s AI-driven identity. By visualizing complex processes through interactive storytelling, animations, and 3D components, the platform became engaging, intuitive, and immersive.
In the first 30 days after launch, the site received 2.2K pageviews from 991 unique visitors, with an average session duration of 1m 8s, showing meaningful interaction with content and animations. Traffic came from diverse sources of engagement.
These results demonstrate that the design and interactive elements successfully captured attention, communicated Xenara’s AI capabilities, and created a memorable, brand-aligned experience.
