National Bank of Greece Developer Portal Logo

Developers Portal 2019

National Bank of Greece

After a successful launch in Drupal, National Bank of Greece's Developer Portal goes cutting edge tech in 2019. Drupal 8, React and Custom Infrastructure integration are just a few of the stuff we did for them.
Screenshot of the case study page inside an 27 inch iMac

Objective

Completely redesign National Bank of Greece's Developers Portal with the latest and greatest tools. A secondary objective was to set up a custom cluster infrastructure with complete redundancy and security to host the portal. The whole project has to be headless, versatile and cutting edge. Just like the rest of the Bank.

Approach

Getting deep in the cutting edge thing, we leveraged numerous technologies that are today's holy grail of web applications. Drupal 8, React JS, REST APIs, Custom integrations with the Bank's internal systems and last but not least, a cluster of 9 custom and high performing servers to serve this to the world.

Client

National Bank of Greece

Year

2019

Services Provided

Hosting, Performance, Redesign, Web Development

Technologies Used

Drupal

Difficulty

10

Hours

2000

How it was made

Connect on a Global Scale

We completely revamped the homepage layout and upgraded all elements to component based design. The design looked really futuristic, and micro-animations really capture visitors attention.

With the first glimpse you can really see that this design is really cutting edge for a traditional bank, but it was intentional in order to come closer to the high-tech philosophy of developers.

A quick look on the homepage and will practically give you access to the rest of the website sections to guide you where you need to go.

As Easy As 1 2 3

With so many APIs available practically any developer that wants to create an application that will use National Bank of Greece's systems will visit this page at least once.

This page offers an easy to follow overview of the steps a new developer needs to do, in order to get going with his app. It is essentially an onboarding, not only for the usage of the developer portal but for the process of creating an app, getting it approved by NBG and everything in between.

Since we're using React js everything is based on react components so this makes designing each page easy and consistent.

There's an API For That

National Bank of Greece has probably the most comprehensive API product catalog in Greece and one of the best worldwide as you can see from a recent InnoPay study of developer portals from all over the world that ranks NBG's Developer Portal as one of the best in the world in openness.

In this list you can filter the available APIs by category and then click on your API of interest to read more about it and see the documentation.

Battles are Won in the Details

The API documentation is the most well laid out documentation you will ever see.

Easy navigation, full history, code examples, calls and responses, sample requests, available request parameter etc. Everything a developer needs is right here. But it's the details that they make this stand out from the crowd.

Try Out The Innovation

The best part of the documentation is the try-it-out console.

You can literally send a test request and get the actual response you would get in the real world. All in a safe sandboxed environment.

Small but extremely useful stuff like these separate National Bank of Greece Developer Portal from the crowd of other banks developer portals.

Get The News!

The blog / news section is the heartbeat of every website. It serves as an entry point for most of the visitors while providing value to the reader at the same time.

The articles that National Bank of Greece is publishing give great information and insights on various tech subject that really inform their audience and help their portal to grow.

Since some articles can be very analytical and in-depth we added a special navigational clickable index on the left that its automagically generated from the relative sections of the article. That way the reader can quickly click and jump to the relative section of the article and navigate through the article easily. The good part about this feature is that its generated automatically so the content creator doesn't have to do any extra work.

National Bank of Greece Blog Page

People Helping People

If the blog is the heartbeat the forums are like a digital meeting point.

When developing an application the certain thing is that you'll encounter some bugs, problems and setbacks. Sure there is Stack Overflow but you can't find every answer there. National Bank of Greece's forums is a place that the banks employees also spend time daily and also know the inner workings of the bank's systems. That way they can help you find answers that you can't find anywhere else.

Problem Solved!

Our goal here was to be easy to find information, seek or give help.

Threaded conversations, Search using Solr, Categorization and filtering are just a few UX features that really help anyone who visits the forums to get information quickly.

Results

190
React JS Components
135
Weeks Working with NBG & Counting
18
Drupal 8 Custom Modules
250
PRs Merged to Date

Do you want to see more?

Visit Website


Do you have a great idea? Let's talk about it

GET STARTED

Personal Data Handling

