BePro — Lo-Fi Wireframe · Courses (λίστα προγραμμάτων)
DOWP-6031 · Phase 3 (Lo-Fi) · 2026-06-22 — αυστηρό scope: μόνο περιεχόμενο που αναφέρεται στο BRD. Δομή & ιεραρχία μόνο· χωρίς brand/χρώμα/τελικό copy. UX best practices εφαρμοσμένα (ιεραρχία, 1 primary CTA/κάρτα, recognition-over-recall, 8pt rhythm, 44px targets, mobile-first).
[§N] ρητό στο BRD
[TBD] κείμενο/υλικό από client
[INFERRED] default πλατφόρμας, όχι BRD απαίτηση
Τι βλέπετε εδώ: ένα lo-fi wireframe — ο σκελετός της σελίδας «Προγράμματα», σε γκρι. Δείχνει τι μπαίνει πού και με ποια σειρά, όχι τελικά χρώματα, γραμματοσειρές ή φωτογραφίες (αυτά έρχονται στο επόμενο στάδιο, design). Οι γκρι μπάρες = θέσεις για κείμενο/εικόνες. Οι έγχρωμες ετικέτες δεξιά σε κάθε ενότητα δείχνουν από πού προέρχεται το κάθε στοιχείο: μαύρο = ζητείται ρητά στο BRD, πορτοκαλί = υλικό/κείμενο που αναμένεται από τον πελάτη, μπλε = τυπική λειτουργία της πλατφόρμας που προτείνουμε. Στο τέλος υπάρχει πλαίσιο με ανοιχτές ερωτήσεις προς συζήτηση.
Αρχική › Προγράμματα
Επικεφαλίδα σελίδας
§2 · §3.1TBD copy
Φίλτρα/κατηγορίες = [INFERRED] — το BRD λέει μόνο «λίστα διαθέσιμων προγραμμάτων». Εμφανίζονται μόνο αν τα προγράμματα είναι αρκετά ώστε να χρειάζεται φιλτράρισμα. Αλλιώς αφαιρούνται.
Κάρτα προγράμματος: εικόνα · τίτλος [TBD] · σύντομη περιγραφή [TBD] · meta (π.χ. # lessons / live) · τιμή [TBD, §3.6] · 1 CTA → Course Detail. Ο καθηγητής ΔΕΝ επιλέγεται εδώ — επιλέγεται στο Course Detail πριν την αγορά (§3.2/§3.6).
Pagination = [INFERRED] — εμφανίζεται μόνο αν τα προγράμματα ξεπερνούν τη μία σελίδα.
Θέλει διευκρίνιση πριν κλειδώσει η λίστα Courses
Η δομή (grid από κάρτες προγραμμάτων → Course Detail) είναι αυστηρά από το BRD (§2 «λίστα διαθέσιμων προγραμμάτων»). Τα παρακάτω είναι αποφάσεις config / περιεχομένου που καθορίζουν την τελική όψη της λίστας.
Τι ισχύει ήδη βάσει του BRD
Η σελίδα υπάρχει ρητά στο §2 και εμφανίζει «λίστα διαθέσιμων εκπαιδευτικών προγραμμάτων». Κάθε κάρτα οδηγεί στο Course Detail, όπου γίνεται η υποχρεωτική επιλογή καθηγητή πριν την αγορά (§3.2/§3.6). Φίλτρα, κατηγορίες και pagination είναι [INFERRED] — μπαίνουν μόνο αν τα δικαιολογεί ο αριθμός των προγραμμάτων.
- Πόσα προγράμματα στο launch; καθορίζει αν χρειάζονται φίλτρα/κατηγορίες/pagination ή απλό grid
- Ποια συγκεκριμένα προγράμματα; Προέρχονται από τα υπάρχοντα curricula του bepro.gr; περιεχόμενο καρτών
- Ομαδοποιούνται σε κατηγορίες (π.χ. ανά αντικείμενο); καθορίζει τα chips φίλτρων
- Στην κάρτα εμφανίζεται τιμή; Είναι ενιαία ανά πρόγραμμα ή ποικίλλει ανά καθηγητή; αν ποικίλλει, η κάρτα δείχνει «από €…»
- Τι meta δείχνουμε στην κάρτα (διάρκεια, # lessons, # live sessions); υλικό από client
- Υπάρχει έτοιμο κείμενο/εικόνες ανά πρόγραμμα ή θα παραχθούν; §5 — δημιουργία περιεχομένου εκτός εμβέλειας