Quantcast
Channel: Dribbble / animation
Viewing all 166620 articles
Browse latest View live

Auto Costs - Form Behaviour

0
0
Auto Costs - Form Behaviour

Hey guys,
I've been posting shots about this project lately. In this animation I want to show you how the form works.

Focus — complete — next — repeat
Imagine you’re working on an important task and you know you have to be concentrated but you see a new notification on your phone, pum! You lose focus.

I don’t want that to happen while the users are completing the form. I need the user to focus only on the form and avoid any distraction from the page itself. So the form was designed to focus on one field at a time.

Once the user completes a step, he can go to the next one by clicking on the “Next” button or by pressing “Enter” or “Tab”. By using either the mouse or the keyboard the user can speed up the whole process.

The site is live autocosts.info

Would you like to know more about this project?
👉 Check out the case study: https://medium.com/@mcristaldo/ux-ui-case-study-auto-costs-find-out-the-true-cost-of-owning-a-car-86727a3da5dc

Valuable feedback and suggestions are welcomed! I’m always willing to improve my skills.


Value Icon Animation

Crying Baby

Interactivity Icon Animation

Previous Crying Baby

Parallax transition

0
0
Parallax transition

Parallax transition prototype for food blogger/meal planning application.

Engagement Icon Animation

Login Microinteraction

0
0
Login Microinteraction

Login progress microinteraction created in Xcode & Swift.

GitHub:

https://github.com/stevenyunglee/Log-In-Progress

Sad Window

Next Rainbow
0
0
Sad Window

Sorry for the bad crop :(


Rainbow

Previous Sad Window
0
0
Rainbow

Fun rainbow animation with playful transitions 🌈

As Seen On Tv

Previous Rainbow

MealTime - grocery list with delivery

Previous As Seen On Tv
0
0
MealTime - grocery list with delivery

Hi guys,

This is my first project after an online course.

Full project on Behance: https://www.behance.net/gallery/77983819/MealTime-shopping-list-with-grocery-delivery

Thanks for watching!

Kong_opening title

Next New mark

New mark

0
0
New mark

I got tired of the baseball cap, thought I'd spin up a new simpler mark. And because I'm working on my animation skills, I thought I'd see if I could make it move.

Planets Orbit

Previous New mark

Feeling Impatient

Previous Planets Orbit
0
0
Feeling Impatient

Just a quick little photoshop gif, born from some anxious feelings :)


Dance it out

0
0
Dance it out

Finally sharing some of the scenes I animated for the last CTIA 5G Spectrum video, done with the dream team @ILLO

Art by @[261571:Cristina Pasquale]

Airbnb Wip

Previous Dance it out

BASF Product Catalog

Previous Airbnb Wip
0
0
BASF Product Catalog

Product catalog application for the infamous German company. We wanted to create a simple and intuitive model for interaction that's why the matrix scheme came in handy. To present the interaction model on early stages we've created a set of animations with some flows. One of those animations is attached to this shot.

The North Face

Google Search

Previous The North Face
0
0
Google Search

My life is a constant cycle of having questions and Google Searching answers.

Viewing all 166620 articles
Browse latest View live