Looking for an icon + button animation which will be used on a website

  • Durum: Closed
  • Ödül: $250
  • Alınan Girdiler: 30
  • Kazanan: topdrawer

Yarışma Özeti

I'm looking for a button animation that will be played when a user who is reading a joke, thinks that joke is funny - so they'll tap the button to show that they've "laughed" at the joke.

I've attached the design of how the jokes will be styled, with some space at the bottom to add/show the "laugh" button with its animation from the neutral state to the "laughed" state.

Also attached are some graphics we use on the website (the hand & laughing face) which would be preferred to include in the button/animation. You do not have to use both the glove and the laughing face, or any at all for that matter. What I'm looking for is a clear animation to denote someone found the joke funny, similar to "liking" a post on a social media site.

It would also be preferred if the animation/button had an icon that resembled a "laugh" or someone laughing that could have 2 states - one for neutral and one for "laughed".

This animation will be seen 1000s of times throughout the user's experience, so it should be very simple and quick. It would be preferred if the animation took less than 600ms, but this is just a suggestion.

Please post any questions or comments in the contest as I will be checking and answering the feedback throughout the weeks.

What I'm looking for in your entry:
- This animation could be delivered using CSS, or could entirely take place in a GIF. There are no requirements on how the animation is delivered, so as long as it can be used and integrated into a website using standard web technologies.
- I'm expecting to see the "laugh" icon, as well as the animation on the "laugh button" when a user clicks it to see how it transitions from the neutral state to the "laughed" state.

Aranan Beceriler

İşveren Geribildirimi

“Great communication. High quality deliverables. High attention to detail. Thanks William, great work!”

Profil Görüntüsü tricewd, Canada.

Genel Açıklama Panosu

  • poojasaini3892
    poojasaini3892
    • 1 ay önce

    now i understood clearly.... working on it

    • 1 ay önce
  • tricewd
    Yarışma Sahibi
    • 1 ay önce

    Hello everyone,

    I will be choosing a winner for the contest tomorrow around 12:00pm EST.

    Please get any entries in before the deadline to be considered.

    Thanks

    • 1 ay önce
    1. poojasaini3892
      poojasaini3892
      • 1 ay önce

      okay sir..

      • 1 ay önce
  • harsamcreative
    harsamcreative
    • 1 ay önce

    is this contest still active, I'm working on it

    • 1 ay önce
  • islamriad
    islamriad
    • 1 ay önce

    Please check the entry no. #45 and description.

    • 1 ay önce
  • harpalsinh88
    harpalsinh88
    • 1 ay önce

    can you give more explanation or any demo so i could deliver more entries to you.

    • 1 ay önce
  • yosephadryan
    yosephadryan
    • 1 ay önce

    Hi, please kindly check #32.. I'm open to any discussion.

    • 1 ay önce
  • tricewd
    Yarışma Sahibi
    • 1 ay önce

    Hi Everyone,

    After reviewing the entries, I'd like to clarify what is included in the contest details:

    "I've attached the design of how the jokes will be styled, with some space at the bottom to add/show the "laugh" button with its animation from the neutral state to the "laughed" state."

    This means I would like to see this button/animation used within the space provided in the image "Joke.png" that clearly shows the neutral state, and the transition to the laughing state when a user clicks that button.

    Currently, very few entries include their animation in the space provided on the "Joke.png" image.

    Please revise and submit an entry that follows the contest details above.

    Thank you

    • 1 ay önce
    1. harpalsinh88
      harpalsinh88
      • 1 ay önce

      please check my both enries.

      • 1 ay önce
    2. tricewd
      Yarışma Sahibi
      • 1 ay önce

      Hi Ghazanfar, Those assets are included to help keep your design in line with the website’s design style, but they don’t have to be the starting/ending state.

      Please read the contest details carefully.

      • 1 ay önce
  • MahmodAbdelhakim
    MahmodAbdelhakim
    • 1 ay önce

    Kindly explain more so that i can achieve what you want to do

    • 1 ay önce
    1. MahmodAbdelhakim
      MahmodAbdelhakim
      • 1 ay önce

      I've animated the png hand, face and i need more info or edits so that i can make it done

      • 1 ay önce
  • MahmodAbdelhakim
    MahmodAbdelhakim
    • 1 ay önce

    Kindly CHeck#19 and feedback

    • 1 ay önce
  • MahmodAbdelhakim
    MahmodAbdelhakim
    • 1 ay önce

    Kindly Check #4 , #6 , #15, #16 entries and tell me if I'm working according to the reference or not

    • 1 ay önce
  • geraenriquezart
    geraenriquezart
    • 2 ay önce

    Does the button have to be rectangular? or square? dimensions if you can tell me

    • 2 ay önce
    1. tricewd
      Yarışma Sahibi
      • 1 ay önce

      The button and animation do not have size requirements, but should fit in the space provided at the bottom of the joke in the image joke.png

      • 1 ay önce
  • MahmodAbdelhakim
    MahmodAbdelhakim
    • 2 ay önce

    kindly check #3 and feedback ^_^

    • 2 ay önce

Daha fazla yorum göster

Yarışmalara nasıl başlanır

  • Projenizi ilan edin

    Yarışmanızı İlan Edin Hızlı ve kolay

  • Tonlarca girdi alın

    Tonlarca Girdi Alın Bütün dünyadan

  • En iyi girdiyi seçin

    En iyi girdiyi seçin Dosyaları indirin - Kolay!

Şimdi bir Yarışma İlan Et ya da Bugün Bize Katılın!