Troop Travel – Πλατφόρμα οργάνωσης και έγκρισης ομαδικών ταξιδιών

Troop Travel case study — Ανάπτυξη του frontend σε Vue για τον σχεδιασμό ταξιδιών, τη σύγκριση κόστους και τις εγκρίσεις ανά ρόλο

Πελάτης:

Troop Travel Inc.

Ημερομηνία:

2022-02 – 2022-06

Διάρκεια:

4 μήνες
Troop Travel – Πλατφόρμα οργάνωσης και έγκρισης ομαδικών ταξιδιών
Στην Troop Travel εργάστηκα αποκλειστικά στο frontend του B2B SaaS προϊόντος για τον σχεδιασμό και την έγκριση ομαδικών ταξιδιών. Η δουλειά αφορούσε custom components και πολυβηματικές ροές με διαφορετικές ενέργειες για κάθε ρόλο.
Troop Travel approval flow — Trip requests moving through role-based approvalTroop Travel cost comparison — Side-by-side cost and carbon across meeting cities

Ο πελάτης

Η Troop Travel είναι εταιρεία B2B SaaS για τον σχεδιασμό ομαδικών και επαγγελματικών ταξιδιών. Η πλατφόρμα καλύπτει τον συντονισμό των επιλογών, τη δρομολόγηση των εγκρίσεων και την προβολή του κόστους πριν ολοκληρωθεί η κράτηση.

Το έργο

Το Troop Travel οργανώνει τον σχεδιασμό και την έγκριση ομαδικών επαγγελματικών ταξιδιών. Οι ομάδες μπορούν να προτείνουν ταξίδια, να συγκρίνουν επιλογές και να στέλνουν τις αποφάσεις στους αρμόδιους για έγκριση.

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

Στο frontend, η ίδια ροή παρουσίαζε διαφορετικές ενέργειες ανάλογα με τον ρόλο του χρήστη και το στάδιο του αιτήματος. Ο χρήστης που πρότεινε ένα ταξίδι και ο χρήστης που το ενέκρινε δεν έβλεπαν τις ίδιες επιλογές.

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

Η πρόκληση

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

Καθώς προστίθενταν features, τα νέα components έπρεπε να ακολουθούν τις ίδιες συμβάσεις με το υπόλοιπο SaaS codebase. Η επαναχρησιμοποίηση ήταν πρακτική απαίτηση, επειδή οι ίδιες δομές φορμών και εγκρίσεων εμφανίζονταν σε διαφορετικά σημεία του προϊόντος.

Τι έκανα εγώ

Δούλεψα ως frontend developer σε λειτουργίες που χρησιμοποιούνται σε διαφορετικά σημεία του προϊόντος.

Το μεγαλύτερο μέρος της συνεισφοράς μου ήταν τα custom επαναχρησιμοποιήσιμα components και οι πολυβηματικές ροές για τον σχεδιασμό και τις εγκρίσεις. Πριν από την υλοποίηση, συνεργαζόμουν με τις ομάδες προϊόντος και μηχανικών για να αποσαφηνίσουμε τους κανόνες κάθε ροής.

Τεχνολογίες

  • Vue.js, custom αρχιτεκτονική components, συνεισφορά μόνο στο frontend, ανάπτυξη SaaS εφαρμογών, σύνθετες ροές και συστήματα εγκρίσεων
Ετικέτες
Κατηγορίες

Περισσότερα

OPAP S.A. case study — Ανακατασκευή του UI των μηχανημάτων στοιχήματος στα καταστήματα και μετάβαση από Vue 2 σε Vue 3 μέσα σε Electron

ΟΠΑΠ Α.Ε. – UI για τα μηχανήματα OPAP Play

Συνεισφορά στο UI των μηχανημάτων OPAP Play, μέσα στην υπάρχουσα εφαρμογή Electron. Η δουλειά κάλυψε την ανακατασκευή τμημάτων του interface και τη σταδιακή αναβάθμιση του frontend.

BitValve case study — Ανάπτυξη του frontend του P2P marketplace: καταχωρίσεις προσφορών, φιλτράρισμα και όλη η ροή συναλλαγής

BitValve – Frontend για crypto P2P marketplace

Frontend για crypto P2P marketplace στη λογική του BitValve, με λίστες προσφορών, συνδυαστικά φίλτρα και οθόνες συναλλαγής. Το έργο δεν περιλάμβανε backend.

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

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

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

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