Getting Creative With Small Screens
SMRTR summary
Web designer Andy Clarke tackled a pointed critique from reader Phillip Bagleg, who challenged him to prove that magazine-style web design isn't just beautiful but actually practical on mobile screens.
Clarke's solution? Stop thinking in endless columns and start designing "moments" instead.
Using a fictional country music star named Patty Meltt as his muse, Clarke demonstrated how horizontal scrolling can transform cramped mobile layouts into engaging experiences. Rather than stacking album covers vertically in a monotonous feed, he arranged them horizontally, letting users swipe through like flipping magazine pages.
His most clever trick involves orientation changes. When someone rotates their phone to landscape mode, the entire layout recomposes itself rather than simply stretching wider.
Clarke's approach pushes content off-canvas and creates scrollable mini-spreads that preserve editorial personality on small screens. The key insight: small screens don't make design harder, they make it more deliberate.
"Design is storytelling," Clarke concludes, "and just because there's less space to tell one, it shouldn't mean it should make any less impact."
SMRTR provides this summary for quick context. The original article belongs to CSS-Tricks.
Read the original article