Last week at Home Chef we launched a new version of meal cards throughout our web app. The thought behind the new flipping interaction was to surface key details that may be of interest to a user when picking a meal. This works in preventing them from needing to click away from the current page to find those details. It’s also a slight nod to the recipe cards that we send out with every delivery. ;)
Check out our menu page to see it in action:
This was designed in Sketch and the interaction was initially prototyped in Framer (http://jonahvsweb.com/home-chef/meal-cards/) and developed through pair programming with @Mike Gibson using CSS3 Flexbox & Coffeescript.
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.
© 2019 Dribbble. All rights reserved.
Almost Sold Out: Hang Time Workshops with Jon Contino, Danielle Evans, and MDS.
Minimum 6 characters
Uh oh… We’re still waiting for our spam prevention code to load.