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

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

00

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

сoffeeOdding0

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.

сoffeeOdding4

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.

1

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.

1

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.

2

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.

3

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.

4

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.

2

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. .

3

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.

4

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 Design You Trust Facebook page.

More Inspiring Stories

Artist Olga Esther Subverts Princess Tales with Brush and Rebellion

Happy Cats, Coffee Shops And Carefree Times In TAO’s Cheerful, Detailed And Nostalgic Illustrations

Through Space at World Speed: Fantastic Illustrations by Michael Whelan

Revolutionizing Taiwan's Art Scene with Unique Badass Tattoo and Photography Fusion by Gladys

Love Is: This Couple Illustrates Their Ups And Downs In Sweet And Relatable Comics

Chilean Artist Finds Humor In Everyday Life, Here Are His Superb Minimalist Comics

How Ainsley Drew's Terrible Drawings are Bringing Smiles to Faces Everywhere

War and Peas: Brilliant and Funny Comics for Dirty Lovers

Model with Bionic Arm Will Walk the Runway at New York Fashion Week

Artist Uses Coffee Spills To Create Cute Coffee Monsters

A Glimpse into the Mind of Yiiokii, Where Chaos and Creativity Collide in Harmony

The Intricate Intersection of Gore and Kawaii in Shintaro Kago's Iconic Artistic Vision

One-Panel Comics Filled With Absurd Situations And Silly Humor By Tom Falco

Chinese Artist Hides Optical Illusions in Plain Sight

Truthful Office Idioms Highlighting The Absurdity Of Office Speak

Bloody Conan and The Beloved Superheroes: Comic Illustrations by Mahmud Asrar

“Art But Make It Sports”: Side-Splitting Comparisons Shared By This Instagram Page

32-Year-Old Independent Modern Woman Draws Comics On Her Observations About Society

Amazing Vintage Art Deco Illustration of Classic Beauties by Henry Clive

Superb Posters and Advertising Illustrations by Black Madre Atelier

Singaporean Artist Creates Useful Infocomics About COVID-19 And How To Exercise Precaution!

Talented Artist Melissa Cooke Creates Fantastic Hyper-Realistic Drawings

Artist Creates Paintings That Are So Realistic You May Want to Look Twice

The Super Funny Single-Panel Comics by Navied Mahdavian

Artist Honors Diversity of Women With Her Unreserved Illustrations

An Artist Creates Mesmerizing Kinetic Sand Drawings Coffee Tables

"Icons Unmasked": Alex Solis Unmasks Famous Characters in Hilarious Series of Illustrations

Japanese Illustrator Enchants Twitter With Magical ‘Full Moon Coffee Shop’ That Only Appears To Exhausted People

Russian Artist Illustrates What Would Happen If Famous Characters Got Old, And Thor Is Too Cute

This Instagram Page Shares People That Decided To Ink Themselves With Badass Tattoos