Δομή ιστοσελίδας & wireframes · προς έγκριση

peggykirkou.gr

Peggy Kirkou · 12/06/2026

Η προτεινόμενη δομή της ιστοσελίδας: ποιες σελίδες υπάρχουν, πώς κινείται ο επισκέπτης και η διάταξη κάθε σελίδας σε πρόχειρα wireframes. Αφορά μόνο τη δομή & τη ροή · τα χρώματα & η σχεδίαση ακολουθούν.

Χάρτης σελίδων

Η Αρχική και οι κύριες σελίδες του μενού.

Αρχική

Πέγκυ Κύρκου

Υπηρεσίες 9

Εκπαίδευση 7

Multimedia

Επικοινωνία

Υπηρεσίες 9

Νυφικό Μακιγιάζ
Airbrush Make-up
Eyeliner Tattoo
Lip Blush
Microblading
Αφαίρεση Ημιμόνιμου
Μεσοθεραπεία / MESO
Eyelash Extensions
Ιατρικό Τατουάζ
+ νέες υπηρεσίες (υλικό από πελάτη)

Εκπαίδευση 7

Μακιγιάζ & Airbrush
Eyeliner Tattoo
Lip Blush
Φρύδια · Microblading & Powder
PMU Removal
Medical Tattoo
MESO Training
+ νέα σεμινάρια (υλικό από πελάτη)

Στο footer: Όροι & Προϋποθέσεις · Πολιτική Απορρήτου

Διαδρομές επισκέπτη

Οι δύο βασικές πορείες · κάθε μία καταλήγει σε φόρμα.

Θέλω υπηρεσίαπ.χ. microblading

Αρχική→ Υπηρεσίες→ Η υπηρεσία→ Φόρμα ραντεβού

Θέλω σεμινάριοπ.χ. lip blush

Αρχική→ Εκπαίδευση→ Το σεμινάριο→ Φόρμα ενδιαφέροντος ✓ σεμινάριο

Δύο ξεχωριστές φόρμες · μία για ραντεβού υπηρεσίας, μία για ενδιαφέρον σεμιναρίου (με checkbox: ποιο σεμινάριο). Στην Αρχική, η ενότητα «Επικοινωνία» οδηγεί και στις δύο. Σε κινητό, σταθερή μπάρα «Επικοινωνία / Ραντεβού».

Wireframes · διάταξη σελίδων

Πρόχειρα wireframes ανά σελίδα: σειρά ενοτήτων & διάταξη · χωρίς χρώματα ή εικόνες.

Όνομα / σκοπός ενότητας Block / περιεχόμενο Εικόνα Προτεινόμενο (προς έγκριση)

peggykirkou.gr

Nav (floating pill)

Hero · editorial split (κείμενο αριστερά + portrait + polaroids δεξιά)

Εικόνα · Πέγκυ (portrait)

✦ Pro Academy

PEGGY KIRKOU ✦ PRO ACADEMY ✦ PMU STUDIO ✦ ΗΜΙΜΟΝΙΜΟ ΜΑΚΙΓΙΑΖ ✦ (marquee)

Hero δύο στηλών: κείμενο + 2 CTA + γραμμή εμπιστοσύνης αριστερά · κάθετο portrait με polaroid collage + sticker δεξιά · coral marquee band από κάτω.

Trust strip (dark · 4)

✓ επίσημη trainer Swiss Color · ✓ επίσημη trainer Lashess · ✓ από τις πρώτες PMU στην Ελλάδα · ✓ studio Περιστέρι

Πέγκυ Κύρκου · About + 2 value cards

Σύντομο bio Πέγκυς + 2 value cards (πιστοποιημένη trainer · ολιγομελή τμήματα).

Multimedia · auto-scroll carousel

Λωρίδα εικόνων που κυλάει αυτόματα (τηλεοπτικές εμφανίσεις / studio / αποτελέσματα).

Υπηρεσίες (5 + CTA card)

Πέγκυ Κύρκου / Γιατί η Peggy (image + 4 features)

Εικόνα · Peggy portrait

ΠροτεινόμενοΠώς λειτουργεί · 4 βήματα

Συμβουλευτική → Σχεδιασμός → Εφαρμογή → Follow-up.

Σεμινάρια (6 κάρτες + δες όλα)

+ Θα προστεθούν κι άλλα σεμινάρια (υλικό από πελάτη · νέα προσθήκη)

ΠροτεινόμενοΚριτικές πελατών & μαθητών (3)

