
Closed
Posted
Paid on delivery
Technical Specification Live AI Guide Assets — Visual Contact Mode Flutter App — Rive Animation Assets 1. Objective Replace the static illustration in the Visual Contact with AI feature with an animated character that feels like a live video-call companion: • Eye contact with the camera • Facial expression (calm, attentive, empathetic) • Lip movement synced to speech (lip-sync) • Subtle breathing and blinking during pauses • Reactive states: listening / speaking / waiting Reference feel: a calm video call with a coach or therapist — NOT a meditation pose or cartoon mascot. 2. Recommended Format: Rive (Priority) Why Rive • Project already has assets/rive/ folder and {mode}_{gender}.riv naming pattern • States switch in real time from Flutter (idle / listening / speaking) • Lip-sync driven via numeric input (0.0–1.0) from TTS — no heavy video • Small file size, scales cleanly on iPhone Alternative: looped video clips (see Section 8). Rive remains the priority. 3. Characters & Gender Logic Deliver 2 characters (not 4): File Character Shown when user is [login to view URL] Female guide Male [login to view URL] Male guide Female App rule (companionGenderFor): male users see a female guide; female users see a male guide. TTS voice matches the on-screen character gender. Appearance • Age: 28–40, trustworthy, not model-glossy or cartoonish • Frame: chest/shoulders portrait (front camera video-call framing) • Gaze: into the lens, soft eye contact • Clothing: neutral, calm (hoodie, sweater, plain t-shirt). No logos • Background in asset: neutral blurred or dark lavender — app adds UI on top • Ethnicity: one pair to start (Central European look); expand later if needed 4. Animation States (Required) Must match app enum VisualContactAvatarMode: App state Code Character behavior Waiting / pause idle Calm breathing, occasional blink, micro head motion, mouth closed or slightly open AI processing user speech listening Attentive gaze, slight head tilt, nod — "I hear you" AI speaking (TTS) speaking Lip-sync via mouthOpen input, live expression, subtle brow motion Breathing exercise (emergency) breathing Slow inhale/exhale cycle; hands on chest optional Transitions • Smooth, 200–400 ms, no harsh jumps • speaking → listening: close mouth, return attentive pose • idle → speaking: short "about to speak" prep (100–200 ms) 5. Rive Technical Contract 5.1 File naming assets/rive/[login to view URL] assets/rive/[login to view URL] 5.2 State Machine One state machine per file, name: VisualContact State names (exact, snake_case, Latin): idle | listening | speaking | breathing 5.3 Inputs (Flutter-controlled) Input Type Range Purpose mouthOpen Number 0.0 – 1.0 Mouth openness during TTS speechEnergy Number 0.0 – 1.0 Speech amplitude (optional v1.1) blink Trigger — Forced blink (optional) nod Trigger — Nod in listening (optional) MVP minimum: mouthOpen + 4 states. 5.4 Lip-sync behavior • When isAiSpeaking == true → state speaking • mouthOpen updated 30–60 times/sec (sine or phrase envelope) • Quiet speech: 0.15–0.45 | Active: 0.35–0.85 | Word pause: 0.05–0.15 • After TTS ends → idle or listening 5.5 Canvas & composition Parameter Value Aspect ratio 3:4 portrait (video call) Artboard 1080 × 1440 px Head in frame ~45–55% of height, centered on X Safe area 8% inset from edges (UI badges, subtitles) Palette Lavender / grey / beige — accent #7B69A7, bg #F7F4EF 5.6 File limits Parameter Limit .riv file size ≤ 1.5 MB (target ≤ 800 KB) Animation FPS 60 in Rive; 30 sufficient on device Complexity Face + shoulders only; no full-body mesh deform 6. Visual Style (Brand) • Mood: calm, presence, safety — not clinical, not esoteric • Expression: restrained, warm; avoid wide smiles and theatrical gestures • Lighting: soft frontal key, light rim-light • Forbidden: yoga pose, closed eyes in main states, meditation aura, holographic FX inside character 7. Usage Scenarios (asset must work in all) • Conversation after a hard day — long dialogue, heavy speaking/listening • Preparing for a difficult talk — confident, supportive tone • Calm down now — breathing state • State diagnostic — more listening, short replies 8. Alternative: Video Avatar If video instead of Rive: Files: visual_contact_{female|male}_{idle|speaking|listening}.mp4 Parameter Value Codec H.264 MP4 Resolution 720 × 960 Loop length 3–6 sec seamless File size ≤ 2 MB per clip Downside: no precise TTS lip-sync. Rive preferred. 9. App Integration • Add rive dependency to [login to view URL] • Build VisualContactRiveAvatar widget • Map: idle → idle | listening → listening | speaking + isAiSpeaking → speaking + mouthOpen | breathing → breathing • Fallback if .riv missing: PNG guide_recovery_{gender}.png • Integration points: [login to view URL], [login to view URL] 10. Acceptance Criteria MVP (required) • ☐ 2 .riv files: visual_contact_female, visual_contact_male • ☐ State machine VisualContact with 4 states • ☐ mouthOpen visibly changes mouth in speaking • ☐ Smooth state transitions • ☐ Character faces camera, 3:4 portrait • ☐ File ≤ 1.5 MB, no artifacts on iPhone 12+ • ☐ No meditation pose / closed eyes in idle and listening v1.1 (nice to have) • ☐ speechEnergy input • ☐ Natural blinking in idle (built into animation) • ☐ Micro head motion in listening • ☐ Preview PNG for scenario list Out of scope for MVP • Room background, furniture, hand gestures • Full Russian/ENG phoneme viseme sync (A/I/U/E/O) • Unreal/Metahuman 3D render 11. Delivery Package • 1. [login to view URL] • 2. [login to view URL] • 3. [login to view URL] (1080×1440) • 4. [login to view URL] (1080×1440) • 5. Short doc: states, inputs, mouthOpen value guide • 6. Rive source files (.rev) for revisions 12. Production Estimates Option Complexity Rive MVP (2 chars, 4 states, lip-sync) Medium Rive v1.1 (+ micro-expression polish) +30–40% Video loops (6 clips) Simpler animation, heavier files
Project ID: 40514805
66 proposals
Remote project
Active 5 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
66 freelancers are bidding on average $144 USD for this job

