DOWP-6031 · Φάκελος έργου
Πλατφόρμα online εκπαίδευσης για την ακαδημία ομορφιάς BePro: μαθήματα με βίντεο, ζωντανά Zoom sessions και επιλογή καθηγητή πριν την αγορά.
Αυτή η σελίδα είναι το σημείο εισόδου στον φάκελο του έργου. Αν το βλέπετε για πρώτη φορά: από κάτω θα βρείτε τι έχει παραχθεί μέχρι τώρα, με σύντομη περιγραφή και σύνδεσμο για το καθένα, καθώς και έναν οδηγό ανάγνωσης για τα wireframes. Η πλατφόρμα στηρίζεται σε WordPress + LearnDash (μαθήματα) + WooCommerce (πληρωμές) + Zoom (ζωντανά) — όλα τυποποιημένα εργαλεία, χωρίς custom ανάπτυξη πέρα από όσα ορίζει το brief.
Ο σκελετός κάθε σελίδας σε γκρι: δείχνει τι μπαίνει πού και με ποια σειρά — όχι τελικά χρώματα/φωτογραφίες. Διαβάστε με τη σειρά· ακολουθούν τη διαδρομή του χρήστη. Κάθε αρχείο έχει επάνω μενού για να πηδάτε ανάμεσά τους.
Η πρώτη εντύπωση: hero, πώς λειτουργεί, preview προγραμμάτων, επικοινωνία.
Όλα τα διαθέσιμα προγράμματα σε grid από κάρτες, με μετάβαση στη σελίδα του καθενός.
Η κρισιμότερη οθόνη: εδώ ο μαθητής επιλέγει υποχρεωτικά καθηγητή πριν αγοράσει.
Δημιουργία λογαριασμού και σύνδεση, με συναίνεση GDPR.
Το προσωπικό περιβάλλον: τα μαθήματά του, επερχόμενα live, replays, πρόοδος.
Προστατευμένο βίντεο, κουμπί Join Live, replay, υλικό, quiz → πιστοποιητικό.
Το οπτικό «ντύσιμο» των wireframes: συγγενικό με το brand BePro (magenta, σκούρο, cream, Artegra, εξάγωνο), με light & dark mode. Οι σελίδες είναι διασυνδεδεμένες και πλοηγήσιμες: Αρχική → Προγράμματα → Σελίδα προγράμματος. Η δομή δεν αλλάζει — μόνο η εμφάνιση. Πρόταση, προς επιβεβαίωση από τον πελάτη.
Χρώματα, τυπογραφία (Artegra), κουμπιά, components — η προτεινόμενη οπτική γλώσσα της πλατφόρμας.
Το style εφαρμοσμένο στην Αρχική, με τυπογραφία Artegra και εναλλαγή φωτεινού / σκούρου θέματος. Κείμενο & εικόνες ενδεικτικά.
Πλοηγήσιμη λίστα προγραμμάτων με φίλτρα κατηγορίας. Κάθε κάρτα οδηγεί στη σελίδα του προγράμματος.
Υποχρεωτική επιλογή καθηγητή πριν την εγγραφή (όπως ορίζει το BRD), curriculum, τι περιλαμβάνει και sticky buy bar. Περιλαμβάνει διακόπτη προεπισκόπησης για δύο σενάρια: πολλοί καθηγητές ή ένας προεπιλεγμένος.
Πριν τα wireframes, χαρτογραφήθηκε η δομή του site και οι διαδρομές του χρήστη, αυστηρά από το brief (BRD). Δείχνουν ότι κάθε οθόνη προκύπτει από κάτι που ζητά ρητά το έγγραφο.
Κάθε wireframe είναι σε γκρι κλίμακα επίτηδες: σε αυτό το στάδιο κλειδώνουμε δομή και ιεραρχία, όχι αισθητική. Οι γκρι μπάρες είναι θέσεις για κείμενο και εικόνες. Σε κάθε ενότητα, πάνω δεξιά, μια έγχρωμη ετικέτα δείχνει από πού προέρχεται το κάθε στοιχείο:
Στο τέλος κάθε wireframe υπάρχει πλαίσιο «Θέλει διευκρίνιση»: οι ανοιχτές αποφάσεις για εκείνη την οθόνη, διατυπωμένες ως ερωτήσεις. Αυτές είναι και η ατζέντα για την επόμενη συζήτηση με τον πελάτη.
Όλα τα wireframes είναι σχεδιασμένα σε «αυστηρό scope» — μόνο ό,τι ορίζει το brief. Όπου το brief αφήνει κάτι ανοιχτό, η θέση υπάρχει αλλά σημειώνεται ως ερώτηση αντί να αποφασιστεί σιωπηλά.
Προτεινόμενη κατεύθυνση (προς επιβεβαίωση από τον πελάτη): νέα, ξεχωριστή πλατφόρμα — όχι ανανέωση του υπάρχοντος bepro.gr — που λειτουργεί αυτόνομα σε δικό της domain, με οπτική διασύνδεση στο brand BePro. Προτεινόμενη οπτική κατεύθυνση: light mode.
Αναμένεται επίσης επιβεβαίωση από τον πελάτη πριν το visual design για: τον αριθμό προγραμμάτων & καθηγητών, το μοντέλο τιμολόγησης (ενιαία τιμή ή ανά καθηγητή) και τη γλώσσα (μόνο ελληνικά ή δίγλωσσο).