Design

How we make the GO-JEK app come alive

The creative process behind our redesign and a mission to give more love to our users.

Gojek

Nov 20, 2018 • 8 min read

By Galih Pambudi

For those reading this the first time; GO-JEK is the largest application-based on-demand service provider in Indonesia. We’re a Super App that does transportation, food delivery, logistics, payment and even lifestyle services like massage and makeup. All in one app.

Millions of Indonesians use GO-JEK, every single day. And we’ve launched in Vietnam and soon in Singapore, Philippines and Thailand. People love using GO-JEK and think of us as an Operating System that powers Indonesia.

The fact that GO-JEK receives so much love made us pause and ask ourselves:

Have we shown our users enough love through our app?

Probably not enough.

The self-reflection

We took a step back and went through what we previously had in our app.

An illustration that’s not that relatable.

It turned out, we hadn’t been showing character and consistency across all of our products.

As a result, our app didn’t leave a memorable effect on our users.

When you can’t feel someone’s character, you can’t feel their presence. When you can’t feel their presence, you can’t build a connection, and without a connection, there is no love.

As UX writers who design conversation inside the app, we don’t want our users to feel like they’re talking to a machine. The app should sound, look, and feel like GO-JEK.

So, along with the redesign of our transportation products and the home screen, we wanted to strengthen the emotional bond with our users. This comes by giving our app a soul and character through our design; to show our users the love they deserve.

To do that, I’ve learnt we need three ingredients, three distinct functions; the brand voice, the big theme, and the stories.

Without these, we weren’t doing justice to our users.

Tuning the GO-JEK brand voice

The brand voice tells people who you are, differentiates you from the rest, and it helps build trust.

Note from Google I/O 2017 on choosing the right words; UX Writing principles (What to say) + Brand Voice (How you say it) = Standout UX writing. So besides making sure our copy are all clear, concise, and helpful for the users, we can improve our UX writing by figuring out how our brand say things.

We discussed about our brand voice with other creatives from marketing and branding team to make sure we’re aligned. (I will post about how we did this on a separate article.)

Then, we broke down the details so we can apply it to any kind of use case in UX writing. As a result, these are the three main characteristics of GO-JEK’s voice:

1. Colloquial

We want to be our users’ friends, so we’re speaking in a manner that would relate to them. This means **casual and conversational; just like we would in daily conversations with a friend**, **slangs and receh jokes are included!**

2. Bright

**Like that one funny friend in our peer group that always brings good vibes**, we’re cheerful, and uplifting. When things doesn’t go as planned, we don’t complain, but we look at the bright side and think of ways on how a bad situation can be turned around. Life with a close friend like us is never boring or too serious!

3. Empathetic

Being empathetic means we’re sensible in being resourceful so users feel they’re actually being helped. We want to listen to their problems, show we understand and try to help in any way possible even though there isn’t a perfect solution.

By tuning the brand voice, we can define on how we should communicate with our users, in any scenario. Here is an example:

This is our previous ‘maximum distance’ error message, without GO-JEK voice.

And this one is our new ‘maximum distance’ error message, with GO-JEK’s voice.

For the Indonesian version, instead of saying safety first, we put a local touch by using the term ‘masuk angin’ a.k.a trapped wind. Indonesian people believe that the wind makes you sick. So we put the driver on the center and say we don’t want the driver to get sick because the trip is too far.

Another example. This is our old ‘server error’ error message.

This is our new ‘server error’ error message, with the GO-JEK voice.

And this is the Indonesian version, we use ‘padat merayap’, local term for traffic jam, as a metaphor for server error.

Okay, the brand voice is all set. What’s next? What can UX writers do to amplify the brand voice in our app?

Defining the big theme

The big theme is the glue that brings together the copy, illustration, and everything else in cohesion. It strengthens the brand voice, and it distinguishes us from other products.

These were our previous ‘no internet connection’ error screen.

As you can see, the illustration style was different, the writing style was different, the content of the illustrations was different. Well, out of nowhere, there’s a UFO.

In order to bring everything together, we tried to find that one big theme that can represent GO-JEK.

As a product that’s dearly loved by Indonesians, we would like GO-JEK to reciprocate that sentiment as best as we can.

Long story short, we compiled many pictures and created a mood board. From there, everything started.

A peek into some of the mood boards we compiled.

Our big theme summed up in a few words would be “The Candid Lives of Indonesians”.

Depicting everyday life and reflecting our personality of colloquial, bright, and empathetic; our theme, our copy, and our illustrations are light and cheery, mirroring settings immediately relatable to our Indonesian users which can include memes and receh jokes.

Once we nailed the big theme, we got to the best part.

Writing the story for each screen

Stories allow us to digest information easier. They make the message more memorable and help people relate better.

This is the example of an ‘order canceled’ error message that doesn’t have a story.

This one’s with a story. We tried to put ‘move on’ as the story for this message. For Indonesian people, the theme of love is quite popular and very relatable.

This is the Indonesian version. We didn’t translate apple to apple, but the meaning is the same. This one says something along the lines of, “Oh, no. He’s not the one.”

Okay, the copy is now crafted, what else can we do to make the story on this screen more powerful?

YESSSS, visual!

To complete the story, we put a ‘friendzone’ meme, which is immensely popular in Indonesia. It was the last piece of the puzzle.

Don’t be heart broken if you get this card. There are still many fishes in the sea 😝

With “The Candid Life of Indonesians” as our big theme, together with the illustrator Fauzy Lukman, we gathered stories by capturing scenes, insights, jokes, and anything that Indonesians can relate to. Then, we visualize it on our app. Wanna take a look at some of the processes and the final results? Here you go.

This is our creative brainstorming session. We invited people and held the session to gather ideas for our error states in the form of rough sketches. (I’ll post something on how we did this later!)

Here are some of the “presentable” rough sketches we got from the session. Luls. Although we didn’t use much of the rough sketches from the session, the session itself has been really useful for our team to kick-off the ideation process.

And there you go, here are some of the final results. If you’re wondering from where some of the ideas came from…

The scenes that are very familiar and relatable to Indonesian netizens.

We wanna keep them coming but this post will be too long.

The feedback

After a long journey, it was finally time for the launch.

To our surprise, the feedback from our users have been lovely. Here are some of them.

Some of the screenshots that we found on the Internet. They love our new design. We love you too. We’ll give you more.

On a final note

Now it all makes sense why it’s called user experience writers. Besides making a clear copy about guiding users in achieving specific goals, we also have to spur the excitement in that process to facilitate a delightful user experience.

It’s not only a matter of informing our users about what they should do next, but also how to break down that information in a manner that would “speak” to them, with the brand voice of our product.

In GO-JEK’s case, to give love back to our users, we need to empathize with their wants and needs, and also what they like and what’s relatable to them.

Also, the best part… this is just the beginning of what GO-JEK’s redesign can offer, so stay tuned!

Wait, don’t just stay tuned. Ride with us!

Please do leave a 👏 if you like what you read. Designing a Super App with 18+ products is an incredible journey. There are tonnes to do and more to learn. If this is fascinating and you want to be part of a company that wants to conquer Southeast Asia, here’s your chance. JOIN US! I can guarantee a trip of a lifetime! Check out gojek.jobs for more. Or… leave a comment.