Hi there, I have read your project requirement. You need two high-quality Rive avatar assets for Flutter that replace the static illustration with a calm, video-call-like AI companion. The avatars should support real-time state transitions (idle, listening, speaking, breathing), camera eye contact, natural facial expressions, and lip-sync through the mouthOpen input while remaining lightweight and optimized for iOS devices. We will create two optimized .riv assets with a single VisualContact state machine, smooth transitions, subtle breathing and blinking animations, and a video-call framing that integrates seamlessly with your existing Flutter architecture and naming conventions. To proceed, I need to confirm: ======================== Do you already have character illustrations/design references, or should we create them from scratch? Will lip-sync use a simple mouthOpen envelope for MVP, with phoneme-based visemes planned for later? Should the .rev source files be delivered for future editing and enhancements? Is support for dark mode backgrounds required, or will the app handle background styling? Best Regards, SrashtaSoft Team
$240 USD in 7 days
6.9
6.9

Hi, Regarding your project: "Mobile App Onboarding Animation Creation" I'm Firoo, and I'd love to create modern and eye-catching motion graphics that make your content more dynamic and professional. I reviewed your project and understand that you need animations that are smooth, visually appealing, and aligned with your brand identity. I'm a great fit because I specialize in Motion Graphics using After Effects and can create animated intros, explainer videos, social media animations, kinetic typography, and promotional visuals with high attention to detail. I'm ready to start immediately and can deliver high-quality results within 24 hours. I also make sure communication stays fast and clear throughout the project. I take quality seriously on every project and provide clear milestone updates so you are always in the loop. Looking forward to working with you. Firoo
$149 USD in 2 days
6.5
6.5

Hi there, I see you're looking to create onboarding animations for a Flutter app using Rive. To achieve a visually engaging experience, I'd focus on designing character animations that guide users effectively while keeping performance in mind, especially for mobile. Integrating these animations seamlessly into the Flutter framework will ensure they enhance the user interface without impacting load times or responsiveness. I'd start by setting up the Rive environment and then move to sketching out the animation flow based on your specifications. Q1: What specific user actions should the animations respond to during onboarding? Q2: Are there any existing assets or branding guidelines I should follow for the visual style? Q3: What is the timeline you have in mind for the completion of this project? Let's create something engaging together.
$200 USD in 2 days
6.6
6.6

