Εθνική Τράπεζα της Ελλάδας
Objective
Μετά την επιτυχία του NBG Developer Portal, έπρεπε να γίνει ένας ριζικός επανασχεδιασμός με τις τελευταίες τεχνολογίες. Όλο το project πρέπει να είναι modular, επεκτάσιμο και τελευταία λέξη της τεχνολογίας. Τέλος πρέπει να δημιουργηθεί ένα custom cluster για να φιλοξενηθεί αυτό το project με τα στάνταρ ασφαλείας της Εθνικής Τράπεζας.
Approach
Με την ελευθερία που σου δίνει το να πας στις τελευταίες λέξεις της τεχνολογίας χρησιμοποιήσαμε ότι καλύτερο υπάρχει σήμερα. Drupal 8, React JS, REST APIs, Custom integrations με τα συστήματα της τράπεζας και φυσικά ένα cluster από 9 custom και high performing servers για να βγει live στο κόσμο με τα υψηλότερα standards από security & redundancy.
Πως φτιάχτηκε
Connect on a Global Scale
Αλλάξαμε πλήρως την εμφάνιση της αρχικής διάταξης και ανανεώσαμε όλα τα elements, πλέον χρησιμοποιούν το component based design. Το design δείχνει φουτουριστικό και τα micro-animations κυριαρχούν και τραβάνε την προσοχή του χρήστη.
Με την πρώτη ματιά μπορείς να δεις ότι το design είναι τελευταία λέξη για τα δεδομένα μιας παραδοσιακής τράπεζας. Αυτό ήταν και το ζητούμενο, να "μιλήσει" στην φιλοσοφία του προγραμματιστή που βρίσκεται στην αιχμή της τεχνολογίας.
Μια γρήγορη ματιά στην αρχική σελίδα θα σου δώσει πρόσβαση σε όλα τα πιθανά τμήματα του portal και θα σε καθοδηγήσει να πας εκεί που χρειάζεσαι.
As Easy As 1 2 3
Με τόσα APIs διαθέσιμα πρακτικά όλοι όσοι θέλουν να δημιουργήσουν κάποια εφαρμογή που χρησιμοποιεί τα συστήματα της Εθνικής Τράπεζας της Ελλάδος, θα περάσουν από αυτή τη σελίδα.
Αυτή η σελίδα προσφέρει μια γρήγορη εικόνα των βημάτων που πρέπει να κάνει ένας προγραμματιστής για να δημιουργήσει μια εφαρμογή. Ουσιαστικά είναι ένας μικρός οδηγός, όχι μόνο για το πως να χρησιμοποιήσει κανείς το developer portal, αλλά περιγράφει όλη τη διαδικασία από την δημιουργία μέχρι την έγκριση της εφαρμογής και όλα τα ενδιάμεσα στάδια.
Εφόσον όλο το front-end είναι βασισμένο σε React js, όλα τα τμήματα της σελίδας είναι components κι έτσι υπάρχει ευχρηστία και αρμονία στην κάθε σελίδα.
There's an API For That
Η Εθνική Τράπεζα της Ελλάδας έχει πιθανότατα τον πιο πλήρες κατάλογο σε APIs στην Ελλάδα και έναν από τους καλύτερους παγκοσμίως όπως φαίνεται κι από μια πρόσφατη μελέτη της InnoPay που σύγκρινε developer portals από όλο τον κόσμο, που αναφέρει το NBG Developer Portal σαν ένα από τα καλύτερα στον κόσμο σε "ανοικτότητα" (openness).
Σε αυτή τη λίστα μπορεί να φιλτράρει ο επισκέπτης ανά κατηγορία και να μπει στο API που τον ενδιαφέρει, να διαβάσει περισσότερα και να δει το αναλυτικό documentation του.
Battles are Won in the Details
Το API documentation είναι το καλύτερο documentation που έχετε δει ποτέ σε αναγνωσιμότητα.
Εύκολη πλοήγηση, πλήρες ιστορικό, παραδείγματα κώδικα, κλήσεις και απαντήσεις, παραδείγματα request, διαθέσιμες παράμετροι σε κάθε request κλπ. Ό,τι χρειάζεται ένας προγραμματιστής θα το βρει εδώ. Αλλά οι λεπτομέρειες είναι που κάνουν τη διαφορά και κάνουν το documentation αυτό να ξεχωρίζει από τα πλήθη.
Try Out The Innovation
Το καλύτερο σημείο του documentation είναι η κονσόλα "δοκίμασε το".
Εκεί μπορείς κυριολεκτικά να στείλεις ένα δοκιμαστικό request, με τις παραμέτρους σου, και να πάρεις αμέσως απάντηση σε πραγματικό χρόνο σαν να ήταν σε κανονικό περιβάλλον. Όλα σε ένα ασφαλές περιβάλλον sandbox.
Μικρές αλλά πολύ χρήσιμες λεπτομέρειες σαν αυτή ξεχωρίζουν το Developer Portal της Εθνικής Τράπεζας της Ελλάδος από τις άλλες ανταγωνιστικές τράπεζες.
Get The News!
Το blog είναι ο παλμός κάθε ιστοσελίδας. Τις περισσότερες φορές είναι η είσοδος νέων επισκεπτών και ταυτόχρονα δίνει αξία στον αναγνώστη με τις πληροφορίες που του δίνει.
Τα άρθρα που δημοσιεύονται από την Εθνική Τράπεζα της Ελλάδος δίνουν πολλές πληροφορίες σχετικά με θέματα τεχνολογίας που ενημερώνουν το κοινό και βοηθούν στο να μάθουν περισσότεροι προγραμματιστές για το developer portal.
Κάποια άρθρα περιέχουν εκτενείς αναλύσεις και μπορεί να είναι πολύ μεγάλα. Γι'αυτό το λόγο δημιουργήσαμε μια ειδική πλαϊνή μπάρα που έχει τα περιεχόμενα του άρθρου και μπορεί ο αναγνώστης να πατήσει και να πλοηγηθεί σε αυτά. Η λίστα δημιουργείται αυτόματα από τα σχετικά τμήματα του άρθρου. Ο συγγραφέας του άρθρου δεν χρειάζεται να κάνει καμία επιπλέον δουλειά για να δημιουργηθούν αυτά τα περιεχόμενα.
People Helping People
Αν το blog δίνει τον παλμό σε ένα site τα φόρουμ είναι μια ψηφιακή πλατεία.
Όταν προγραμματίζεις μια εφαρμογή, είναι σίγουρο ότι θα συναντήσεις bugs, θέματα κλπ. Οκ, υπάρχει και το Stack Overflow αλλά δεν πρόκειται να βρεις όλες τις απαντήσεις εκεί. Τα φόρουμ της Εθνικής Τράπεζας της Ελλάδος είναι το μέρος όπου και οι ίδιοι οι υπάλληλοι της τράπεζας περνούν καθημερινά χρόνο και ταυτόχρονα γνωρίζουν τις εσωτερικές λεπτομέρειες των συστημάτων τους. Οπότε μπορούν να δώσουν απαντήσεις που δεν θα βρει κανείς αλλού.
Problem Solved!
Ο στόχος μας ήταν να δίνουμε την πληροφορία εύκολα στον επισκέπτη των φόρουμ και να μπορεί εξίσου εύκολα κάποιος να ζητήσει βοήθεια ή να βοηθήσει άλλους.
Συζητήσεις σε threads, αναζήτηση με Solr, κατηγοριοποίηση και φίλτρα είναι μερικές από τις UX λειτουργικότητες που βάλαμε για να βοηθήσουμε στην ταχύτητα μετάδοσης της πληροφορίας μεταξύ των χρηστών του φόρουμ.
Αποτελέσματα
Θέλετε να δείτε περισσότερα;