Design with love: the creative process behind GO-JEK redesign

How the redesign is a mission to give more love to our users.

For those abroad; GO-JEK is the largest application-based on-demand service provider in Indonesia.

We provide daily services for transportation, food delivery, logistics, payment and even lifestyle services like massage and makeup.

Millions of Indonesians use GO-JEK, every single day.

You can see how GO-JEK connects with people and helps them in their daily activities below: it’s the people’s brand.

Shout out to GO-JEK’s marketing team who created this hella-good ad!

The fact that GO-JEK receives so much love from the people, it made us reflect and ask ourselves:

Have we shown them enough love through our app?

The answer is simply no.

The self-reflection

You. Yes. You.

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

Copy that still sounds like a robot.
The 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. — Myself

As UX writers who design the 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 want to strengthen the emotional bond with our users, by giving our app a soul and characteristics through our design, to show our users the love they deserve.

To do that, I’ve learned that at least we need three ingredients; the brand voice, the big theme, and the stories.

Let’s go.

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 as well to make sure we’re aligned. (I will post about how we did this on a separated article.)

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

1. Colloquial

We want to be our users’ friend, so we’re speaking in a manner that would relate to them and that means casual and conversational. Just like we would in daily conversation 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 that we’re sensible in being resourceful so users feel that 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 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 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 Indonesian people, we would like GO-JEK to reciprocate that sentiment as best as we can.

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

A peek into some of the mood board that we’ve compiled.

Our big theme summed up in a few words would be “The Candid Life 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 have the big theme, now we can go to the best part.

Writing the story for each screens

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?

Yaaasss, visual!

To complete the story, we put that ‘friendzone’ meme, which kinda popular meme in Indonesia, as the last piece of the puzzle.

Don’t be broken hearted 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…
Some of them came from here.
The scenes that are very familiar and relatable to Indonesian netizens.
And another one… two… three…
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 very 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.

Ending on a final note

Now it all makes sense why it’s called user experience writers. Besides making clear copy about guiding users in achieving their goals, we also have to spur the excitement in that process, to make that 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 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 thing is… this is just the beginning of what GO-JEK redesign can offer, so stay tuned!

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