BePro — Lo-Fi Wireframe · Αρχική Σελίδα
DOWP-6031 · Phase 3 (Lo-Fi) · 2026-06-16 — αυστηρό scope: μόνο περιεχόμενο που αναφέρεται στο BRD. Δομή & ιεραρχία μόνο· χωρίς brand/χρώμα/τελικό copy. UX best practices εφαρμοσμένα (ιεραρχία, 1 primary CTA/οθόνη, recognition-over-recall, 8pt rhythm, 44px targets, mobile-first).
[§N] ρητό στο BRD
[TBD] κείμενο/υλικό από client
Τι βλέπετε εδώ: ένα lo-fi wireframe — ο σκελετός της Αρχικής σελίδας, σε γκρι. Δείχνει τι μπαίνει πού και με ποια σειρά, όχι τελικά χρώματα, γραμματοσειρές ή φωτογραφίες (αυτά έρχονται στο επόμενο στάδιο, design). Οι γκρι μπάρες = θέσεις για κείμενο/εικόνες. Οι ετικέτες δεξιά σε κάθε ενότητα δείχνουν από πού προέρχεται το κάθε στοιχείο: μαύρο = ζητείται ρητά στο BRD, πορτοκαλί = υλικό/κείμενο που αναμένεται από τον πελάτη. Στο τέλος υπάρχει πλαίσιο με ανοιχτές ερωτήσεις προς συζήτηση.
Nav: Αρχική · Σχετικά με εμάς · Courses · Επικοινωνία · Σύνδεση / Εγγραφή
Hero
§1TBD copy
Δες τα προγράμματα
Δημιουργία λογαριασμού
Carousel (social proof)
ΠΡΟΤΑΣΗ
Auto-scrolling λωρίδα με εικόνες σεμιναρίων/αποτελεσμάτων (social proof για conversions). Στο styled mockup ξεκινά κάτω από το hero copy και περνά πίσω από την εικόνα. Δεν προέρχεται από το BRD — σχεδιαστική πρόταση, προς επιβεβαίωση από τον πελάτη.
Πώς λειτουργεί
§1 · §3.2 · §3.6
Λογαριασμός → Επιλογή προγράμματος → Επιλογή καθηγητή → One-time πληρωμή με κάρτα → Άμεση πρόσβαση + Zoom
Προγράμματα (preview)
§2 · §3.1
Τι περιλαμβάνει η μάθηση
§3.1 · §3.3 · §3.5
Σχετικά (teaser)
§2TBD copy
Επικοινωνία (φόρμα)
§2
Media panel (εικόνα/video) δίπλα στη φόρμα — σχεδιαστική προσθήκη για περισσότερο ενδιαφέρον. Στο styled mockup η ενότητα είναι dark με magenta λεπτομέρειες. Εκτός BRD, προς επιβεβαίωση.
Θέλει διευκρίνιση πριν κλειδώσει η Αρχική
Όλα τα παραπάνω blocks είναι αυστηρά από το BRD. Τα παρακάτω είναι επιχειρησιακές αποφάσεις (config / περιεχόμενο) που το BRD αφήνει ανοιχτά — όχι ζητήματα «αν γίνεται».
Τι ισχύει ήδη βάσει του BRD
Η σχέση & ροή καθηγητή είναι σαφής: §3.2 «επιλογή καθηγητή πριν την αγορά του course» + §3.6 «υποχρεωτική πριν την ολοκλήρωση» → ο καθηγητής είναι course-scoped (διάλεξε μάθημα → διάλεξε τον καθηγητή του → ένταξη στο Group του). Το LearnDash καλύπτει native τον μηχανισμό: καθηγητής = Group Leader, αυτόματη ένταξη σε Group μετά την αγορά, ο μαθητής βλέπει μόνο το Group του.
Μόνο σημείο που αγγίζει το §5 (custom): πώς μοντελοποιείται ως προϊόν WooCommerce (variation ανά καθηγητή ή ξεχωριστό προϊόν ανά μάθημα+καθηγητή) — καθορίζεται με την επιβεβαίωση των σημείων πιο κάτω.
- Σχεδιαστικές προτάσεις εκτός BRD (στο styled mockup): auto-scrolling carousel social proof κάτω από το hero και media panel δίπλα στη φόρμα επικοινωνίας. Χρειάζονται έγκριση πελάτη + υλικό (εικόνες/video). προς επιβεβαίωση
- Ποια συγκεκριμένα προγράμματα/μαθήματα θα περιλαμβάνονται στο launch; ενότητα «Προγράμματα»
- Πόσα προγράμματα συνολικά θα υπάρχουν στο launch; UI της λίστας Courses
- Πόσοι καθηγητές ανά μάθημα; καθορίζει το UI επιλογής: radio / cards / dropdown
- Η τιμή είναι ίδια για όλους τους καθηγητές του ίδιου προγράμματος ή αλλάζει ανά καθηγητή; επηρεάζει κάρτες & δομή προϊόντος
- Έχετε έτοιμο κείμενο για την Αρχική (τίτλος hero, σύντομη περιγραφή, σχετικά), ή θα παραχθεί; §5 — εκτός εμβέλειας η δημιουργία περιεχομένου
- Η φόρμα επικοινωνίας ποια πεδία θα έχει (όνομα, email, μήνυμα, άλλο;); ενότητα «Επικοινωνία»
- Χρειάζονται Όροι Χρήσης & πολιτική επιστροφών στο footer, ή μόνο Privacy/Cookies; μόνο GDPR/Consent ρητό στο §3.7
- Η Αρχική θα είναι μόνο ελληνικά ή δίγλωσση EN/GR; διπλασιάζει το περιεχόμενο κάθε ενότητας