Developer handoff · DOWP-1725

Peggy Kirkou — Working Prototype

Λειτουργικό prototype όλων των σελίδων (8 σελίδες · στατικό HTML/CSS · διασυνδεδεμένες μέσω του menu/footer/CTA). Κοινό design system «Refined coral» — δες το Style Guide για tokens, τυπογραφία & αποστάσεις.

Σελίδες

Αρχική

Editorial hero, η Πέγκυ, υπηρεσίες, σεμινάρια, κριτικές, φόρμες.homepage-hifi.html

Η Πέγκυ

Editorial bio: διαδρομή (timeline), πιστοποιήσεις, studio + χάρτης.about.html

Υπηρεσίες

Πλέγμα 4 στηλών + band κλεισίματος ραντεβού.services.html

Σεμινάρια

Pro Academy: πλέγμα, «Γιατί η Pro Academy», band ενδιαφέροντος.seminars.html

Εσωτερική σελίδα υπηρεσίας

Bento hero + φόρμα ραντεβού · template για κάθε υπηρεσία.service-microblading.html

Εσωτερική σελίδα σεμιναρίου

Ίδιο template (variant ενδιαφέροντος) · αλλάζει μόνο το περιεχόμενο.seminar-microblading.html

Επικοινωνία

Δύο φόρμες (ραντεβού + ενδιαφέρον σεμιναρίου), στοιχεία επικοινωνίας & χάρτης studio.contact.html

Multimedia

Εμφανίσεις TV, συνέδρια & masterclasses · media placeholder προς οριστικοποίηση.multimedia.html

Dev resources

Lo-fi · Χάρτης σελίδων & Wireframes

Η αρχική δομή (reference): sitemap, διαδρομές επισκέπτη (flows) & wireframes ανά σελίδα.peggy-domi-m3x8q.pages.dev

Αρχική · H-tags annotations

Ίδια αρχική με σήμανση H1–H4 ανά επικεφαλίδα + legend. Ίδια λογική σε όλες τις σελίδες.homepage-hifi-htags.html

Style Guide (Dev)

Tokens, τυπογραφία (tag-based), χρώματα, αποστάσεις, εικονίδια, components.style-guide-DEV.html

Σύστημα & συμβάσεις

Design system «Refined coral»: Commissioner (επικεφαλίδες) + Manrope (κείμενο) · παλέτα coral/charcoal/greige · design tokens (CSS variables) · full-width gutters 5em/2em/1em (desktop/tablet/mobile) · floating-pill nav · Tabler icons.

Πλοήγηση & funnels: όλες οι σελίδες διασυνδεδεμένες. Κάρτες υπηρεσιών/σεμιναρίων → εσωτερικό template. Δύο funnels — ραντεβού (#book) & ενδιαφέρον σεμιναρίου (#interest): τα CTA οδηγούν στην τοπική φόρμα της σελίδας ή στην Επικοινωνία.

Responsive: mobile-clean (καθόλου οριζόντιο scroll) · sticky header · off-canvas menu. Τυπογραφία: tag-based H1–H4 + Display tier (hero/τίτλος σελίδας) — δες Style Guide.

Κατάσταση & εκκρεμότητες

Πραγματικά δεδομένα: πιστοποιήσεις (Swiss Color & Lashess), διεύθυνση, τηλέφωνα, email, βιογραφικό & διαδρομή.

Placeholder (σημασμένο μέσα στο UI): testimonials / before-after / FAQ («Προτεινόμενο · προς έγκριση») · multimedia βίντεο & φωτογραφίες · ώρες λειτουργίας · 2η παράγραφος About hero.

Ανοιχτές αποφάσεις: φωτό «certificate wall» για το About hero · παραμονή «Σελίδα υπηρεσίας» στο menu (review convenience) · τελικό content σελίδας Multimedia.
Πρόκειται για σχεδιαστικό prototype. Κείμενα/φωτογραφίες/κριτικές & before-after οριστικοποιούνται με υλικό του studio. Η εσωτερική σελίδα υπηρεσίας και σεμιναρίου είναι το ίδιο template (αλλάζει μόνο το funnel/περιεχόμενο).