Transforming the most influential intellectual publishing house in germany
About
The previous website for the publishing company showcased the catalog but had several challenges that affected the user experience. It displayed books without integrated e-commerce functionality, which meant users had to locate sellers elsewhere. Navigation was confusing, as books from various publishing houses were grouped together, leading to a disorganized presentation. Inconsistent subpage designs and mixed calls to action resulted in a cluttered and unclear interface. Additionally, the site was not optimized for mobile devices and featured varying art direction across pages, contributing to a fragmented overall appearance.
To address these challenges, we implemented a comprehensive redesign focused on enhancing usability and functionality while honoring Suhrkamp’s legacy. The new design prioritizes mobile optimization with a flexible, responsive layout and features a structured content hierarchy that clearly organizes books by publishing house. Dedicated author pages now provide centralized information such as bibliographies, biographies, and event calendars. We streamlined the purchase process by incorporating clear product pricing and prominent "buy" buttons. The visual direction is modern and clean, yet it thoughtfully nods to Suhrkamp’s rich print heritage—blending tradition with contemporary usability for a cohesive, user-centered shopping experience.
The
Research
ReSEARCH &
DISCOVERY
Understanding user problems
The Suhrkamp webshop is outdated and fails to meet the standards of modern e-commerce. It lacks mobile optimization, with a rigid layout, and presents a disjointed user experience. Key elements like product pricing and calls to action, such as "buy" buttons, are missing, making it difficult for users to engage with and purchase books. The site’s content structure is cluttered, resembling a collage of ideas rather than a cohesive online bookstore, which leads to confusion and poor user engagement. A redesign is needed to provide a seamless, user-centered experience that meets current e-commerce expectations.
Finding the solution
To address these challenges, we implemented a comprehensive redesign focused on enhancing usability and functionality while honoring Suhrkamp’s legacy. The new design prioritizes mobile optimization with a flexible, responsive layout and features a structured content hierarchy that clearly organizes books by publishing house. Dedicated author pages now provide centralized information such as bibliographies, biographies, and event calendars. We streamlined the purchase process by incorporating clear product pricing and prominent "buy" buttons. The visual direction is modern and clean, yet it thoughtfully nods to Suhrkamp’s rich print heritage—blending tradition with contemporary usability for a cohesive, user-centered shopping experience.
challenges
& takeaways
The
Design
UI/UX Design Case Study
Landing Page & Navigation
The header provides a well-structured navigation reminiscent of a newspaper layout. Users can easily search or explore different publishing houses. The landing page features a slideshow to highlight the latest updates. The main menu presents a clean, logical structure, guiding users through content such as book categories, authors, and discovery sections.
Book teaser & book detail page
From the teaser, users can navigate directly to the book details page. The scalable design accommodates various media types and formats, ensuring flexibility. All key information is readily accessible, including recommendations for other books by the same author or similar titles. Book covers are rendered on 3D mockups for a consistent visual experience across the website.
Mobile landing page & book detail page
All necessary features were made available and fully responsive for the mobile version. For the first time, Suhrkamp users can purchase books directly from their mobile devices, enhancing convenience and accessibility.
Autor detail page & autor archive
The entire collection of authors is accessible through a dedicated search, allowing users to filter by various criteria for the most relevant results. Each author's detail page provides comprehensive information, including biographies, reviews, awards, works, and upcoming events.
Authors special
As Suhrkamp is deeply committed to their authors, we created special feature pages for curated authors. These pages highlight their work and leverage storytelling to enhance the website’s narrative.
Subscription teaser & footer design
As an exclusive addition, we proposed a Suhrkamp Premium feature that offers users early access to events, lectures, books, and special publications. Additionally, the website’s footer has a retro touch, inspired by the publishing house's typographic standards from the 1960s and 1970s.
