Contact person: Business Client

Phone:Show

Email:Show

Location: Remote cooperation

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project Overview
We’re building an AI assistant for hiring. Part of the experience includes a real-time voice orb that appears during AI interviews, a smooth, animated visual that reacts to the AI speech, similar to the expressive orbs used by other AI platforms. (We really like Siri)
We need one person who can design, animate, and implement this orb directly into our web app (React). The orb must feel premium, alive, and responsive, not a static logo animation.
What You Will Build
You’ll create a fully interactive, audio-reactive voice orb with:
Core States
• Idle / breathing animation
• Listening animation
• Speaking animation (reactive to audio frequency + volume)
• Thinking / processing state
Technical Requirements
• Built using WebGL ([login to view URL]) or high-quality Canvas
• Smooth performance on desktop + fallback on mobile
• Easy React integration
• Clean transitions between states
• Animated using motion principles (not just basic scaling)
⸻
What We Provide
• Visual references
• Brand identity (guidelines, logo, colors, etc.)
• State definitions (idle, listen, speak, think)
• The live app environment to integrate into
• Example audio streams to visualize
⸻
Deliverables
1. 3–5 visual orb concepts (static + rough motion)
2. Final interactive orb implementation in WebGL or Canvas
3. Speaking / listening / thinking states
4. Audio-reactive code connected to our speech stream
5. Fallback lightweight animation for low-power devices
6. Documentation for integration for our developers + future tweaks
⸻
Ideal Candidate
You should be comfortable with both motion design and creative development, specifically:
Required Skills
• WebGL / [login to view URL]
• Javascript / Typescript
• React integration
• Motion design fundamentals
• Ability to create audio visualizers
• Experience building interactive UI elements
• Smooth animation transitions
Nice to Have
• Shader coding (GLSL)
• Experience building orbs / AI avatars
• Lottie animation experience
• Past work on interactive landing pages or creative apps
⸻
Timeline:
• Start immediately
• Deadline: ASAP
• Fast iteration cycle (we move quickly)
⸻
How to Apply (Follow this to be considered)
Send:
1. Portfolio or links to interactive WebGL work
2. Past examples of motion or audio-reactive animations
3. Relevant GitHub repos (optional)
4. Brief explanation of how you’d build the orb" (client-provided description)