Based in Philadelphia, USA, the design studio named SuperFriendly have been bravely working their way on sites and apps for screens of all sizes.
Bang Bang Education shared a web design concept for A—Book. Basically the idea was to design a site for searching, reading and listening books. The solution is to bring four key sections of the site to the main screen. So the main screen serves as a navigation through the tabs new, collections, genres and authors, rolling up into a sandwich menu inside each section. For better recognition, genres are color coded, the book receives the color of the genre. Illustration is a main graphic element inside collections, it metaphorically represents the content of a collection. “We also designed the ability to quickly switch between book/audiobook modes while reading or listening” added Anna Prikhodko one of the designers behind the project.