Διαδραστικό site για εταιρεία τεχνητής νοημοσύνης: Libra AI

Libra AI Technologies · design, UX και ανάπτυξη website · Δεκέμβριος 2019 – Μάρτιος 2020 · ακόμα online, στα χέρια της δικής τους ομάδας

Το παλιό site μιλούσε σε ερευνητές, όχι σε επιχειρήσεις

Η Libra AI Technologies σχεδιάζει, χτίζει και εγκαθιστά custom συστήματα τεχνητής νοημοσύνης για επιχειρήσεις, σε generative και agentic AI, machine learning, computer vision, data engineering και advanced analytics. Ως το 2019, με το όνομα Libra MLI, είχε ένα μονοσέλιδο website, γραμμένο σε πολύ τεχνική γλώσσα.

Οι περιγραφές των υπηρεσιών ήταν σωστές, αλλά ακόμα κι ο υποψήφιος πελάτης που χρειάζεται τη Libra συχνά δεν ξέρει την ορολογία, ούτε τι μπορεί να πετύχει με τις υπηρεσίες της.

Το νέο site ήρθε να αλλάξει ακριβώς αυτό, ή, όπως γράφει η ίδια η Libra:

«We do not design our dashboards for data analysts.»

Πριν: σωστό κείμενο, γραμμένο για ειδικούς.

Πρώτα έπρεπε να καταλάβουμε εμείς τι κάνει η Libra

Αν δεν καταλάβουμε εμείς μια υπηρεσία, δεν μπορούμε να τη μετατρέψουμε σε εικόνα, κίνηση και UX. Σε πολλά ραντεβού, η ομάδα της Libra, και συγκεκριμένα ο Γιάννης Κοψίνης, μας εξηγούσε βήμα βήμα πώς δουλεύει η καθεμία: Data innovation strategies, Visual data exploration, AI-enabled business intelligence, AI-powered products & projects. Αν σου ακούγονται πυρηνική φυσική, κάπως έτσι νιώθαμε κι εμείς στην αρχή.

Από αυτές τις κουβέντες βγήκε και μία από τις καλύτερες ιδέες του project: show, don't tell. Όπου γίνεται, ο επισκέπτης δεν διαβάζει τι κάνει η Libra, το βλέπει πάνω σε πραγματικά δεδομένα και "παίζει" μαζί τους. Όπου ένα interactive demo δεν γινόταν, βάλαμε βίντεο, εικόνα ή illustration.

Μετά: οι τέσσερις υπηρεσίες είναι το πρώτο πράγμα που βλέπεις, γιατί όλο το site χτίστηκε γύρω τους.

Η στρατηγική δεδομένων έγινε μια ιστορία που κυλάει με το scroll

Κάθε υπηρεσία λέει κάτι διαφορετικό, οπότε η καθεμία πήρε τη δική της σελίδα, σαν ξεχωριστό concept.

Στο Data innovation strategies, ένα scroll animation ακολουθεί την πορεία των δεδομένων, από τις πηγές τους ως την επεξεργασία και την ανάλυσή τους. Καταλήγει σε δύο προορισμούς: στον άνθρωπο, που με βάση τις αναλύσεις ερευνά και βγάζει συμπεράσματα, και στην τεχνητή νοημοσύνη, που κάνει προβλέψεις.

Όλη η διαδρομή καταλήγει σε δύο απαντήσεις: τι έγινε, και τι θα γίνει.

Το dashboard το δοκιμάζεις, δεν το διαβάζεις

Για το Visual data exploration, ο Γιάννης πρότεινε πραγματικά δεδομένα: τιμές ξενοδοχείων και αφίξεις τουριστών σε Αθήνα, Μπανγκόκ και Κέιπ Τάουν μέσα σε έναν χρόνο. Σέρνεις πάνω στο γράφημα για να διαλέξεις μια περίοδο και βλέπεις αμέσως τη μέση τιμή ανά πόλη.

Η αξία ενός καλού data visualization φαίνεται πιο γρήγορα όταν το χρησιμοποιείς παρά όταν διαβάζεις γι' αυτό.

Πραγματικά δεδομένα: ο επισκέπτης φαντάζεται αμέσως τι θα έβλεπε στα δικά του.

Έξι demos έδειχναν τι μπορεί να κάνει η τεχνητή νοημοσύνη

