DUDEO live app
Love snow
brokeLads
102_amount
Dribbble Invite
Transactions Interaction
Hotel4box Logo
Papara Landing Page
Shopping Cart Interaction
Catch me emoji 🙂
Testing Framer and its animation panel.
Code below
----------------
Framer.Device.deviceType = "iphone-6-silver-hand"
background = new Layer
width: Screen.width
height: Screen.height
background.backgroundColor = "#79A2FE"
smile = new Layer
width: Screen.width/10
height: Screen.width/10
image: "images/upside-down-face_1f643.png"
smile.centerX()
smile.centerY()
smile.on Events.MouseOver, ->
smile.animate
properties:
y: Utils.randomNumber(Screen.width/10,Screen.height-Screen.width/10)
x: Utils.randomNumber(Screen.width/10,Screen.width-Screen.width/10)
rotation: Utils.randomNumber(0,360)
scale: Utils.randomNumber(1,6)
time: 0.5
curve: "ease-in-out"
Travel Exploration App Design Made with Studio
Hello Dribbblers!
I'm happy to share the very first shot of the travel app I‘m currently working on. This travel app is fully designed in @[50942:InVision] Studio which btw is a great tool for designers. Thanks to the implementation of Design tools & Motion interactions, Studio is very easy to use. Honestly, the tool is not perfect right now (as it crashes sometimes) but with every update on the app it is getting better. Till now I've designed about 10 screens and everything is supercool in Studio.
App Design
This time I was inspired from Instagram's stories layout and implemented it in popular destinations slider. You can swipe left and right to explore popular destinations and swipe up to get the details about that destination. You will get all the info About the place, Top experiences, Image Gallery, Ratings and Reviews by people around the world, Plan a trip, Themes like (Honeymoon, Nature, Adventure, Family, Friends etc).
I hope you like it!
Interaction Video and more screens coming soon :)
------------------
Show us love! Press "L"
Let me know your thoughts in the comments
------------------
You're always welcome to visit our amazing Blog
------------------
Want to see our design portfolio? Visit our Profile and remember to follow us :)
------------------
Credits
Content is not ready yet so i've used it from Lonely planet just to show.
Images from Unsplash and Pexels
Cosmogonia Styleframe
Daily UI Challenge #010 Share wheel fun!
Daily UI Challenge #010, fun share wheel interaction animation.
I'm trying to document my daily process on twitter, check it out @datguyale!
The Cheetah strikes back !!
Motion messages - A case study
Read the post here:
www.hannaedghill.com/motionmessage
This is the first case study in a series Im doing about motion graphics+user experience design. It's a boiling field at the moment, but so few that dive into it. Is there anyone else out there that calls themselves a MXD? (motion experience designer) Would love to chat :)
Immersive approach
Alien cell growth
Animated social media brand content
Personalisation Animation
A hint to swipe
PRO TIP - If you want to entice the user to interact, match the movement to the desired action: If you want the user to swipe horizontally in a regular post on instagram, make the content move in that direction. If you want the user to swipe up in your stories, well then, let the animations have an upward movement.
Read the post here:
www.hannaedghill.com/motionmessage