ABook Modular Web Design Concept

Bang Bang Education shared a web design concept for ABook. 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.