Pontus Wellgraf / Projects / UI Animations | Dribbble

Professional Diploma in UX Design

Advance your career with a Professional Diploma in UX Design

Log in Sign up

UI Animations

11 Shots • 5 Attachments

A collection of UI animations in environments, with the goal to bring UI designs to life with motion and to simulate interactions behind the visuals.

wellgraphic.com/portfolio/ui-anim...

More Projects

User Profile Animation

July 27, 2017

USER PROFILE ANIMATION Continuing on my motion explorations, mostly to explore techniques to make my work flow more powerful but also to continue the more in-depth thinking about the interactions and design principles from a UX standpoi...

1 attachment

user-profile-animation....mp4

Event Cards Browsing

July 20, 2017

EVENT CARDS BROWSING Cards are by far my favorite UI component at the moment. They are flexible, multi-dimensional and very interesting when set into motion. Here I'm playing around with browsing interactions of a pile of event cards fo...

1 attachment

event-cards-animation_....mp4

Design System - Motion Explorations

July 13, 2017

DESIGN SYSTEM IN MOTION Sneak Peak of a design system I have been working on for the past months. Excited to continue on it even more before I show it to the world but now I can't hold it anymore. Here are some motion explorations of va...

1 attachment

design-system-animatio....mp4

Mobile Statistics

September 13, 2016

Here comes some mobile statistics in motion! Swiping bottom bar through days and the curve for detailed hourly stats. What do you think about this? More to come - Follow for more! --- Website | Behance | Facebook | Instagram

1 attachment

mobile-statistics.png

Statistic Curves

September 08, 2016

Finally got some new motion to play around with! Animation of a statistic page with curves representing profile views throughout last and previous week What do you think about this? More to come - Follow for more! --- Website | Behanc...

1 attachment

statistics_curves_2x.jpg

User Profile - Animation

June 21, 2016

Simple transition animation when tapping in to a user profile! Until next time! --- Website | Behance | Facebook | Instagram

Find People - Animation

June 09, 2016

Animation of cards being swiped to explore and find people and their profiles. Swiped away cards is collected in a pile in the bottom which you either swipe up to go through them again or click to get an overview instead. Until next tim...

E-commerce product Browsing - Animation

May 18, 2016

Animation of an interaction concept in E-commerce based on multiple horizontal swipes to navigate through 1) Product categories and 2) sub-categories within those - Fast and intuitive, hope you like it! Until next time! --- Website | B...