20 Creative Websites With Card-Based UI Design

Card UI offer appealing aesthetics: they are well behaved on a grid, and provide fluid behavior during interaction transitions. Cards present an illusion that everything one needs to know is right there in from of them. They mimic a bulletin board that can be scanned quickly. When a user wants to engage with the card, many interaction possibilities are available. The card can be animated, swiped, or flipped. In contrast to the tedium of scrolling, UI cards allow a range of interaction possibilities.

With billions of screens in different sizes. And maybe more import, new data-sources. The trend is that content is being aggregated into “a single experience”. This single experience is now almost always presented via different types of card ui patterns. The shift towards the card ui is now speeding up. It’s becoming obvious that products and services who fails to stay up-to-date is risking becoming obsolete. This post showcases 20 creative website designs that all exhibit popular traits of card UI design trend.

Hellowiktor

Hellowiktor

Magoz

magoz

Tedxwestvancouvered

tedxwestvancouvered

SHFT

shft

Weareshellshock

weareshellshock

Redsquarevodka

redsquarevodka

Stellar

stellar

Itsashapechristmas

Itsashapechristmas

Fonarhotel

fonarhotel

Stanford

stanford

Building with Nature in the city

Building with Nature in the city

HMT

HMT

Citco

citco

Sweetpunk

Sweetpunk

New Heights

new heights

Bonnemarque

bonnemarque

34

34

Molamil

Molamil

Annual Report

Annual Report

R/m Design School

R/m Design School


Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked