Kiandra Insights

A Redesign for the Myki Website

Marielle Lee
by
Marielle Lee
Designer
|
December 10, 2019
Marielle Lee
Designer
December 10, 2019
Myki logo on a dark grey background

A few weeks ago, my Myki card was running out of money right before leaving work and, having some extra time, I went to their website to top up. WOW – the website looked exactly like how it did in 2013, which was how long ago it had been since the last time I’d visited. So, during my down time at work, I decided to re-design the Myki homepage.

First thing I did, was search if there were any concept design online, and found there were actually quite a few amazing concept designs for the app, but not a lot for their website.

Why the desktop version?

I always keep in mind that “mobile first design” is important and I wasn’t sure if it was worthy to re-design the Myki website desktop version. So I did some research and asked others about their experience with the website. I was surprised how engaged everyone was when talking about the Myki website and decided to tackle the problems they raised.

Primary research

I had a chat with over 20 people – at work and the gym, a few friends, mainly over why they used the website over the Android only app and what challenges they had on the website. Here are some of their grievances:

  • Hard to read
  • Buttons are too small
  • Too many wordings on home page
  • Hard to find what they want
  • Not multilingual
  • Not accessible
  • Can’t nickname cards
  • Can’t manage multiple cards in one go.

Here's the current homepage:

Current Myki homepage website

And the current top-up page:

Current Myki top up page

Secondary research

I get very excited when I get to do research because every time I do research, I gain knowledge. For this particular project, I looked over different country’s public transport ticket systems, including Asia, Europe, Canada, as well as our ones in Australia. I also got inspiration from credit card and top up cards.

I am particularly impressed by Presto from Canada and got a few inspiration from there, which included:

  • Their website is very simple yet professional
  • “Actions” are very straight forward
  • They separate users as “new users” and “regular users”
  • You can tell they are very “new user friendly” but at the same time encourage people to register an account without pushing them.

Personas

Combining the great insights from the people I spoke to, along with their pain points and needs, I formed the data into two personas. The wireframe I created would be based on solving the problems of these personas:

Casual Claire persona - user of Myki
Organised Oliver - user of Myki

With the Myki homepage, this is designed based on Claire’s needs:

Redesigned page focussing on the needs of users

With the Myki top up page, this is designed based on Oliver’s needs:

Redesigned interface focussing on viewing all Myki cards at once

And this is hi-fi:

Redesigned Myki homepage that is easy to use

With limited down time, I managed to do two pages and showed them to some of those that helped with my research. Most of them were very happy with the homepage, they could check their balance right away and all the “actions” were easy to find.

With the top up page, I was very glad to hear some parents saying it was a big ‘relief’ for them, when they had to manage six cards at the same time, as the new page was designed to save them time.

It was great to hear design could improve their experience and save time and why research is an important part of design. Listening to users, finding out their process, what they struggle with and what they need, and then creating a solution based on that, is so rewarding.

This is why I’ve really fallen in love with user experience (UX) design. I’ll continue to tinker on my new Myki designs, in the meantime, I welcome any feedback you have.

Share article
LinkedIn.com

More insights

A dynamic, abstract image showing a stream of three-dimensional arrows, mostly blue, all moving in the same direction against a dark background. A red and blue glow accentuates the movement, creating a sense of speed and momentum.

50% faster: how AI is transforming legacy system modernisation

Cassandra Wallace
29/4/2025

Legacy systems are becoming increasingly costly to maintain and dangerously slow to adapt. As customer expectations grow and compliance requirements shift, traditional software development methods can’t keep up. AI-assisted development offers a new path forward, accelerating modernisation without compromising quality.

Read more
Abstract illustration of a brain composed of colourful circuit board patterns, symbolising AI and digital modernisation, set against a dark gradient background.

Is your system ready for AI-assisted modernisation?

Cassandra Wallace
27/4/2025

Modernising legacy systems isn’t just a technical challenge, it’s a strategic decision that impacts your entire organisation. And with AI now transforming how modernisation happens, the question isn’t if you should modernise, but how to do it faster, safer, and more intelligently.

Read more
Illustration of two hands reaching out for a handshake, depicted in a halftone style on a bold red background with abstract circular shapes and white lines. Symbolises partnership or agreement.

What to look for in a low-code partner (and what to avoid)

Cassandra Wallace
17/4/2025

Low-code platforms like OutSystems are transforming how complex software is built - especially in regulated industries like government, healthcare, and financial services. But success with low-code isn’t guaranteed just because the platform is powerful. The difference between a successful project and a stalled one often comes down to the implementation partner.

Read more

Let’s discuss your next project

Whether you’re curious about custom software or have a specific problem to solve – we’re here to answer your questions. Fill in the following form, and we’ll be in touch soon.

Email

Would you like to receive an occasional email showcasing the latest insights, articles and news from our team of software experts?

Thanks for reaching out! One of our software experts will be in
touch soon to help you with your enquiry
Oops! Something went wrong while submitting the form.

This website uses cookies to improve your experience. By browsing our website you consent to the use of cookies as detailed in our Privacy Policy