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 https://github.com/airbnb/lottie-web and After Effects. See https://www.lottiefiles.com/ 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
    • 5 years ago

    Hello Sir,
    Please check #11

    • 5 years ago
  • Divyansch
    Divyansch
    • 5 years ago

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

    • 5 years ago
    1. codeflies
      Contest Holder
      • 5 years ago

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

      • 5 years ago
  • Ivnbgtv
    Ivnbgtv
    • 5 years ago

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

    • 5 years ago
    1. codeflies
      Contest Holder
      • 5 years ago

      Yes that is okay!

      • 5 years ago
  • codeflies
    Contest Holder
    • 5 years 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!

    • 5 years ago
    1. Divyansch
      Divyansch
      • 5 years ago

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

      • 5 years ago
  • Ivnbgtv
    Ivnbgtv
    • 5 years ago

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

    • 5 years ago
    1. codeflies
      Contest Holder
      • 5 years ago

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

      • 5 years ago
    2. Ivnbgtv
      Ivnbgtv
      • 5 years ago

      Yes, now it's attached!

      • 5 years 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!