Crowd-sourcing a New Design for Maybank2u

My recent blog post on Maybank’s website disaster has received a lot of shares and reads. More than 10,000 unique readers in less than 72 hours of it being published. Thank you so much for the support.

Being a designer myself, I was quite tempted to do a mock up of a new Maybank2u design when one of my readers shared a link with me.

bubble-shazaThis amazing designer, Shaza Hakim of Stampede Design has actually created a beautiful mock up of Maybank2u. It is obvious from her work that a lot of thought was put in the design. This is how a redesign should be, maintaining a similar look and feel, user-friendly and an interface that is intuitive and actually makes the whole online banking process easier.

Take a look at the login screen below: 



m2u-loginafter

A very clean interface, using the yellow and black corporate colours of Maybank. A few things I love about this look is:

  1. Very clean fonts and layout
  2. Beautiful use of colour
  3. Clear call to action buttons located properly (login, signup)
  4. Also love the fact that the “Help” info is immediately visible should the user face difficulty.

If there are any recommendations, it would only be a suggestion to place the login form on the right portion as oppose to the left. She has also redesigned the Account page which I think is sheer brilliant. Check it out below.

m2u-overviewafterOnce again, notice the following:

  1. Menu is clearly visible at the top with the “Logout” link.
  2. At one glance, I am able to find information that is useful to me such as summary of all my accounts, latest transactions and even quick links for “Recent Activities”
  3. The genius touch here is the function on the bottom left called “Quick Transaction”. A user can actually select one of the transaction types and make a quick transaction, drastically reducing the number of clicks needed to usually perform such actions.

Some of her comments on the design:

As a regular user, I focused on tasks I tend to use most: checking my account balance, transferring money and paying bills. Some of these simple information are buried deep into the existing Maybank2u website and require 4-5 clicks to get to.

My favourite function of this new design is the Quick Transaction panel. It will allow me to do transaction from anywhere on the site. I can also add recipient on the fly by clicking on the +Add New link.

Now this is what we call a re-design with a proper user interface and some thought process behind the design. It actually enhances the user experience, not mess it up. Kudos to Shaza for this piece of work! Somehow I wish someone from Maybank can actually see this and get this design for the online banking interface.

Do you have a design of Maybank2u you wish to share?

Kindly attach them in the comments below. I’d love to see what ideas are out there and how we can crowd source a superb design for Maybank2u. They may not give a damn but at least we can go to sleep tonight doing some virtual transactions on the imaginary layout above.

Note: All Maybank2u redesign images are by Shaza Hakim and Stampede Design. The designs were first published here.

Kugan Kumar

V.Kugantharan is the founder of Joy With Music, where he teaches adults and kids the joys of playing the piano. He also runs a web design agency, 504 Studios. A father of a very “opinionated” four-year-old, he divides his time between his passions — blogging, reading, music, design and books.

Comments (11) Write a comment

  1. Pingback: Lessons to Learn from the Maybank Website Disaster | V.Kugantharan

  2. wow i really like shaza design. Simple yet so much easier to reach the function i want. I would suggest maybank to look at citibank design. Simple. However, the citibank web site involved too many jquey and javascript, the response is quite slow. For me ,programmer no problem as i can wait a while to see. But for elder, they though no respond… they will double click or refresh it.

    Reply

  3. Dear Maybank, hire this person already! Absolutely loving the mock up design. The bokeh background makes the front page stands out. Blurred shadow margin lines to create subtle seperation and the beautiful selection of font.

    Reply

  4. why not make the page empty? like a google search page? i find all banks websites are very packed with things.. and yes, hire a proper designer… not just use your bank staffs and try to meddle with design.. or crowd source..

    Reply

  5. Users would appreciate that the account balance isn’t printed in godzilla size on the right region and then the left region. It’s very common to find ourselves logging in to our bank accounts at visible places, in the office, at the cafe, etc, you can’t avoid it.

    Bank account balance should be more conspicuous, entering the room like a floor sweeper rather than like a Oscar award winner of the night

    Reply

  6. Simply beautiful. Remove the gradient, shadows and italics. I am interested to see how she design it responsively. That’s one of the main aspect they launch the new design.

    Reply

  7. It’s a clean start. But doing the online banking design is the easiest bit. It would be nice to see mockups of the before-login website which has to cater to many different products, promos, and user activities. I’m sure a design like this would be nice, but it would test the designer on a lot more thought.

    Anyway, as a primarily Malaysia bank with some offerings (as opposed to a Citibank or Standard Chartered, which needs to cater to a LOT more) even the before-login website should not be easy to design. Certainly better than the “Metro” cr@p they came up with.

    Reply

  8. Tried and failed by maybank. Heard that this design was proposed before the metro but was nit liked by most at maybank.

    Reply

    • Gotta slow down there. This design was actually done in May 2013 as part of my weekly creative burst session at Stampede. We each have 2 hours every week to design whatever we feel like and this was a quick result of that. It was never proposed to Maybank – that was not the idea.

      I didn’t have any requirements aside from my own experience as a M2U user and this UX reflects that. Essentially, it was a design in vacuum, with no stakeholders’ expectations or technical limitations. I think there are many factors riding on new M2U we can only speculate as outsiders.

      Designing for committee is hard. Designing for millions of users is even harder. I look forward to the next iteration of M2U and I’m sure they’ll get better.

      Reply

  9. Design and technically feasible should be taken into consideration. There are many cases where very good design using designing tools but cannot be transferred into real application development for production implementation due to performance and security issue.

    I really like on how Google Mail and Yahoo Mail handle the design change. They take consideration of the slow network users and many more.

    Reply

  10. Pingback: Lessons to Learn from the Maybank Website Disaster | V.Kugantharan

Leave a Reply

Required fields are marked *.