Healthy Heroes (friends leaderboard)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
111,912,984,460 pixels dribbbled
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
25 Responses
Pro
zee7 ✽
Sharing the progress of this project.
Its the friends leaderboard where you add/delete/text/kick-in-butts/take-over friends.
I've attached an animation, explaining how does it work
The first phase explains how you can interact with your friends.
The second phase explains how your profile comes on top when you take over someone.
Would love to hear your thoughts on it.
3 months ago
@zee7 ✽ I don't really understand what the point is to be honest, but it's interesting, the flow seems nice, the looks are cool.
When I first saw it, I thought about a team leaderboard for companies. Kinda like you work on a project for a team and the manager attributes/removes exp points to members for completing objectives, etc...
A EMPLOYEE OF THE MONTH for the new era.
3 months ago
Pro
Daniel Fass
Damn, those speech bubbles looks so sharp!
3 months ago
Pro
Paresh Khatri ::::✈
even me too @Stéphane Reverdy not understand what is it something like timeline? whatever it is hope make sense after we use app :p lol Looks nice though
3 months ago
I really like the smooth transitions and playful style! Only thing is I'm not sure how fat finger friendly it is?
3 months ago
Pro
SanityD
nice concept : )
3 months ago
Pro
Yummygum
Wow, sick animations (and the design is super sweet as usual, love those speech bubbles man)
3 months ago
Pro
Samuel Couto
The animations look stunning - Very smooth and playful.
I don't know if the dark colors (background for example) math the playful style though.
3 months ago
Pro
Nigel Evans
Looks very nice indeed :)
3 months ago
Pro
zee7 ✽
@Stéphane Reverdy Its "Manage Friend" page. Where you see your friends by rank. Those who have high points come on top. By clicking on any avatar you get to see a menu/circlular and you can choose to remove friend, send message, kick in butts.
If you have seen the animation, the second phase shows how a user goes up when he takes over someone.
This app motivates you to excersize more and more in real life by combining the game like features in it.
3 months ago
@zee7 ✽ Then I'm totally on board. It's a nice approach, and it looks kick ass.
3 months ago
Pro
zee7 ✽
@Oskar Smith fat fingers :p Do you find something extra bigger here? I'd love to know (:
@Samuel Couto I've been doing this app in dark colors from the page one and can't really change the color scheme for this page only but i do have plans to make the whole app into brighter colors later. Thanks (:
3 months ago
Nice... Great work as usual sir. :o)
3 months ago
Pro
Ghulamali
nice work but i dont understand why background color different of these two phase (f-leaderboard.png) and (none-friends.png) @zee7 ✽
3 months ago
Pro
Aaron Sananes
The design & animations are unbelievable! Well done!
3 months ago
Pro
Jesus
LOL @Mini Bale
3 months ago
Pro
João Oliveira Simões
This is crazy. Thanks for sharing. I love the animations.
3 months ago
Pro
Eduardo Santos
Well done man, seriously rocking!
3 months ago
Pro
harwen
Cool！
3 months ago
Pro
zee7 ✽
@Shad Romero @Aaron Sananes @João Oliveira Simões @Eduardo Santos @harwen @Nigel Evans @Yummygum @Daniel Fass @SanityD Thanks for the kind words guys. I'm glad you liked it.
@Jesus :P
@Ghulamali Fixed, there was a adjustment layer which i totally forgot to add. Thx!
3 months ago
Pro
Ghulamali
@zee7 ✽ :P
3 months ago
Pro
Ricardo Salazar
Nice animations!
3 months ago
Pro
Avinash Tripathi
wud love to knw how u managed those animations :)
3 months ago
Pro
zee7 ✽
@Avinash Tripathi it was done in AE
3 months ago
Pro
Martin David
that is crazy cool!!! thanks for that fine inspiration!
about 1 month ago