Επικοινωνία · 2 φόρμες (ραντεβού / ενδιαφέρον σεμιναρίου) + στοιχεία

Φόρμα ραντεβού (υπηρεσία · coral top-bar)

Φόρμα ενδιαφέροντος (σεμινάριο · charcoal top-bar)

Δύο ξεχωριστές φόρμες (funnels) + γραμμή στοιχείων: τηλ 6976720210 & 2105785753 · Αιμιλίου Βεάκη 36, Περιστέρι · email. (Πλήρης χάρτης → σελίδα Επικοινωνία.)

ΠροτεινόμενοΣυχνές ερωτήσεις (2 στήλες)

CTA band · δύο funnels

CTA · «Έτοιμη να ξεκινήσεις;» · Κλείσε ραντεβού · Δες τα σεμινάρια

MobileSticky CTA · όλες οι σελίδες

Σταθερή μπάρα στο κάτω μέρος της οθόνης · εμφανίζεται μόνο σε mobile (88,8% της επισκεψιμότητας). Γρήγορη πρόσβαση σε Επικοινωνία + Κλείσε ραντεβού, παρούσα σε όλες τις σελίδες.

☎ Επικοινωνία

Κλείσε ραντεβού

Footer

peggykirkou.gr/services

Nav

Hero · split (κείμενο αριστερά + εικόνα δεξιά)

Εικόνα · studio (Πέγκυ)

★★★★★ κριτικές

Hero δύο στηλών: εισαγωγικό + τίτλος «Όλες οι υπηρεσίες ομορφιάς» + 2 CTA + γραμμή εμπιστοσύνης αριστερά · εικόνα studio + badge κριτικών δεξιά.

Social proof strip (4 · trainer / πιστοποίηση)

✓ trainer Swiss Color · ✓ trainer Lashess · ✓ από τις πρώτες PMU στην Ελλάδα · ✓ studio Περιστέρι

Πλέγμα υπηρεσιών (9 · 4 στήλες · εικόνα + τίτλος + περιγραφή + CTA)

Εικόνα

9 υπηρεσίες: Νυφικό, Airbrush, Eyeliner, Lip Blush, Microblading, Αφαίρεση, Μεσοθεραπεία, Eyelash Extensions, Ιατρικό Τατουάζ. Κάθε κάρτα → σελίδα υπηρεσίας (template). + Θα προστεθούν κι άλλες υπηρεσίες · υλικό από πελάτη (νέα προσθήκη).

Band · intro + φόρμα ραντεβού + cross-sell κάρτα (3 στήλες · greige)

Εικόνα

Band πάνω από footer (greige): intro «Κλείσε ραντεβού» · φόρμα ραντεβού υπηρεσίας · cross-sell κάρτα → Σεμινάρια.

Footer

peggykirkou.gr/education

Nav

Hero · Pro Academy · split (κείμενο αριστερά + εικόνα δεξιά)

Εικόνα · studio (Πέγκυ)

★★★★★ κριτικές

Hero δύο στηλών: εισαγωγικό + τίτλος «Σεμινάρια ημιμόνιμου μακιγιάζ» + 2 CTA + γραμμή εμπιστοσύνης αριστερά · εικόνα studio + badge κριτικών δεξιά.

Social proof strip (4 · trainer / πιστοποίηση)

✓ trainer Swiss Color · ✓ trainer Lashess · ✓ ολιγομελή τμήματα έως 4 · ✓ πιστοποιητικό εκπαίδευσης

Πλέγμα σεμιναρίων (7 · 4 στήλες · εικόνα + τίτλος + περιγραφή + CTA)

Εικόνα

7 σεμινάρια: Μακιγιάζ & Airbrush, Φρύδια (Microblading & Powder), Lip Blush, Eyeliner, PMU Removal, Medical Tattoo, MESO Training. Χωρίς τιμές / ημερομηνίες. + Θα προστεθούν κι άλλα σεμινάρια · υλικό από πελάτη (νέα προσθήκη).

Γιατί η Pro Academy (εικόνα + 4 features)

Εικόνα · studio / διδασκαλία

4 features: επίσημη trainer Swiss Color · trainer Lashess · διεθνής επιμόρφωση · πιστοποιητικό εκπαίδευσης. Εικόνα studio με 2 floating polaroids.

Band · intro + φόρμα ενδιαφέροντος + cross-sell κάρτα (3 στήλες · greige)

Εικόνα

