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 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 και ποια έπρεπε να επαναχρησιμοποιούνται.

Χρησιμοποίησα Tailwind CSS, ώστε οι κανόνες εμφάνισης να μένουν κοντά στο markup και να μη συγκεντρώνονται σε ένα μεγάλο κοινό stylesheet.

Ο στόχος ήταν η συντηρησιμότητα. Η ομάδα προϊόντος μπορεί να φτιάχνει νέες οθόνες backoffice συνδυάζοντας components που υπάρχουν ήδη.

Η πρόκληση

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

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

Τι έκανα εγώ

Ανέλαβα τα custom components του backoffice και αναδιάρθρωσα το frontend ώστε τα ίδια μοτίβα να μπορούν να χρησιμοποιούνται σε περισσότερες από μία οθόνες.

Δούλεψα με τις ομάδες product και design για να ξεχωρίσουμε τι ανήκε μόνο σε μια οθόνη και τι έπρεπε να γίνει επαναχρησιμοποιήσιμο component.

Το styling έγινε με Tailwind CSS. Η δομή έπρεπε να επιτρέπει στην ομάδα να επεκτείνει το interface χωρίς να ξαναγράφει τα ίδια στοιχεία. Η συνεισφορά μου περιορίστηκε στο frontend.

Τεχνολογίες

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

Περισσότερα

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

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

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

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