Stencil Din | part 10
Welcome Screen
Beekeepers animated
Twitter "Like" Animation
NSConf - Animation
This is the animation I did for NSConf. We ended up simplifying it in the front-end. I would've also liked to animate the abstract shape in C4D so it could be zoomed in/out and rotated as well. But the scope of the project didn't allow enough time unfortunately. Anyhow, I am very happy with the results we achieved considering the limited time frame.
Let me know your thoughts!
Anchor product hunt animation
No Results animation
Empty states can be boring, so I wanted to design something with a little more movement. To test out my design concept, I coded this up in HTML and CSS: https://jsfiddle.net/iamsuthy/e4L2dyet/
The end result is going to be used as part of a user management area where there's a list of users on the left with a search box and the selected user on the right. If the search criteria returns no results, this will show in the right panel. Instead of different file types, it will have icons of people wearing different clothes (a guy with a tie, a woman in a business suit, maybe a unicorn randomly thrown in the mix). The copy will say something like "We searched far and wide and couldn't find anyone matching your search."
DI hover
Sportsmanias - Ronaldo
Tic Tacs animated
Concept Gif
Kitten Cards - Pack Opening
A simple prototype I created in Framer. Goal was to give our developers an idea of what opening a pack should look/feel like in our game, Kitten Cards.
A simple fanning out and flipping of the cards really helped our players to better perceive the cards as actual trading cards, rather than just simple cat images.
Haunted Forest
"Haunted Forest"
A quick illustration & animation.
Inspired by an illustration I've seen here lately.
For more cool stuff and freebies, check out my Facebook page: Anas Belmadani
For the AEP alongside the AI file: https://www.dropbox.com/s/50txv9zamjxt63u/Haunted%20Forest.rar?dl=0