Η πιο ενδιαφέρουσα για εμάς σελίδα ήταν το AI-powered products & projects, γιατί δεν περιέγραφε τι μπορεί να κάνει η Libra, αλλά το έδειχνε, μέσα από έξι demos. Μερικά από αυτά:

Named entity recognition: επεξεργασία φυσικής γλώσσας (NLP) σε μια συνταγή, με αναγνώριση κατηγορίας λέξεων.

fMRI brain networks: βλέπεις τις περιοχές του εγκεφάλου που ενεργοποιούνται ανά δραστηριότητα.

Και τέλος, τα Sound event detection και Object detection με computer vision: δύο βίντεο που δημιούργησε η videographer με την οποία συνεργαστήκαμε.

Πρόσφατα η Libra ανανέωσε αυτή τη σελίδα, για να δείχνει τις υπηρεσίες της όπως είναι σήμερα. Έτσι αποχαιρετήσαμε μία από τις αγαπημένες μας σελίδες, αλλά θεωρούμε επιτυχία ότι εξυπηρέτησε τον σκοπό της για έξι χρόνια, σε έναν τόσο fast-paced κλάδο.

Για να μάθουμε τη δουλειά της Libra χρειαστήκαμε περισσότερο χρόνο απ' όσο υπολογίζαμε

Κάθε απάντηση άνοιγε καινούργιες ερωτήσεις, κι έτσι όλη η διαδικασία (ραντεβού, internal workshops, κλπ) κράτησε πολύ περισσότερο απ' όσο είχαμε προγραμματίσει. Δεν θα το αλλάζαμε. Ήταν από τα πιο ενδιαφέροντα κομμάτια του project και μάθαμε πολλά, κυρίως χάρη στον Γιάννη που ήταν πάντα διαθέσιμος και ευγενικός, με όρεξη να μας εξηγήσει κάτι ακόμα και για τρίτη ή τέταρτη φορά.

Σήμερα, ωστόσο, όταν το αντικείμενο ενός πελάτη είναι τόσο εξειδικευμένο, ξεκινάμε με ένα Discovery, ώστε αυτός ο χρόνος να είναι budgeted εξ αρχής.

Έξι χρόνια μετά, το site το εξελίσσει η ίδια η Libra

Η Libra έχει δικούς της μηχανικούς, οπότε δεν τους δώσαμε ένα "μαύρο κουτί". Ανεβάζουν τις αλλαγές τους χωρίς να περνούν από εμάς. Μέσα στα χρόνια, χωρίς τη δική μας βοήθεια, κάποιες σελίδες υπηρεσιών άλλαξαν αρκετά και προστέθηκαν πολλές καινούργιες σελίδες και τύποι περιεχομένου, όπως blog και case studies. Στο Lucent CMS φτιάχνουν μόνοι τους νέους τύπους περιεχομένου, και το design system που χτίσαμε κρατάει κάθε προσθήκη συνεπή με το υπόλοιπο site.

Το site τρέχει σε Laravel και στο δικό μας Lucent CMS, με animations σε GSAP και ScrollMagic και το dashboard σε Vega-Lite.

Ρωτήσαμε τον Γιάννη πώς τα βλέπει σήμερα, έξι χρόνια μετά:

«Η ομάδα της Radical Elements αφιέρωσε χρόνο για να καταλάβει τη δουλειά μας και μας βοήθησε να την επικοινωνήσουμε με τρόπο που μιλάει στις επιχειρήσεις. Δημιούργησε ένα custom, σύγχρονο και προσεγμένο design, που ξεπερνά το τυπικό tech website και αποτυπώνει τον τρόπο που σκεφτόμαστε και δουλεύουμε. Έκανε σύνθετες έννοιες της τεχνητής νοημοσύνης μια καθαρή, interactive εμπειρία, και ταυτόχρονα έδωσε στην ομάδα μας την ελευθερία να εξελίσσει το site όσο μεγάλωνε η LIBRA. Έξι χρόνια μετά, αυτή η βάση συνεχίζει να μας εξυπηρετεί πολύ καλά.» — Γιάννης Κοψίνης, Libra AI Technologies

Αν αναζητάς τον καλύτερο τρόπο να επικοινωνήσεις τις υπηρεσίες σου, ας τα πούμε.