Project Duration

On going

Team

Sole Designer

My Role

Layout Design, Illustration, Typography

mBook

"mBook" is short for mobile book. This project is about uploading the redesigned classic literature to reading app and giving readers the chance to sit down with a great book everywhere.
I was bought to this project as graphic designer. So far, I have created
30+ mBooks on the platform.

all screen.jpg
THE  CHALLENGE

Each book so far in the mBook Collection has come from the public domain. Being at least 70 years old, though they have themes, ideas and characters which all feel still current, the quality of illustration are too poor to be used. And since we changed the format from book to mobile device, the layout design need reconsideration, not only squeeze every thing into screen.

Screen Shot 2019-09-29 at 9.15.40 PM.jpg
logo2_3x-8.png
Screen Shot 2019-11-17 at 12.45.30 PM.pn
Of All Things

Robert C. Benchley

Design Explorations

So I traced the outline of every picture. However, it still looks so plain and unfinished. After some design explorations, I decide to fill the black white illustration with bright  color.

img07_p037.jpg
img10_p050.jpg
img14_p073.jpg
07-01-01.png
10-01.png
14.png
with text.png
no text.png
F2.png
logo.png

London, William Heinemann, 1918 [first edition].

111242-01.png

The original cover is too old to be used in app, and the image quality is too low and the color is also not friendly for a mobile device. I tried to cut-out the main objects from illustration of the book and try different bright color to match this fantasy story. I also put some texture to give it a new look.

The original logo is classic and simple in a serif typeface. I tried to add a  flow into the logo type to make it more dramatic. The color of the logo differs from chapter to chapter in oder to match the head image for every chapter opening.

logo grey.png

(New Logo)

Design Explorations

Using the scanned copies of original books, I redesigned the covers by cutting and adding visual elements. I also adjusted the color tone for every illustration.

Screen Shot 2019-11-16 at 10.30.22 PM.pn
Screen Shot 2019-11-16 at 10.52.49 PM.pn
Screen Shot 2019-11-16 at 10.51.09 PM.pn
1242_2.jpg

(Final Cover)

1242_4.jpg
1242_1.jpg
no text.png

Some illustrations are only black&white lines, needed to be colored to match the style of other chapters.

final.png
mock.png
Asset 41.png
Screen Shot 2019-11-17 at 9.44.07 PM.png
KING LEAR

A tragedy written by William Shakespeare

The original illustrations are already in good quality and the style is still sharp and modern. To avoid the "out of date" feeling, I add glitter pattern and abstract graphics to every image to make it alive and charming.

Design Explorations

Using the scanned copies of original books, I redesigned the covers by cutting and adding visual elements.

_Act I, Scene 4 copy.jpg
1242_3.jpg
_Act I, Scene 4 opy.jpg
1242.jpg

(Final Cover)

001.png
2.png
mock.png
motion cover.gif
THE  RESPONSE

A lot of users would start reading those free classic literature before they subscribe the app. We’re hoping Stela will be a platform to get more people talking about great literature for some time to come.