Band πάνω από footer (greige): intro «Δήλωσε ενδιαφέρον» · φόρμα ενδιαφέροντος σεμιναρίου (επιλογή σεμιναρίου + εμπειρία) · cross-sell κάρτα → Υπηρεσίες.

Footer

peggykirkou.gr/… · ίδιο template για υπηρεσία & σεμινάριο

Nav

Hero · split (κείμενο + φόρμα αριστερά · bento εικόνων δεξιά)

Εικόνα

★★★★★ Κριτικές

Εικόνα · studio

Hero δύο στηλών: τίτλος + intro + φόρμα ενδιαφέροντος μέσα στο hero (variant σεμιναρίου) αριστερά · bento εικόνων (2 φωτό + κάρτα κριτικών) δεξιά. Variant υπηρεσίας: μεγάλη εικόνα αποτελέσματος + «Κλείσε ραντεβού» στη θέση της φόρμας.

ΝέοGallery · Πριν / Μετά

Πριν / Μετά

Αποτέλεσμα

Λείπει εντελώς από το τρέχον site · κρίσιμο για εμπιστοσύνη & conversion. Υλικό από πελάτη (νέα προσθήκη).

Περιεχόμενο + sticky κάρτα (CTA & bio)

Αριστερά: «Τι είναι», «Οφέλη» (bullets), συχνές ερωτήσεις (FAQ προαιρετικό).

Sticky κάρτα (desktop): CTA «Κλείσε ραντεβού» + σύντομο bio Πέγκυς. Σε mobile πάει κάτω.

CTA band → Φόρμα (variant υπηρεσίας)

CTA · «Έτοιμη; Κλείσε ραντεβού» → Φόρμα ραντεβού

Στο variant υπηρεσίας: CTA band → φόρμα ραντεβού. Στο variant σεμιναρίου η φόρμα ενδιαφέροντος βρίσκεται ήδη στο hero (χωρίς ξεχωριστό CTA band).

ΠροτεινόμενοΣχετικά (4 στήλες · υπηρεσίες/σεμινάρια)

Εικόνα

Cross-links σε σχετικές υπηρεσίες/σεμινάρια · κρατάει τον επισκέπτη στο site.

Footer

peggykirkou.gr/about · Content template

Nav

Hero · πορτρέτο + όνομα + intro + CTA

Εικόνα · Πέγκυ Κύρκου

Η ιστορία της

Εικόνα · Πέγκυ στο studio

Πραγματικό κείμενο (live): από οικονομικά στην ομορφιά · επιμόρφωση Μιλάνο / Μόναχο / Ρουμανία / Αυστρία.

Pro Academy · το studio

Εικόνα · studio Περιστέρι

CTA band · δύο funnels

CTA · Κλείσε ραντεβού · Δες τα σεμινάρια

Footer

peggykirkou.gr/contact · Content template

Nav

Page header

«Επικοινωνία» + σύντομη εισαγωγή

Στοιχεία + χάρτης

Τηλ 6976720210 & 2105785753 · email · Αιμιλίου Βεάκη 36, Περιστέρι · social

Χάρτης · Περιστέρι (δίπλα στο METRO)

Δύο φόρμες · Ραντεβού / Ενδιαφέρον σεμιναρίου

Φόρμα ραντεβού (υπηρεσία)

Φόρμα ενδιαφέροντος (σεμινάριο + checkbox)

Οι δύο φόρμες «ζουν» εδώ. Τα CTA από υπηρεσίες/σεμινάρια οδηγούν στη σωστή φόρμα.

Footer

peggykirkou.gr/multimedia · Content template

Nav

Page header

«Multimedia» · εμφανίσεις στην TV, συνέδρια, masterclasses & στιγμές

Εκπομπές / TV (video + thumbnails)

Βίντεο · εμφάνιση σε εκπομπή

Player + λωρίδα thumbnails · τηλεοπτικές εμφανίσεις.

Εκδήλωση / Συνέδριο (τίτλος + collage)

π.χ. «Global PMU Conference · Sochi» · τίτλος + φωτογραφίες ανά εκδήλωση.

Masterclass / Event (τίτλος + collage)

Επαναλαμβανόμενο μοτίβο: μία ενότητα ανά εκδήλωση/πηγή (συνέδρια, masterclasses, αφιερώματα).

Footer

Επόμενο βήμα

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

peggykirkou.gr · Δομή ιστοσελίδας & wireframes · 12/06/2026 · μόνο δομή & διαδρομές, όχι σχεδίαση.