FinTrack Πίνακας Αναλυτικών Στοιχείων
Το υπάρχον εργαλείο αναλυτικών στοιχείων της FinTrack ήταν ένα μπάλωμα από υπολογιστικά φύλλα και ασύνδετες αναφορές που απαιτούσαν ώρες χειροκίνητης σύνταξης κάθε εβδομάδα. Οι πελάτες τους — κυρίως CFO και οικονομικοί αναλυτές μεσαίου μεγέθους εταιρειών — πνίγονταν σε δεδομένα αλλά στερούνταν ουσιαστικών πληροφοριών. Η πλατφόρμα χρειαζόταν να ενοποιήσει πολλαπλές ροές δεδομένων σε μια ενιαία, διαισθητική διεπαφή που θα μπορούσε να αναδεικνύει τάσεις και ανωμαλίες σε πραγματικό χρόνο.
Σχεδιάσαμε ένα αρθρωτό σύστημα πίνακα ελέγχου βασισμένο σε προσαρμόσιμα πάνελ widget που οι χρήστες μπορούν να τακτοποιήσουν ώστε να ταιριάζουν στις συγκεκριμένες ροές εργασίας τους. Το επίπεδο οπτικοποίησης χρησιμοποιεί D3.js για πολύπλοκα, διαδραστικά γραφήματα που επιτρέπουν ανάλυση σε βάθος από υψηλού επιπέδου KPIs μέχρι αναλυτικά δεδομένα συναλλαγών. Υλοποιήσαμε μια ροή δεδομένων σε πραγματικό χρόνο χρησιμοποιώντας WebSockets και server-sent events, διασφαλίζοντας ότι οι μετρικές ενημερώνονται ζωντανά χωρίς ανανέωση σελίδας. Ένα ευφυές σύστημα ειδοποιήσεων επισημαίνει προληπτικά ανωμαλίες πριν γίνουν προβλήματα.
Η FinTrack ανέφερε 3πλάσια αύξηση στους ημερήσιους ενεργούς χρήστες μέσα σε δύο μήνες από την κυκλοφορία. Ο χρόνος που αφιέρωναν οι πελάτες στις εβδομαδιαίες αναφορές μειώθηκε από μέσο όρο 6 ωρών σε 45 λεπτά. Η πλατφόρμα εξασφάλισε χρηματοδότηση 4,2 εκατομμυρίων δολαρίων σε Series A λίγο μετά την κυκλοφορία, με τους επενδυτές να αναφέρουν το UX του προϊόντος ως βασικό διαφοροποιητικό παράγοντα. Το Net Promoter Score μεταξύ των υπαρχόντων πελατών εκτινάχθηκε από 32 σε 71.
Ο πίνακας ελέγχου που η Sigma Studio δημιούργησε για εμάς δεν είναι απλά ένα προϊόν — είναι ο λόγος που οι πελάτες μας μένουν. Ξεπέρασαν αυτό που ζητήσαμε και παρέδωσαν κάτι που άλλαξε πραγματικά τον τρόπο που οι χρήστες μας αλληλεπιδρούν με τα οικονομικά τους δεδομένα.
Όταν η FinTrack μας προσέγγισε, είχαν ένα λειτουργικό προϊόν αλλά όχι ένα αγαπημένο. Η πλατφόρμα αναλυτικών τους λειτουργούσε αρκετά καλά για τους προχωρημένους χρήστες που ήταν πρόθυμοι να πλοηγηθούν στην πολυπλοκότητά της, αλλά έχανε λιγότερο τεχνικούς χρήστες που απλά ήθελαν να κατανοήσουν την οικονομική τους κατάσταση με μια ματιά. Η πρόκληση ήταν σαφής: να κάνουμε τα εξελιγμένα οικονομικά αναλυτικά να φαίνονται αβίαστα χωρίς να υποβαθμίσουμε τις δυνατότητες στις οποίες βασίζονταν οι προχωρημένοι χρήστες.
Ξεκινήσαμε χαρτογραφώντας κάθε διαδρομή χρήστη, εντοπίζοντας τις κρίσιμες διαδρομές που αντιπροσώπευαν το 80% των καθημερινών αλληλεπιδράσεων. Από εκεί, σχεδιάσαμε ένα σύστημα προοδευτικής αποκάλυψης — η προεπιλεγμένη προβολή παρουσιάζει μια καθαρή, σαρώσιμη επισκόπηση βασικών μετρικών, ενώ τα προχωρημένα χειριστήρια και οι δυνατότητες ανάλυσης σε βάθος αποκαλύπτονται σταδιακά καθώς οι χρήστες εμβαθύνουν. Η αρχιτεκτονική βασισμένη σε widgets σημαίνει ότι δεν χρειάζεται να μοιάζουν δύο πίνακες ελέγχου· ένας CFO που εστιάζει στις ταμειακές ροές βλέπει ένα θεμελιωδώς διαφορετικό layout από έναν αναλυτή που παρακολουθεί κατηγορίες εξόδων, ωστόσο και οι δύο διεπαφές αισθάνονται συνεκτικές και διαισθητικές.
Από τη μηχανολογική πλευρά, η απόδοση ήταν υψίστης σημασίας. Οι επαγγελματίες του χρηματοοικονομικού τομέα αναμένουν στιγμιαίες αποκρίσεις, και οποιαδήποτε καθυστέρηση στην απεικόνιση δεδομένων υπονομεύει την εμπιστοσύνη στους ίδιους τους αριθμούς. Δημιουργήσαμε ένα προσαρμοσμένο επίπεδο συγκέντρωσης δεδομένων σε Node.js που προυπολογίζει τα συνήθη ερωτήματα και αποθηκεύει τα αποτελέσματα έξυπνα στην cache, μειώνοντας τους μέσους χρόνους φόρτωσης του πίνακα ελέγχου κάτω από 800 χιλιοστά του δευτερολέπτου ακόμα και με σύνολα δεδομένων που εκτείνονται σε εκατομμύρια συναλλαγές. Οι οπτικοποιήσεις D3.js αποδίδονται προοδευτικά, ώστε οι χρήστες να βλέπουν ουσιαστικά δεδομένα εντός των πρώτων 200 χιλιοστών του δευτερολέπτου ενώ πιο σύνθετα γραφήματα ολοκληρώνονται στο παρασκήνιο.
Έχετε ένα Project στο Μυαλό σας;
Έτοιμοι να μεταμορφώσετε την ψηφιακή σας παρουσία; Ας συνεργαστούμε και ας δημιουργήσουμε κάτι εξαιρετικό μαζί.