Hello There!!! ★★★★ (Rive Animated AI Companion with Lip-Sync & Flutter Integration Ready) ★★★★ I carefully reviewed your detailed specification and understand you need two high-quality Rive avatar animations that replace static onboarding visuals with a realistic, calm AI companion. The assets must support lip-sync, breathing, blinking, listening/speaking states, and integrate seamlessly with your existing Flutter architecture. ⚜ Custom Rive Character Design ⚜ Female & Male AI Companion Assets ⚜ Lip-Sync Animation via mouthOpen Input ⚜ VisualContact State Machine Setup ⚜ Smooth State Transitions & Micro-Expressions ⚜ Flutter & Rive Integration Support ⚜ PNG Previews, Source Files & Documentation I have experience creating interactive animations, mobile app assets, and character-based UI experiences for Flutter applications. My focus is always on delivering polished animations that feel natural, lightweight, and optimized for mobile devices. I understand the importance of maintaining the calm, therapist-like presence described in your brief. My approach will be to design both avatars in Rive, build the required VisualContact state machine, optimize file size, and test all transitions for smooth real-time behavior. I'd be happy to discuss the visual direction and share relevant animation work. Warm Regards, Farhin B.
$110 USD in 1 day
6.6
6.6

Hello, We specialize in creating lightweight, emotionally responsive Rive animations that enhance mobile UX and make AI interactions feel natural and human-like. We can help with: Rive-based character animation (idle, listening, speaking, breathing states) Lip-sync setup driven by mouthOpen input from Flutter Camera-facing, natural “video call” style avatar design Smooth state transitions aligned with your VisualContact logic Optimized file creation (≤1.5MB, mobile performance friendly) Flutter integration support for real-time animation control Clean state machine setup with developer-friendly structure We’re experienced with: Rive animation systems and state machines Mobile onboarding and UX motion design 2D character animation for apps Flutter animation integration workflows Motion design for AI-driven interfaces and assistants Deliverables: 2 Rive animation files (male & female) Fully structured VisualContact state machine Lip-sync compatible animation system Preview assets for QA/testing Integration notes for Flutter developers Quick questions: 1. Should the character style lean more toward realistic human likeness or slightly stylized “AI assistant” look while staying non-cartoonish? 2. Do you already have voice/TTS timing specs available for lip-sync calibration, or should we define the motion curves ourselves? Regards, Doomshell Software Pvt Ltd (20+ Years Experience)
$140 USD in 7 days
6.2
6.2

Hello, I’d love to create engaging onboarding animations for your mobile app that make a strong first impression and guide users through the experience in a smooth, modern way. I can deliver clean, high-quality animations optimized for mobile, ensuring they align perfectly with your app’s design and branding. Portfolio: https://www.freelancer.in/u/CreativeDesign50 Could you please share the number of onboarding screens and your preferred animation style or reference examples? Best regards, Kirandeep Kaur
$151 USD in 2 days
5.7
5.7

✋ Hi There!!! ✋ THE PROJECT GOAL:- To create Rive based mobile onboarding animations for a Flutter app featuring a realistic AI avatar with lip sync, emotional states, and smooth interactive transitions. I have carefully reviewed your requirement and understand you need high quality character animation designed for real time Flutter integration with state driven behavior and TTS lip sync support. I am the best fit for this project because I specialize in motion design, interactive UI animation, and game like character state systems optimized for mobile apps. 1. Create 2 optimized Rive character files with VisualContact state machine and required inputs 2. Implement animation states including idle listening speaking and breathing with smooth transitions 3. Ensure Flutter ready integration with mouthOpen lip sync behavior and optimized file size under limits UI design, database management, testing, and full source code delivery included. I have 9+ years experience as a full stack developer. I have completed similar mobile onboarding animation and interactive avatar projects. Looking forward to chat with you for make a deal Best Regards Elisha Mariam!
$111 USD in 11 days
5.0
5.0

