Web Design
Digital Marketing

Castor · AI Agent Website

How we turned complex multi-agent workflows into an immersive website that boosted engagement and demo requests？

Client: Oran AI – A global platform operator serving content creators and brand marketing teams

Project Timeline: August 2024

VSDesign Role: UX Architecture · Multi-Agent Storytelling · Responsive Web Design · Branding & Visual Identity · Motion & Interaction Design

Castor is an AI Agent-powered content operating system, enabling creators and brands worldwide to manage their full content lifecycle—from strategy to publishing and analytics—through a team of intelligent agents.

VSDesign was tasked with designing the official Castor website as a showcase platform that not only explains Castor’s multi-agent concept but also inspires confidence in its futuristic brand vision. The site needed to balance clarity of complex workflows with an immersive, visually engaging design that reflected Castor’s position at the forefront of AI-driven marketing.

key challenges

1

Communicating the AI Agent Concept

Presenting Castor’s “virtual team” of four agents (Research Analyst, Strategist, Creative Lead, Operations Manager) in a way that is intuitive, engaging, and immediately memorable.

1

Communicating the AI Agent Concept

Presenting Castor’s “virtual team” of four agents (Research Analyst, Strategist, Creative Lead, Operations Manager) in a way that is intuitive, engaging, and immediately memorable.

1

Communicating the AI Agent Concept

Presenting Castor’s “virtual team” of four agents (Research Analyst, Strategist, Creative Lead, Operations Manager) in a way that is intuitive, engaging, and immediately memorable.

1

Communicating the AI Agent Concept

Presenting Castor’s “virtual team” of four agents (Research Analyst, Strategist, Creative Lead, Operations Manager) in a way that is intuitive, engaging, and immediately memorable.

2

Designing for High-Tech Aesthetics

Creating a futuristic interface that resonates with AI and SaaS audiences, while maintaining usability across devices.

2

Designing for High-Tech Aesthetics

Creating a futuristic interface that resonates with AI and SaaS audiences, while maintaining usability across devices.

2

Designing for High-Tech Aesthetics

Creating a futuristic interface that resonates with AI and SaaS audiences, while maintaining usability across devices.

2

Designing for High-Tech Aesthetics

Creating a futuristic interface that resonates with AI and SaaS audiences, while maintaining usability across devices.

3

Balancing Density and Engagement

Castor’s website required space to explain multiple product layers (AI strategy, scheduling, content generation, analytics) without overwhelming the user.

3

Balancing Density and Engagement

Castor’s website required space to explain multiple product layers (AI strategy, scheduling, content generation, analytics) without overwhelming the user.

3

Balancing Density and Engagement

Castor’s website required space to explain multiple product layers (AI strategy, scheduling, content generation, analytics) without overwhelming the user.

3

Balancing Density and Engagement

Castor’s website required space to explain multiple product layers (AI strategy, scheduling, content generation, analytics) without overwhelming the user.

Design highlights

1

Immersive Motion Design

Integrated micro-interactions, hover effects, and scrolling animations (Framer prototypes) to create a sense of dynamism, making the AI Agents feel alive and collaborative.

1

Immersive Motion Design

Integrated micro-interactions, hover effects, and scrolling animations (Framer prototypes) to create a sense of dynamism, making the AI Agents feel alive and collaborative.

1

Immersive Motion Design

Integrated micro-interactions, hover effects, and scrolling animations (Framer prototypes) to create a sense of dynamism, making the AI Agents feel alive and collaborative.

2

Glassmorphism & Tech-Led Aesthetics

Applied Glass UI elements- semi-transparent panels, layered depth, and glowing accents- combined with a dark, futuristic palette, evoking modern SaaS and AI branding trends.

2

Glassmorphism & Tech-Led Aesthetics

Applied Glass UI elements- semi-transparent panels, layered depth, and glowing accents- combined with a dark, futuristic palette, evoking modern SaaS and AI branding trends.

2

Glassmorphism & Tech-Led Aesthetics

Applied Glass UI elements- semi-transparent panels, layered depth, and glowing accents- combined with a dark, futuristic palette, evoking modern SaaS and AI branding trends.

3

AI Agent Storytelling Module

Designed a dedicated section to introduce each of Castor’s four agents with animated transitions and role-based visuals, reinforcing the metaphor of a human-like virtual team.

3

AI Agent Storytelling Module

Designed a dedicated section to introduce each of Castor’s four agents with animated transitions and role-based visuals, reinforcing the metaphor of a human-like virtual team.

3

AI Agent Storytelling Module

Designed a dedicated section to introduce each of Castor’s four agents with animated transitions and role-based visuals, reinforcing the metaphor of a human-like virtual team.

4

Conversion-Oriented Flows

Streamlined the user journey with clear CTAs (watch demo, download Castor, request invite codes), while embedding interactive FAQ and download modules to minimize drop-off.

4

Conversion-Oriented Flows

Streamlined the user journey with clear CTAs (watch demo, download Castor, request invite codes), while embedding interactive FAQ and download modules to minimize drop-off.

4

Conversion-Oriented Flows

Streamlined the user journey with clear CTAs (watch demo, download Castor, request invite codes), while embedding interactive FAQ and download modules to minimize drop-off.

5

Consistent Branding

Developed a cohesive visual identity system- typography, iconography, and motion principles- ensuring Castor’s website aligns with its product positioning as a next-gen AI platform.

5

Consistent Branding

Developed a cohesive visual identity system- typography, iconography, and motion principles- ensuring Castor’s website aligns with its product positioning as a next-gen AI platform.

5

Consistent Branding

Developed a cohesive visual identity system- typography, iconography, and motion principles- ensuring Castor’s website aligns with its product positioning as a next-gen AI platform.

Business Impact

Differentiated Castor’s Brand

Positioned Castor as not just a SaaS product but a futuristic AI Agent ecosystem, visually setting it apart from traditional competitors.

Increased Engagement & Retention

Interactive design and high-tech styling encouraged users to explore deeper, increasing average time on site and boosting demo requests.

Global-Ready Digital Asset

The responsive design framework ensured seamless performance across desktop and mobile, enhancing Castor’s reach to global creators and brand teams.

explore more work

explore more work

explore more work