Tags Archives Category Books

Case Study Illustration UI/UX

Case Study: ABUK. Custom Book Cover Design for Audiobook App

The design case study on books in the times of digital experience: creating custom book covers for ABUK, an online audiobook store. Packed with tons of graphics.

It seems that within the last half-century the world has witnessed one of the most dynamic stages of its progress, especially in the sphere of technologies that are evolving and improving faster and faster. So, people adjust their routines and education to the new reality encouraging designers to find new approaches and try new solutions. Books have become one of the bright examples. Our today’s case study will uncover the project devoted to books in the times of digital experiences. Welcome to see how we create custom book covers for ABUK, a big online audiobook store. The case study is packed with tons of graphics showing the creative process.

The team assigned to the project from the Tubik Studio side included Sergii Valiukh, Yaroslava Yatsuba, Serafima Shpin’, Ernest Asanov, Sergii Kucherenko, Vladyslav Taran, Kirill Sunny, and Kate Baikova.

book covers design abuk case study

Client

ABUK is a big library of audiobooks in the Ukrainian language. In fact, it’s the first audiobook store in the country, based on the original high-quality sound recording. It offers classic and contemporary Ukrainian and world literature to be listened to on smartphones and tablets. The project included mobile app design and development for iOS and Android, website design, and creative illustration. In this article, we are going to unveil only a part of the project, book covers design, although that particular part of the project had a crucial influence on all the aspects of the product functionality and promotion.

audiobooks mobile app ui_tubik

Book Covers in the Digital Era

The main visual element representing books is their covers. For decades, graphic designers and publishing houses worked on the diversity of formats for book cover designs, from super minimalist and typography-based to bright and catchy with custom photos or illustrations.

book cover digital

When the progress stimulated the advent of audiobooks, it didn’t bring too much revolution to the cover design: the original book covers were just resized and adjusted to the needed format of the packaging for the records, cassettes, or CDs.

book cover digital

However, working on the ABUK application, we’ve realized that in the era of digital products, book cover design requires a thoughtful and original approach. You can’t just scan and downsize the existing paper book cover because on the mobile screen it won’t look attractive or even legible. So, based on the extensive research the design team offered the client creating original book covers to solve the problem.

book covers design

Diversity and Consistency

The biggest challenge, in this case, was to keep the consistency of the visual approach for a great diversity of content. The special design system was developed with two general concepts for cover designs. Some of the book covers were focused on a visual symbol from a book presented with a 3D model while the other ones, more complex and artistic, featured unique illustrations adapted for mobile devices. This approach not only increases the originality of visual design presentation but also helps to transfer the emotion of any book effectively.

Let’s take a closer look at these two types of covers.

Medium Covers (3D Art)

Medium-level book covers are built around one prominent visual symbol reflecting the book plot and presented in the 3D art form. The hardest challenge here was to work out a physical detail that would set a strong connection with a book, limiting it to only one particular object. Below you can look closer at the stages for this type of covers: creating the 3D models and then giving them style and skin with colors, textures, and shadows.

Below you can take a look at the path from wire models to finalized book covers with 3D graphic elements.

book cover design tubik studio

book cover design tubik studio

Book cover design for the collection of short stories by Edgar Poe

book cover design tubik studio

book cover design tubik studio

Book cover design for The Lover

book cover design tubik studio

book cover design tubik studio

Book cover design for On the Blood Field

book cover design tubik studio_wire

book cover design tubik studio

Book cover design for The Attorney from Lychakivska

book cover design tubik studio

book cover design tubik studio

Book cover design for That Was How Huska Perished

book cover design tubik studio

book cover design tubik studio

Book cover design for To Live Up To Spring

book cover design tubik studio

book cover design tubik studio

Book cover design for Samum

Here’s the collection of book covers designed in this style for the ABUK application.

abuk 3d images book covers

3D modeling for the book cover arts

abuk 3d images book covers

Collection of final designs of book covers with 3D graphics and typographic part

Maximum Covers (2D Illustrations)

Maximum covers aim at more detailed 2D images that offered a higher level of flexibility of compositions and visual metaphors for the cases when physical objects aren’t enough to reflect the book essence or the accent should be put on characters. Illustrations of this type also opened more opportunities for using more complex color palettes, tints and shades, patterns, textures and visual effects, negative space, and specific small details.

The creative flow started from the rough sketch of an idea for a book cover graphics which was approved together with the client and then transformed into digital illustration and polished. Take a look at some of the illustrations for book covers created in this style.

bradbury book cover design

bradbury book cover design

bradbury book cover design

Iterations of the book cover illustration for Fahrenheit 451 by Ray Bradbury

hound baskervilles sketch illustration

hound baskervilles book cover illustration

The sketch and polished book cover illustration for The Hound of the Baskervilles by Arthur Conan Doyle

hemingway book cover design

hemingway book cover design

Sketch and book cover illustration for The Old man and the Sea by Ernest Hemingway

invisible man illustration sketch

invisible man illustration

Sketch and book cover illustration for The Invisible Man by Herbert Wells

tender night illustration sketch book

tender night book illustration

Sketch and book cover illustration for Tender Is the Night by F. Scott Fitzgerald

halaxy book cover sketch

halaxy book cover sketch

Sketch and book cover illustration for The Hitchhiker’s Guide to the Galaxy by Douglas Adams

ohenry stories book cover

Book cover illustration for the collection of short stories by O.Henry

ibsen illustration book cover design

Book cover illustration for A Doll’s House by Henrik Ibsen

sallinger illustration book cover

Book cover illustration for The Catcher in the Rye by J.D.Salinger

schweik book cover illustration

Book cover illustration for The Good Soldier Schweik by Jaroslav Hašek

intention book cover

intention book cover

Sketch and book cover illustration for The Intention by Lubko Deresh

karlsson book cover illustration

karlsson book cover design

Book illustration iterations for Karlsson on the Roof by Astrid Lindgren

judge book cover sketch

judge book cover illustration

Sketch and book cover illustration for The Judge Will Come by Volodymyr Lys

century book cover sketch

century jacob illustration sketch book

Book cover iterations, sketch, and illustration for Jacob’s Century by Volodymyr Lys.

Below you can see some of finalized book covers based on that approach, featuring custom 2D illustrations and typographic part with the book title and author.

book covers 2d illustrations

Collection of final designs of book covers with custom 2D graphics and typographic part

After the book covers are designed, they are tested as a part of the app interface.

ui covers tubik design

The work is still in progress as the ABUK audiobook store is constantly growing so the Tubik team is working on new creative book cover designs. Stay tuned to see more!

audiobook store_ipad_ui_tubik

More Design Case Studies

Here’s a set of more case studies sharing the design solutions and approaches for some of the design projects done by Tubik.

Case Study: HUAWEI. Icon Design for EMUI 10

MYWONY. Storytelling with Brand Intro Design

Moonworkers. Digital Illustrations on Film Production

Credentially. Website Creation with Webflow

Illuminating Radioactivity. Interactive Web Design for Education

Lumen. Website for Museum of Mountain Photography

GNO Blankets. Branding and Web Design for Ecommerce

Designer AI. Dashboard and Graphics for Fashion Service

Florence App. Illustrations for Healthcare Service

Tubik in Paris. Design Process for Narrative Illustration


Welcome to check designs by Tubik on Dribbble and Behance