Create loading animation in SVG for web app

  • Status: Closed
  • Nagroda: €50
  • Uzyskane Zgłoszenia: 4
  • Zwycięzca: FawziMotion

Opis Konkursu

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)

Zalecane Umiejętności

Opinie o Pracodawcy

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

Zdjęcie profilowe codeflies, Netherlands.

Najlepsze zgłoszenia do tego konkursu

Zobacz więcej zgłoszeń

Publiczna Tablica Wyjaśnień

  • FawziMotion
    FawziMotion
    • 5 lat temu

    Hello Sir,
    Please check #11

    • 5 lat temu
  • Divyansch
    Divyansch
    • 5 lat temu

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

    • 5 lat temu
    1. codeflies
      Organizator Konkursu
      • 5 lat temu

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

      • 5 lat temu
  • Ivnbgtv
    Ivnbgtv
    • 5 lat temu

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

    • 5 lat temu
    1. codeflies
      Organizator Konkursu
      • 5 lat temu

      Yes that is okay!

      • 5 lat temu
  • codeflies
    Organizator Konkursu
    • 5 lat temu

    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 lat temu
    1. Divyansch
      Divyansch
      • 5 lat temu

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

      • 5 lat temu
  • Ivnbgtv
    Ivnbgtv
    • 5 lat temu

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

    • 5 lat temu
    1. codeflies
      Organizator Konkursu
      • 5 lat temu

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

      • 5 lat temu
    2. Ivnbgtv
      Ivnbgtv
      • 5 lat temu

      Yes, now it's attached!

      • 5 lat temu

Pokaż więcej komentarzy

Jak rozpocząć z konkursami?

  • Opublikuj swój konkurs

    Opublikuj swój Konkurs Łatwo i szybko

  • Uzyskaj tysiące ofert

    Uzyskaj Tysiące Ofert Z całego świata

  • Nagródź najlepszą ofertę

    Nagródź najlepszą ofertę Pobieraj pliki - Łatwo!

Opublikuj Konkurs Teraz lub dołącz do nas już dziś!