MyNews24 is a user-generated section of The stories here come from users.

Calvin Pedzai
Comments: 52
Article views: 4059
Latest Badges:

View all Calvin Pedzai's badges.

FNB's new website

26 July 2013, 20:28
I bank with First National Bank, the most “innovative” bank in South Africa but their latest move could not be termed anywhere in the innovative bracket. FNB released on 14 July, its revamped online banking website offering a responsive design to give a more enhanced experience for users on mobile devices. However, the new site has been met with several problems including unavailability of services and navigation issues, sparking widespread criticism.

It seems they missed a couple of tricks. In this post, I shed some light to how FNB could have rolled out their new offering, in a much better way by taking User experience into proper consideration.

FNB Company objectives

Lee-Anne van Zyl, FNB Online Banking CEO stated that they had reviewed banking sites across the world to benchmark themselves and expected to increase their online banking customers with this new platform. Their core aim was to make FNB the first truly scalable banking site on the continent, to shape banking experiences on mobile devices much better. In my opinion these are valid objectives and make a lot of sense towards the expansion of the brand across Africa. So what went wrong?

Complaints about the FNB site

Comments from Facebook expressed bad experiences due to the navigation, confusing tablet design and errors on the site. One response to these complaints from FNB which made me laugh was “We are confident that the more you experience the FNB site the more  you will appreciate ease and flow of performing a transaction”. Oh my.

If users have a bad experience, obviously they will not continually use it in the hope it gets better. Ease and flow of a banking experience should be dictated by its design and content strategy from the start.

The performing of a transaction is only part of the banking experience, as is clearly seen in a real bank. How clean the bank is, its staff and how the bank runs, adds a huge weighting to the experience whether or not I transact.

Just a couple more before we move on to how FNB could have approached this revamp.

On HelloPeter users had this to say
“The website is full of errors, I cant even view my transactions? The website font is poor and text resolution is pathetic. The old website was a winner. Please discipline the director who signed this hopeless website to go live. Or shoot the designers, your choice”.

“…it is very cluttered and nothing is where it used to be…then I tried being positive about it and check out the tutorials and guess what I find. ..they don’t correspond with the website. I develop applications for a living and know from previous experience to not roll out before everything is tested…I am utterly disgusted! Roll back to the old version is all I can say!”

“Why did the site go live without performing aggressive testing. Why isn’t the old website being published back online until all testing have been completed and the site is fully functional???”.

Its clear to see from these responses the problem not only lies with the design but the whole system its built on, being not so robust. I am sure you know of badly designed applications or sites which still get the job done well. So what should they have considered?

1. User needs

I have to say the first time I saw the site, I thought someone was playing a sick joke. But no, it was the new site. As a UX/UI designer for a digital agency, we have learnt to design applications based on what tasks users need to do. The first place to start was to understand the user and what they do on the current site (which FNB did. 300 participants in total) and why they do it, then focus on the business objectives. Using a user centric approach enables one to keep what is not broken working, while making way for new innovations. FNB seemed to have done the research but forgot to use it effectively.

2. Understanding Responsive design

To be fair, the FNB site actually resizes and rearranges its content very well. However Responsive design is not just about rearranging content to fit a smaller screen. Responsive design requires software development teams to focus on only the most important data and actions in an application for a mobile device. In one word. Prioritization. The context of a mobile user has to be taken into consideration. Their network signal, battery power, screen size and the environment they are using the device. The generally means very seldom does the same and all the functionality on the desktop view exist on a mobile device version. This is where Responsive design gives a true competitive advantage to other banks loading the whole site in a small screen. Even FNB’s mobile app developers understand this and have produced a smaller more streamlined offering of the main site’s functionality.

3. Gradual change

This is a major piece of the whole revamping process that FNB missed by a long shot. The previous site followed good web design practices and patterns whereas the new site is quite a drastic change from the original site. Naturally people do not like change and anything too drastic is jarring and will create emotions of anger, frustration and eventually abandonment. So how have big brands like Facebook and Google done it? Gradually. Small changes at particular intervals go a long way towards reassuring a customer the brand is still the same.

Areas of improvement for new FNB site

Responsive design encourages designers and developers to think mobile first then desktop view but it seems FNB got stuck on and ran with a tablet view. Here are a couple of bad web patterns only on the homepage that I feel could have been fixed.

  • Logo placement is smaller and at the bottom of the page. One would mistake the site for a phishing scam. Sorry that was a low blow but someone has to say it.
  • 5 menu levels have been reduced to two without re-categorizing sections resulting in a cluttered interface at the top
  • Search is small and on the left along with social media links
  • No clear indication to what is a button and what is a text field
  • Main content section has grey “gaps” which adds visually to the confusion
  • A help or tour guide to the new features would have been useful

I still believe FNB will learn from what their customers are saying and bring that magic. Already there are compliments around how the experience within the site has improved and that is a definite plus.

To read the original article and see the design I created for FNB go to

Disclaimer: All articles and letters published on MyNews24 have been independently written by members of News24's community. The views of users published on News24 are therefore their own and do not necessarily represent the views of News24. News24 editors also reserve the right to edit or delete any and all comments received. publishes all comments posted on articles provided that they adhere to our Comments Policy. Should you wish to report a comment for editorial review, please do so by clicking the 'Report Comment' button to the right of each comment.

Comment on this story
Comments have been closed for this article.

Read more from our Users

Submitted by
Seun Lenin Mogotji
Death road

The infamous R 25 road of Death that link Bronkhorstspruit and Groblersdal! Read more...

0 comments 212 views
Submitted by
Kobie Nel
Med aids for pets and domestics

Pets cannot take responsibility for themselves and therefore the owner takes that responsibility on themselves. Read more...

0 comments 567 views
Submitted by
Themba Rumbu
The Racism that is SA Rugby

Heyneke Meyer must fall. White privilege within the sporting code must be fought from all angles. The best player must take the field. Read more...

0 comments 878 views
Submitted by
Bizaboy Shongwe
Selfless leadership

Are politicians addressing the needs of the masses?

0 comments 235 views
The Cosatu conference decisions.....

The Cosatu 12th National Congress ended today in Midrand and two contentious matters that everyone thought may not be discussed actually found their way onto the agenda. Read more...

0 comments 393 views
Submitted by
Michael Ernest Meder
OUTA on EToll Debr

I really believe Outa is "smoking something" - they are now calling EToll laws unjust and irrational, a far cry from their initial stance of lack of public involvement. Read more...

0 comments 1004 views


E-mail Alerts The latest headlines in your inbox

RSS feeds News delivered really simply.

Mobile News24 on your mobile or PDA

E-mail Newsletters You choose what you want

News24 on Android Get the latest from News24 on your Android device.

SMS Alerts Get breaking news stories via SMS.

TV Get us in your home, on your television.

Interactive Advertising Bureau
© 2015 All rights reserved.
There are new stories on the homepage. Click here to see them.


Create Profile

Creating your profile will enable you to submit photos and stories to get published on News24.

Please provide a username for your profile page:

This username must be unique, cannot be edited and will be used in the URL to your profile page across the entire network.


Location Settings

News24 allows you to edit the display of certain components based on a location. If you wish to personalise the page based on your preferences, please select a location for each component and click "Submit" in order for the changes to take affect.

Facebook Sign-In

Hi News addict,

Join the News24 Community to be involved in breaking the news.

Log in with Facebook to comment and personalise news, weather and listings.