Cards System

We’re happy to share more UI details for the TRVL project in the coming weeks. If you haven’t done so, you can now sign up for the beta, we’re letting in more people every week!

Card System
One of the challenges we tackled with TRVL was designing a consistent and versatile design system. The interface should scale easily to mobile, and at the same time feel right at every screen resolution. To display core information in the TRVL interface (Flights, Hotels & Activities) we chose to use cards as they offer a way to group and display different types of information, in a responsive way. The top of a card can also be used to add some additional visual excitement like photos.

Cards can stack horizontally, vertically and even become rows on mobile 🎉

View the portfolio item on our website.

—

Made with the @Yummygum team and for TRVL.