Arcual — Ανασχεδιασμός backoffice για την αγορά τέχνης

Case study Arcual — ανακατασκευή του enterprise SaaS backoffice UI σε custom, κλιμακώσιμη βιβλιοθήκη Vue components

Πελάτης:

Arcual

Ημερομηνία:

2023-09 – 2023-12

Διάρκεια:

4 μήνες
Arcual — Ανασχεδιασμός backoffice για την αγορά τέχνης
Ξαναέχτισα το interface της backoffice πλατφόρμας Arcual, του εσωτερικού συστήματος με το οποίο γκαλερί και ιδρύματα τέχνης τρέχουν πωλήσεις και λειτουργίες. Μόνο frontend, custom Vue components, χωρίς έτοιμο admin template.
Arcual backoffice overview — Operations overview for the art market teamArcual records table — Custom tables for artworks, contracts and payouts

Ο πελάτης

Η Arcual φτιάχνει την ψηφιακή υποδομή πίσω από την πρωτογενή αγορά τέχνης. Γκαλερί, καλλιτέχνες και ιδρύματα τη χρησιμοποιούν για πωλήσεις, συμβόλαια και τις σχέσεις ανάμεσά τους, με ίχνος του ποιος έκανε τι.

Το έργο

Στο backoffice της Arcual τρέχει η εμπορική πλευρά της πλατφόρμας: εγγραφές πωλήσεων, λειτουργικές ροές, τα δεδομένα από τα οποία κρέμονται όλα τα υπόλοιπα. Με τον καιρό είχε καταλήξει σε ένα γενικό admin layout που δεν έδενε πια με αυτά που έπρεπε να κάνουν μέσα του οι γκαλερί.Δούλεψα στο frontend του ανασχεδιασμού. Η βασική απόφαση ήταν να σταματήσουμε να πατάμε σε έτοιμα μοτίβα διάταξης και να φτιάξουμε τα components που χρειαζόταν πραγματικά το προϊόν. Αυτό σήμαινε ότι έπρεπε να βρεθεί πού ακριβώς μπαίνουν τα όρια του κάθε component πριν γραφτεί οτιδήποτε.Το styling το κρατάει το Tailwind CSS, οπότε οι οπτικές αλλαγές μένουν στο markup αντί να στοιβάζονται σε ένα stylesheet που δεν θέλει να ακουμπήσει κανείς.Ο λόγος για όλα αυτά ήταν η συντηρησιμότητα. Η ομάδα προϊόντος βγάζει συνέχεια καινούριες οθόνες backoffice, και πλέον τις συναρμολογεί από components που υπάρχουν ήδη.

Η πρόκληση

Η εφαρμογή ήταν ήδη σε παραγωγή και η ομάδα συνέχιζε να ανεβάζει δουλειά. Τα νέα components έπρεπε να μπουν μέσα σε ροές και επιχειρησιακή λογική που ήδη υπήρχαν και ήδη δούλευαν, κάτι που αποκλείει εξαρχής την εκδοχή «από την αρχή σε λευκή σελίδα».Αυτός ο περιορισμός καθορίζει το μεγαλύτερο μέρος της αρχιτεκτονικής. Κάθε όριο component μπήκε εκεί που το άντεχε ο υπάρχων κώδικας, όχι εκεί που θα το έβαζε ένας σχεδιασμός από το μηδέν.

Τι έκανα εγώ

Έφτιαξα τα custom Vue.js components του backoffice interface και ξαναδούλεψα τη δομή του frontend από κάτω.Το μεγαλύτερο κομμάτι της δουλειάς ήταν να γίνουν οι σχεδιαστικές αποφάσεις μοτίβα που ξαναχρησιμοποιούνται, αντί για μεμονωμένες οθόνες. Πήγαινε-έλα με τις ομάδες προϊόντος και design για το ποια κομμάτια μιας προτεινόμενης διάταξης ανήκαν πράγματι σε εκείνη την οθόνη και ποια ήταν component που περίμενε να βγει.Vue.js και Tailwind CSS από άκρη σε άκρη, με τη συντηρησιμότητα ως το ζητούμενο. Είναι προϊόν που θα υπάρχει και σε πέντε χρόνια.

Τεχνολογίες

  • Vue.js, Tailwind CSS, custom αρχιτεκτονική components, συνεισφορά μόνο στο frontend, enterprise SaaS backoffice συστήματα, πλατφόρμες τεχνολογίας τέχνης
Ετικέτες
Κατηγορίες

Περισσότερα

ICAP CRIF AE case study — Ανάπτυξη του εταιρικού ιστότοπου και διατήρηση της συνέπειας σε 200+ σελίδες υπηρεσιών και περιεχομένου σε όλον τον όμιλο

ICAP CRIF AE — Εταιρικός ιστότοπος

Το ελληνικό πρόσωπο ενός ομίλου πιστωτικού κινδύνου. Το δύσκολο ήταν συντακτικό: να γίνουν ευανάγνωστες περίπλοκες χρηματοοικονομικές υπηρεσίες.

Πείτε μου για το έργο σας και πάρτε τιμή, χρονοδιάγραμμα και αντικείμενο με email. Χωρίς κλήση.
Σας άρεσε αυτό που είδατε; Ας συνεργαστούμε

    Πώς δουλεύει
    1. Πείτε μου για το έργο σας παρακάτω.
    2. Σας στέλνω με email μερικές γρήγορες ερωτήσεις, περίπου 2 λεπτά.
    3. Παίρνετε τιμή, χρονοδιάγραμμα και αντικείμενο έργου με email. Χωρίς κλήση.
    Ένα link με βοηθάει να εκτιμήσω πιο γρήγορα το έργο σας.

    Απαντώ συνήθως μέσα σε μία εργάσιμη, με τιμή, χρονοδιάγραμμα και αντικείμενο έργου.

    Ο ιστότοπος προστατεύεται από reCAPTCHA. Ισχύουν η Πολιτική Απορρήτου and Όροι Χρήσης της Google.