Animation of a Chatbot User Interface using After Effects

  • Status: Closed
  • Prize: $100
  • Entries Received: 21
  • Winner: miguelqc

Contest Brief

I am looking for a skilled animator who specializes in motion graphics to create an engaging and visually appealing chatbot user interface using After Effects. The animation should be in the style of a real Chatbot such as ChatGPT.

Color Scheme and Aesthetic:
- Animation like spotify commercial (https://youtu.be/HVvbY7A7lIQ?si=nsqqh046v0bkG-GZ&t=96) and color scheme like freelancer

Scenes or Sequences:
- The animation will consist of 1 scene

Ideal Skills and Experience:
- Proficiency in After Effects and motion graphics animation.
- Strong understanding of chatbot user interface design and animation using Figma
- Ability to bring creative ideas to enhance the visual appeal of the animation.
- Excellent communication skills to discuss and incorporate my ideas and preferences.

Only one 20 second scene is needed. This is what I had in mind for the style of the animation.

https://youtu.be/HVvbY7A7lIQ?si=nsqqh046v0bkG-GZ&t=96

The copy to be animated is the following - duration of the animation is 20 seconds. The requested resolution is for 4K. The deliverables are:

4K high quality MP4 file
the AFX project file that includes animation for CS6 - including all assets - fonts, 2d, vectors, illustrations used for the project.



Content of the mockup chatbot widget.

The following should be in the style of the mockup shown in the mockup in the shopify commercial. However used another color scheme. Use the freelancer style.

Please look at attached files for references:

This is the content for the mockup

(application icon - bike chatbot logo ) Meet Urbi, your urban companion. Feel free to ask questions and seek assistance with your to-do list. I'm continually learning, which means I might make an occasional mistake, so trust your expertise. How can I assist you today?

(user icon - generic user headshot ) What are your recommendations for new bike lanes and intersection improvements?

(application icon - bike chatbot logo ) Based on historical data, real-time feedback, and our predictive algorithms, I'd suggest considering Route A and B for new bike lanes. Also, Intersection X might need extra focus due to its past incidents. Would you like to see projected usage trends for these routes?

(user icon - generic user headshot ) Yes.

(application icon - bike chatbot logo ) Here are the ridership projections from October to December for these routes.


(Graphic) graph in the style shown in the widget layout file.


Y axis is (5k, 10k, 15k)

X - axis October November December

Values for October is 7n, November 11k, December 14k


Title is: Ridership over time
October 1 to Dec 31, 2023

Include a view report button.

Add the items below as the Highlighted Action Items:
Route A and B Development
Usage Trend Analysis and Monitoring:

Create a user input box like the one in example


Animate the the preview content previous so it appears generated by the app.

Then animate the text below on the user input box so it looks like like its being typed in.

- Tell me about bike lane options.

Recommended Skills

Winner
Featured Contest
Post a Contest Like This

Top entries from this contest

View More Entries

Public Clarification Board

  • hardiksolankigd
    hardiksolankigd
    • 7 months ago

    Could you clarify, If it is a Web app that is going to be used on a Desktop or It is A Mobile Based App? Should I animate at a Side panel on the Desktop UI or An individual Chat Space like in Mobile?

    • 7 months ago
    1. vw7865969vw
      Contest Holder
      • 7 months ago

      Yes as an invidividual chat space like on a desktop - like the signal app - or whatsapp for desktop

      • 7 months ago
    2. hardiksolankigd
      hardiksolankigd
      • 7 months ago

      Sorry but you should have mentioned that you want it for mobile and not the desktop, i would have done it for mobile...

      • 7 months ago
  • hardiksolankigd
    hardiksolankigd
    • 7 months ago

    Please have a look at entry number #6 its clean and smooth uu design animation. Hope you like it.

    • 7 months ago
  • rmargamanggala
    rmargamanggala
    • 7 months ago

    working

    • 7 months ago
  • anky88
    anky88
    • 7 months ago

    Dear Contest Holder, Do you accept Figma animation ?

    • 7 months ago
  • TilakMirajkar
    TilakMirajkar
    • 7 months ago

    Hey contest holder, I have read the whole description and got the whole point!! Working on it..

    • 7 months ago
  • TilakMirajkar
    TilakMirajkar
    • 7 months ago

    Hey contest holder, I have read the whole description and got the whole point!! Working on it..

    • 7 months ago
  • devrajkwsik
    devrajkwsik
    • 7 months ago

    #extended

    • 7 months ago
  • MedRiyadh
    MedRiyadh
    • 7 months ago

    where is your chat bot logo

    • 7 months ago
    1. vw7865969vw
      Contest Holder
      • 7 months ago

      i don t have one - just make one from a vectorized bike symbol -

      • 7 months ago

Show more comments

How to get started with contests

  • Post your contest

    Post Your Contest Quick and easy

  • Get tons of entries

    Get Tons of Entries From around the world

  • Award the best entry

    Award the best entry Download the files - Easy!

Post a Contest Now or Join us Today!