Web Site Terms and Conditions of Use

1. Terms

By accessing this web site, you are agreeing to be bound by these web site Terms and Conditions of Use, all applicable laws and regulations, and agree that you are responsible for compliance with any applicable local laws. If you do not agree with any of these terms, you are prohibited from using or accessing this site. The materials contained in this web site are protected by applicable copyright and trade mark law.

2. Use License

  1. Permission is granted to temporarily download one copy of the materials (information or software) on wefixit's web site for personal, non-commercial transitory viewing only. This is the grant of a license, not a transfer of title, and under this license you may not:
    1. modify or copy the materials;
    2. use the materials for any commercial purpose, or for any public display (commercial or non-commercial);
    3. attempt to decompile or reverse engineer any software contained on wefixit's web site;
    4. remove any copyright or other proprietary notations from the materials; or
    5. transfer the materials to another person or "mirror" the materials on any other server.
  2. This license shall automatically terminate if you violate any of these restrictions and may be terminated by wefixit at any time. Upon terminating your viewing of these materials or upon the termination of this license, you must destroy any downloaded materials in your possession whether in electronic or printed format.

3. Payments

  1. All payments are final and non-refundable including deposits and installments. Invoices are issued when the whole service amount has been paid in full. The services on wefixit's web site are provided "as is". wefixit makes no warranties, expressed or implied, and hereby disclaims and negates all other warranties, including without limitation, implied warranties or conditions of merchantability, fitness for a particular purpose, or non-infringement of intellectual property or other violation of rights. Further, wefixit does not warrant or make any representations concerning the accuracy, likely results, or reliability of the use of the materials on its Internet web site or otherwise relating to such services or on any sites linked to this site.

4. Limitations

In no event shall wefixit or its suppliers be liable for any damages (including, without limitation, damages for loss of data or profit, or due to business interruption,) arising out of the use or inability to use the materials on wefixit's Internet site, even if wefixit or a wefixit authorized representative has been notified orally or in writing of the possibility of such damage. Because some jurisdictions do not allow limitations on implied warranties, or limitations of liability for consequential or incidental damages, these limitations may not apply to you.

5. Revisions and Errata

The materials appearing on wefixit's web site could include technical, typographical, or photographic errors. wefixit does not warrant that any of the materials on its web site are accurate, complete, or current. wefixit may make changes to the materials contained on its web site at any time without notice. wefixit does not, however, make any commitment to update the materials.

6. Links

wefixit has not reviewed all of the sites linked to its Internet web site and is not responsible for the contents of any such linked site. The inclusion of any link does not imply endorsement by wefixit of the site. Use of any such linked web site is at the user's own risk.

7. Site Terms of Use Modifications

wefixit may revise these terms of use for its web site at any time without notice. By using this web site you are agreeing to be bound by the then current version of these Terms and Conditions of Use.

8. Governing Law

Any claim relating to wefixit's web site shall be governed by the laws of the State of Patras without regard to its conflict of law provisions.

General Terms and Conditions applicable to Use of a Web Site.

Privacy Policy

Your privacy is very important to us. Accordingly, we have developed this Policy in order for you to understand how we collect, use, communicate and disclose and make use of personal information. The following outlines our privacy policy.

  • Before or at the time of collecting personal information, we will identify the purposes for which information is being collected.
  • We will collect and use of personal information solely with the objective of fulfilling those purposes specified by us and for other compatible purposes, unless we obtain the consent of the individual concerned or as required by law.
  • We will only retain personal information as long as necessary for the fulfillment of those purposes.
  • We will collect personal information by lawful and fair means and, where appropriate, with the knowledge or consent of the individual concerned.
  • Personal data should be relevant to the purposes for which it is to be used, and, to the extent necessary for those purposes, should be accurate, complete, and up-to-date.
  • We will protect personal information by reasonable security safeguards against loss or theft, as well as unauthorized access, disclosure, copying, use or modification.
  • We will make readily available to customers information about our policies and practices relating to the management of personal information.

We are committed to conducting our business in accordance with these principles in order to ensure that the confidentiality of personal information is protected and maintained.

...or see more work