As an experienced mobile and web developer with a strong background in app creation, I believe I'm the perfect fit for your project. With more than 9 years of hands-on experience in the industry, I've developed deep expertise in platforms like Android, iOS, Flutter (which you're using for your App) and programming languages like Java and PHP. My team and I also have experience working with Rive animations, which is exactly what you prioritize for your project. In addition to my technical skills, my keen interest lies in incorporating User Experience (UX) to enhance visual designs. I understand that your App needs a companion who feels like a real person - someone comforting and empathetic. This aligns perfectly with my vision for the App as well. I have the artistic ability to convert static visuals into dynamic animated characters that blend seamlessly with the user interfaces and evoke desired emotions. Choosing me for this project means benefiting from my cost-effective solutions without compromising on quality or support. I am committed to delivering exactly what you need within allocated time frames and budget constraints. So let's bring your vision to reality together!
$140 USD in 7 days
5.2
5.2

As an experienced designer with over 10+ years of focused work in the design field, I have developed a strong proficiency in animation and motion graphics. Your project title, 'Mobile App Onboarding Animation Creation' and its specifications resonate especially well with my skillset. I am adept at utilizing a variety of software such as Adobe Illustrator, Adobe Photoshop, Rive, and others to bring to life intricate animations just like you are seeking for your Flutter app's onboarding process. Moreover, I have frequently used software similar to Rive and understand its structure and capabilities well. More than just technical acumen, my designs are fueled by the aim to create experiences that engage users and promote a sense of trust and safety - a serious concern for your vision of the animated AI companion. Furthermore, my open communication style means that I will keep you in the loop at every stage of development so that any change or feedback can be incorporated timely. With emphasis on your preference for calmness, presence, and authenticity in visual design, I assure you a final product that adheres scrupulously to your vision and brand.
$66 USD in 1 day
4.9
4.9

Hello, I reviewed the specification and understand you're looking for production ready Rive avatars that integrate directly with your existing Flutter architecture, including state driven behavior, lip sync via mouthOpen input, and optimized performance for iOS devices. I have experience working with interactive character assets, animation state machines, and app ready deliverables, and I can share relevant samples once we connect in chat. Also a quick question: do you already have approved character illustrations, or should the visual design of both guides be created from scratch? Best Regards, Muskan
$200 USD in 1 day
4.6
4.6

I understand you need a Rive animation for your Flutter app's "Visual Contact Mode" that simulates a live AI guide, focusing on realistic eye contact, expressions, and lip-sync, similar to the interactive feel of a video call companion. My approach will involve creating a Rive animation with a 2D character rig optimized for facial expressions and subtle movements. I'll utilize Rive's animation timeline to define distinct states: listening, speaking, and waiting, incorporating breathing and blinking for natural pauses. Lip-sync will be achieved by mapping phonemes to mouth shapes, ensuring smooth transitions. I’ll focus on subtle, empathetic expressions to match the desired coach/therapist feel. To ensure we're perfectly aligned, could you share any specific character art or style guides you have in mind? Also, what is the desired frame rate for the animation to balance fluidity and file size? I'm ready to discuss your project in more detail.
$140 USD in 21 days
4.2
4.2

--> I’d love to help create your Rive-based AI companion avatar for Flutter. I have experience designing interactive character animations, state-machine workflows, and mobile-optimized Rive assets with smooth transitions and lip-sync controls. Relevant Samples:- • ARRO Taxi App – Upfront Price: worked on/experienced mobile UX involving real-time user interaction, booking flows, and polished app animations. • Interactive Rive avatar for a wellness/coaching experience featuring idle, listening, and speaking states with Flutter integration. My Understanding:- You need 2 Rive avatars (male & female) that feel like a calm video-call companion. Each avatar should support a VisualContact state machine with **idle, listening, speaking, and breathing** states, smooth transitions, natural blinking/breathing, and **mouthOpen-driven lip-sync** controlled from Flutter while keeping file sizes lightweight for iPhone performance. Questions:- 1. Do you already have approved character designs/references, or should I create the avatars from scratch? 2. Will the Flutter side provide a continuous mouthOpen value stream, or should I include a fallback speaking animation when live values are unavailable? Looking forward to discussing the project. Best regards, Ekta
$140 USD in 7 days
5.2
5.2

As an experienced Flutter developer with a strong focus on creating high-performing, user-friendly mobile apps, I believe I would be a great fit for this project. Throughout the years, I've successfully crafted various types of mobile app experiences, including ones that require complex animations and nuanced interactions like what's mentioned in your project description. My expertise lies in building clean and efficient app solutions without compromising on functionality or performance. In fact, I have solid experience working with video features by making use of Rive animations that scale beautifully on iOS, which aligns perfectly with your project's technical specification. Moreover, having previously integrated audio processing features into some of my projects gives me confidence in my ability to successfully create the required lip-sync behavior as well. Lastly, beyond just executing your specific requests, I understand the importance of crafting a consistent brand experience through design choices even within individual components and elements. With an eye for detail and your defined visual style (calm, restrained, safe), I'll ensure that both the female and male guide adhere to these nuances perfectly; reflecting central European ethos without being model-glossy or cartoonish. Let me bring your app to life in an engaging and trustworthy way - let's discuss how we can make this happen!
$105 USD in 7 days
4.1
4.1

Hello, I have read your Complete proposal your Need a Experienced Flutter developer for onboarding animation creation.I have more than 3 years of work experience in Mobile application developemnt have a hand-on expeirence in Many terms like Figma to Flutter, Firebase, Google maps and Rest APIs integrations I am Confident that will handle your task in a reasonable price and time and I am available to start working on it Let's chat to Proceed
$30 USD in 7 days
3.6
3.6

Hi, I can build your Visual Contact AI guide assets as a clean Rive-based animation system fully aligned with Flutter state control and real-time lip-sync requirements. I specialize in Rive state machines, interactive character animation, and UI-driven motion design, including speaking/listening states, mouthOpen input mapping, and smooth emotional micro-expressions. https://www.freelancer.com/portfolio-items/11326834-create-a-30-second-animated-video-fo Let’s discuss in chat as I have some queries regarding the project to proceed further.
$40 USD in 7 days
3.2
3.2

Hey there, I'm Vishal Maharaj, a seasoned iPhone and Mobile App Developer with 25 years of experience based in Perth, Australia. I'm interested in creating the onboarding animation for your mobile app, focusing on replacing static illustrations with animated characters for a live video-call companion experience. I would approach the project by utilizing Rive animation assets to create characters with eye contact, facial expressions, lip-sync, and reactive states, ensuring a smooth and engaging user interaction. Let's discuss further details and kickstart this exciting project. Cheers, Vishal Maharaj
$250 USD in 5 days
3.3
3.3

With over 10 years experience in Mobile App Development, I'm confident that I can create impressive onboarding animations for your app. I have extensive knowledge in leveraging Rive to create engaging and responsive animations which are perfectly in sync with accompanying actions in your Flutter app. As someone who cherishes creating a calm, trustworthy and empathetic environment through UI/UX, I feel resonate with your project's core aesthetic. Understanding your users' need for a personalized experience, I'll make sure the characters not only reflect a wide range of Central European appearances but also exude a safe and present aura that resonates well across all genders. Your instructions about eye contact, facial expressions, lip movements and transitions, etc., are very detailed and highly useful. Being attentive to such nuances is something I prioritize in my work; thus, you can expect an animation design that's both introspective and interactive.
$140 USD in 7 days
3.1
3.1

Hi, This is a very interesting project, and I'd love to help bring it to life. ✔️ Flutter integration with Rive animations ✔️ Male & female AI guide avatars ✔️ Lip-sync using mouthOpen input ✔️ Listening, Speaking, Idle, and Breathing states ✔️ Smooth state transitions and natural expressions ✔️ Optimized .riv assets for iOS and Android ✔️ Clean integration with your existing Flutter architecture I have experience working with Flutter animations, custom UI components, and AI-powered applications. I can also handle the Flutter-side integration so the avatars react naturally to TTS and user interactions. Looking forward to discussing the assets, timeline, and implementation details. Best regards, Talha
$140 USD in 7 days
3.1
3.1

Hey, If you're not happy, you don't pay. As a skilled freelancer with extensive experience in creating logos, I am confident in my ability to bring your Mobile App Onboarding Animation Creation project to life using Rive for the Live AI Guide Assets within your Flutter App. My expertise in animation and lip-sync will ensure that your animated character feels like a live video-call companion with eye contact, facial expressions, I'd love to share similar work I've done in my portfolio. Best, Kyle
$187.50 USD in 7 days
1.8
1.8

Dear client, I can design and deliver the full Rive animation asset system for your Flutter Visual Contact feature, turning your static UI into a real-time, emotionally responsive video-call style AI guide. The implementation will strictly follow your specification, including the two-character system (male/female) with gender-based switching logic and consistent 3:4 portrait framing optimized for mobile performance. Each .riv file will include a single VisualContact state machine with the required states: idle, listening, speaking, and breathing. I will implement Flutter-controlled inputs such as mouthOpen (0.0–1.0) for real-time lip-sync driven by TTS, ensuring smooth speech articulation, as well as optional speechEnergy, blink, and nod triggers for enhanced realism. The animation will be carefully tuned for natural transitions (200–400ms), ensuring smooth movement between speaking, listening, and idle states without abrupt changes. The visual style will follow your brand direction—calm, warm, and therapeutic—avoiding cartoon-like exaggeration while maintaining soft eye contact, subtle breathing motion, and restrained facial expression suitable for a supportive AI companion experience. Deliverables will include both optimized Rive files, preview assets, and the source .rev files for future iteration, ensuring full production readiness for your Visual Contact system. Best regard,
$100 USD in 4 days
1.5
1.5

Ramat Gan, Israel
Member since Jun 14, 2026
$30-250 USD
₹12500-37500 INR
₹1500-12500 INR
₹1500-12500 INR
$750-1500 USD
$10-40 USD
₹600-1500 INR
₹75000-150000 INR
$250-750 USD
€30-250 EUR
$100 USD
$750-1500 USD
$100 USD
£250-750 GBP
$750-1500 AUD
₹12500-37500 INR
£20-250 GBP
£1500-3000 GBP
$30-250 USD
₹1500-12500 INR