CATALYST LEVEL UP : Putting Narratives in Isometric Infographic

November 29, 2019
Aji Pambudi

At Catalyst Strategy, we have a regular session where each individual in a creative team had to make a sort of new experimental output. We called, level up session. Each individual is supposed to find things that they want to level up in creative areas. To be ‘fresh’ again, to be ‘upgraded’. The outtakes are to share, learn, experiment, create, and present it among the creative team.

Today, I want to share with you my next Level Up. It’s about Isometric Illustration.

Before we started, some of you might be unfamiliar with it. Isometric comes from the Greek for an equal measure, and the parts that make up an isometric object will all align to the same scale of projection. The isometric illustration uses what is called isometric projection to create a visual representation of a three-dimensional object in two dimensions.

Here’s why I choose this for my Level Up:

A good illustration has a core narrative, isometric or not. In the isometric illustration, we can provide clear communication and also an ‘enjoyable’ visual at the same time. It works because it has shape, simplicity, and depth. They evoke the beauty of the flat design but with an added depth and dimension that makes each element more visually appealing and easier for the user to understand. In my perception, Isometric illustration might answer how to narrative a communication through visual.

My narrative idea is to give the audience a glimpse of role information inside the Catalyst Strategy. I set into three stages of each department (Strategic, Creative and tech), showing things that usually happen around them.

So here are some steps in my Level Up:

1/ First, we need a rough sketch. The story or concept that we want to share here. I create 3 different worlds, consist of analyst/strategic, creative, developer/tech.

2/ An isometric illustration is a style of drawing which uses a technique called isometric projection. So firstly we need to make guidance. Pull the arc 15 degrees from the straight side, both left and right.

3/ Then repeat it in full page.

4/ Then we turn the saturate color from the guideline, so we can focus on illustration afterward. We start to build the stage or based.

5/ Along with that, we make the ornament graphic to be composite in the illustration.

So, here’s the result.

I hope you find it as easy to learn, and then you can try — to make your own isometric illustration.

More from our storytellers:

The Language That All Developers Should Learn

How to improve the quality of life in this pandemic as a web developer

Why Digital Storytelling Matters Even More Now

How Watching Films Helps Me To Seek Inspiration In Visual Storytelling.

Bagaimana kita bisa sukses mempengaruhi perilaku orang banyak? Membangun narasi jawabannya!

How Changing Your Narrative Could Enhance Your Life

Contact Us