Xenara AI
2025
Early-stage website design for an AI CX Product to support sales and investor storytelling.
Problem area
Complex AI, Confusing UI
Xenara’s original website lacked a cohesive visual system across light and dark modes, making it challenging to communicate intelligent automation clearly. Interactive elements and 3D integrations posed technical and usability challenges.
Product before redesign
Opportunity 1: Simplify AI Concepts
Establish a clear value proposition that explains Xenara’s role in the CX ecosystem.
Opportunity 2: Boost Engagement
Use animations, microinteractions, and 3D components to capture attention.
Design goals
What I aimed to achieve
Modernize the Visual Experience
Create a polished, interactive website that reflects innovation and trust.
Design decision 01
Show the Product in Action Early
To communicate value instantly, I placed an animated chatbot experience directly after the hero section. The animation demonstrates Xenara’s core AI features in context, allowing users to understand the product’s capabilities without relying on heavy explanations.
Design decision 02
Guide Users Through a Clear Product Story
I structured the website around a clear narrative that moves users from understanding what Xenara is to how it works and why it matters. Content was organized into intentional sections with clear hierarchy, helping users progressively build understanding without feeling overwhelmed by technical detail.
Retrospective
From Data to Dynamic Design
This project reinforced how a dual-mode interface combined with interactive storytelling and 3D components can make complex AI accessible, engaging, and visually memorable, aligning user experience closely with brand identity.
Light & Dark Mode
Impact
Interactive AI Storytelling
Chatbot and AI engine animations make automation intuitive.
Note: The Framer website functioned as a high-fidelity product and storytelling prototype used for internal alignment, sales, and investor communication. Long-term platform decisions later evolved based on budget and maintenance considerations.
