Designer Turns Mundane Life Into Graphic Stories on The Back of Coffee Recipes and Organizes Papers Into Massive Web Archive – Design You Trust

Designer Turns Mundane Life Into Graphic Stories on The Back of Coffee Recipes and Organizes Papers Into Massive Web Archive


Hopes and fears, dreams and travel, happy and mundane life in Japan are the core sources of inspiration for the hand-drawn comics of Chinese-born artist Odding Wang.

More: Coffee Receipt Stories h/t: readymag


In 2017, her self-doubt and penchant for coffee culture led him to draw a short story on the back of a coffee recipe. Now, five years later, the number of comics has grown to over 700, most igitalized and organized into an easily-navigable website that combines the warmth of hand craft with cutting-edge web technologies.


Like many, Odding has been drawing and writing stories since she was very little. A designer with Ogilvy Japan, she always worked on personal projects — some even generated international recognition, opening opportunities to create both analogue and digital artworks for Moleskine, McDonald’s, Google and other high-profile brands.


On the Christmas Eve of 2017 — one of those days that Odding felt neither inspired nor motivated, just lost in the miserable feeling of self-doubt — she decided to go to a nearby cafe to have a drink and some fresh air. Sitting in the cafe, she saw a person writing something on the back of a receipt. Instantly, she realized all she had to do to quiet her self-doubting mind down was pick up her pen. She drew a little story on the back of her receipt and immediately felt much better.


Though she’s now exceeded 700 creations, she only expected to create some 100 illustrated stories for fun. The first 150 or so were all collected in Japan. Then she began drawing comics while traveling overseas: 8 other countries were added in the next 2 years, until the Pandemic hit. These include Odding’s home country China, countries outside Asia such as Colombia and Morocco; and cafes in the airports when she was transferring, such as Toronto and Dubai.


Odding started to organize her stories online after collecting more than 600. By then she had a clear vision for her future website: its main goal was to let the viewers feel like they were looking at real receipts, so she wanted to keep sizes close to the actual scale.


hat’s why she decided to go without a mobile version — phone screens are too small for such an experience. Since all the receipts are of different sizes, it was impossible to put them into a standard grid. Odding thought of using very small units for the grid and trying to fit each in.


That still sounded like a huge amount of work and felt too challenging for CSS. A developer friend that used Readymag, a design tool to create websites without coding, for prototyping and wireframing recommended it to Odding. She quickly established that it would allow her to simply drag and drop each receipt image to wherever she wanted, and that seamlessness won him over.


The most time-consuming and tedious part of the workflow for this website was scanning, cleaning up and editing all the receipts, which took a few months in total. With Readymag, the rest of the work (including UI and UX design) took just a few weeks in total. .


Odding laid out both sides of each recipe side by side and created a 0.1s opacity transition for hover state. This stunt made it easier for readers to examine the front and back of each receipt without adding extra buttons. A custom cursor was another fancy website feature used by Odding, who drew her own cursor so the whole site would look more handmade.


This website was challenging since there was no font to use (all text is hand-drawn), and everything else is image based. Fortunately basic principles like scales and kerning are still relevant. The biggest thing that stood out from typical web design is that Odding uses all-caps for descriptions, carrying over a tradition used in comic and graphic novels.

Odding recently quit her full time marketing job to work on her own, so expect more graphic stories on her website soon.

If you want more awesome content, subscribe to 'Oh, Design You Trust,' our brand new Facebook page! Trust me, you won't be disappointed.

More Inspiring Stories

Icelandic Cartoonist Reveals His Grim Sense Of Humor, And Here Are Some Cartoons To Prove It
This New Yorker Cartoonist Might Make You Laugh With Her Witty Single-Panel Comics
Intricate Paper-Cut Illustrations By Maude White
Gentle Paintings of Girls by Huaishen J
Faded Memory: An Artist Painted Over His Friends That He Don't Remember
Love Is: This Couple Illustrates Their Ups And Downs In Sweet And Relatable Comics
Meet Hilda: The America's Forgotten Pin-Up Girl
The Goblins Will Get You If You Don’t Watch Out – 1920s Nightmare Fuel
An Artist Reimagined Her Life As A Potato In Cute Sad Comics
The Incredible 3D Crochet Creations of Digital Artist Akbar Erabiyan
Funny And Slightly Inappropriate Comics From "Fruit Gone Bad"
The People's Cup Project
Iconic Images Painted With Coffee by Maria A. Aristidou
The Little Trashmaid: Artist Imagines Ariel in the 21st Century
If Miyazaki Depicted War in Ukraine: Illustrations of Yulia Tveritina
This Handmade Belly Fat Coffee Mug
Japanese Latte Artist Creates Beautiful And Colourful Depictions Of Various Bird Species
The Self-Taught Digital 3D Artist Pushing the Limits of Cyberpunk Surrealism and Digital Fashion
Beautiful Otherworldly Artwork Of Cyril Rolando
Colombian Artist Creates Illustrations Inspired by Medieval Drawings and Scientific Atlases
Artist Creates Relatable Cartoon Posters Of Super Women By Using AI And Drawing By Hand
Antonio Santin's Hyperrealistic Paintings: Uncovering the Artistic Treasures Hidden Under the Carpet
Fragmented: Transforming Broken Plates into Art