Create loading animation in SVG for web app

  • Status: Closed
  • Prize: €50
  • Entries Received: 4
  • Winner: FawziMotion

Contest Brief

Create a loading animation for our web application in SVG (much like what Netflix loading screen looks like on their app). You will need to animate the letters VDBS in the file provided in a cool way.

Delivery consists at minimum of a html and svg that is animated with [login to view URL] and After Effects. See [login to view URL] as an example for what can be technically achieved (but not as visual inspiration).

Please note: Use the exact same color (exact color red on white), shape/font, provided in the file!

Guidelines:
- Use VDBS vector provided in the file (no other font will be accepted)
- Use exact same red color

Animation ideas:
- Walking outline and fill
- Shadows and merging shapes (like Netflix)

Recommended Skills

Employer Feedback

“Fawzi really understood the goal of the assignment and delivered great quality”

Profile image codeflies, Netherlands.

Top entries from this contest

View More Entries

Public Clarification Board

  • FawziMotion
    FawziMotion
    • 1 month ago

    Hello Sir,
    Please check #11

    • 1 month ago
  • Divyansch
    Divyansch
    • 1 month ago

    Do you specifically need the .json files? Because implementing it in CSS and javascript would be rather easier.

    • 1 month ago
    1. codeflies
      Contest Holder
      • 1 month ago

      I'm looking for complexity in the animation which cannot be achieved by css/js. Please see the lottie/bodymovin examples.

      • 1 month ago
  • Ivnbgtv
    Ivnbgtv
    • 1 month ago

    Also, After effects outputs .json files for Lottie. Is that format ok for you?

    • 1 month ago
    1. codeflies
      Contest Holder
      • 1 month ago

      Yes that is okay!

      • 1 month ago
  • codeflies
    Contest Holder
    • 1 month ago

    Guys thanks for you input but please note: use the exact same color (exact color red on white), shape/font, provided in the file!

    • 1 month ago
    1. Divyansch
      Divyansch
      • 1 month ago

      Please note that my entry #6 is actually the snapshot of the actual animation. Please visit the url for complete animation.

      • 1 month ago
  • Ivnbgtv
    Ivnbgtv
    • 1 month ago

    Hi! Can you attach the file? There is no files in your description.

    • 1 month ago
    1. codeflies
      Contest Holder
      • 1 month ago

      Hi Ivan, just uploaded it again. Could have sworn I did that before. Can you check?

      • 1 month ago
    2. Ivnbgtv
      Ivnbgtv
      • 1 month ago

      Yes, now it's attached!

      • 1 month 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!