Laser House, από WordPress σε Symbols CMS on Astro Framework

Το Laser House, Ιατρείο Πλαστικής Χειρουργικής και Αισθητικής Ιατρικής με δύο τοποθεσίες στο Κολωνάκι και τη Γλυφάδα, ήθελε να αναβαθμίσει την ψηφιακή του παρουσία από ένα βαρύ WordPress + Elementor build σε κάτι που να ταιριάζει με το επίπεδο της κλινικής. Ξαναχτίσαμε το site από το μηδέν σε Symbols CMS πάνω σε Astro Framework, με έμφαση σε image optimization, mobile-first UX, και Google Ads Quality Score improvement. Αποτέλεσμα: Lighthouse mobile 96+, LCP κάτω από 1,3 δευτερόλεπτα, και −22% CPC στις campaign χωρίς καμία αλλαγή σε bidding.

Το πρόβλημα με το παλιό WordPress + Elementor

Το Laser House ζει από premium mobile εμπειρία. Ο τυπικός επισκέπτης είναι γυναίκα 25-45, mobile-first, ψάχνει «μόνιμη αποτρίχωση Κολωνάκι» σε κινητό, ανοίγει 3 sites, και επιλέγει αυτό που φορτώνει άμεσα και δείχνει credible. Το παλιό site έχανε αυτόν τον διαγωνισμό συστηματικά:

• PageSpeed mobile στο 31, με LCP στα 6,8 δευτερόλεπτα. Ο επισκέπτης εγκαταλείπει πριν καν δει την πρώτη εικόνα ιατρείου.
• Elementor page builder με 40+ ενεργά plugins. Κάθε αλλαγή σε μία σελίδα σήμαινε 2-3 hours τεχνική δουλειά.
• CLS 0,41, εικόνες χωρίς διαστάσεις, layout shifts κατά τη φόρτωση. Ο χρήστης προσπαθεί να πατήσει «Κλείσε ραντεβού» και το κουμπί κινείται.
• Εικόνες 3,8 MB ανά σελίδα. Οι υψηλής ανάλυσης εικόνες πριν/μετά αποτρίχωσης και οι φωτογραφίες του χώρου είναι το κύριο περιεχόμενο. Αλλά δεν είχαν επεξεργαστεί ποτέ για performance.
• JavaScript bundle 2,1 MB. Το Elementor μόνο του φορτώνει ~800 KB πριν αρχίσει το plugin JavaScript.
• Google Ads Quality Score 5-6. Οι landing pages ήταν πολύ αργές, το Quality Score έπεφτε, το CPC ανέβαινε, το ROAS χαμήλωνε.
• Πλήρη σελίδα φόρτωσης σε κάθε κλικ. Καμία prefetching λογική, καμία smooth transition.
• Cookie consent banner από WordPress plugin που έπαιρνε 400ms να φορτώσει και εμφανιζόταν ως modal με CLS.

Ο ασθενής που ψάχνει αισθητική ιατρική στο κινητό δεν έχει υπομονή να περιμένει 7 δευτερόλεπτα. Πηγαίνει στο επόμενο site που δείχνει καλά, φορτώνει γρήγορα, και κλείνει ραντεβού σε 2 κλικ.

Η λύση, Symbols CMS πάνω σε Astro Framework

Επιλέξαμε το Astro Framework για τους ίδιους λόγους που το επιλέγουμε σε κάθε κατασκευή ιστοσελίδων υψηλών επιδόσεων στη Symbols: παράγει στατικό HTML στο edge, με μηδενικό JavaScript by default, και επιτρέπει «islands» για διαδραστικά στοιχεία μόνο όπου χρειάζονται.

Πάνω από το Astro χτίσαμε το Symbols CMS, την ιδιόκτητη μας πλατφόρμα διαχείρισης content που δίνει στην ομάδα του Laser House ένα φιλικό interface χωρίς να θυσιάζεται καμία από τις τεχνικές αρετές του Astro build layer.

Γιατί Astro Framework για ιατρείο αισθητικής

1. Native image pipeline, το πιο σημαντικό για image-heavy sites

Οι κλινικές αισθητικής ζουν από εικόνες. Πριν/μετά, portraits ιατρών, ο χώρος του ιατρείου, ο εξοπλισμός (Candela Pro Max), certifications. Το Astro επεξεργάζεται αυτόματα κάθε εικόνα:

• AVIF format (νέας γενιάς, -50% μέγεθος έναντι WebP σε ίδια ποιότητα)
• WebP fallback για παλαιότερα browsers
• JPG fallback για ancient browsers
• Responsive srcset με 4-5 μεγέθη (mobile 400px, tablet 768px, desktop 1200px, retina 1920px, hero 2400px)
• Lazy loading με native loading="lazy" για below-the-fold
• Priority preload για hero images
• Width/height attributes πάντα set, μηδέν CLS
• Blur-up placeholders για hero images (LQIP)

Αποτέλεσμα στο Laser House: οι εικόνες πέσαν από 3,8 MB σε λιγότερο από 180 KB ανά σελίδα, χωρίς οπτική διαφορά. Ο ασθενής βλέπει τις ίδιες high-quality φωτογραφίες, αλλά η σελίδα φορτώνει σε λιγότερο από 1,3 δευτερόλεπτα.

2. Static generation με edge distribution

Κάθε σελίδα του laserhouse.gr παράγεται σε build time ως στατικό HTML και δημοσιεύεται σε 300+ Cloudflare edge nodes παγκόσμια. Ο επισκέπτης από Αθήνα βλέπει τη σελίδα από τον Frankfurt edge (ή Athens edge όπου διαθέσιμο) με TTFB κάτω από 50ms. Καμία PHP εκτέλεση, καμία MySQL query σε κάθε request. Η σελίδα υπάρχει έτοιμη, φορτώνει άμεσα.

3. Zero JavaScript by default (Islands Architecture)

Οι περισσότερες σελίδες του Laser House είναι στατικό content: υπηρεσίες, θεραπείες, τοποθεσίες, ιατρική ομάδα, FAQ. Δεν χρειάζονται JavaScript για να λειτουργήσουν. Το Astro δεν στέλνει καθόλου JS για αυτές τις σελίδες.

Μόνο τα διαδραστικά στοιχεία είναι islands:

• Κουμπί «Κλείσε ραντεβού» με κλείσιμο modal
• Photo gallery με swipe gestures σε mobile
• Contact form με validation
• Cookie consent

Το κάθε island φορτώνει με τη δική του λογική μόνο όταν είναι visible στο viewport. Πρακτικά: το JS bundle έπεσε από 2,1 MB σε λιγότερο από 35 KB για το initial load.

4. Mobile-first UX from ground up

Το παλιό site ήταν desktop-first με responsive-as-afterthought. Το νέο σχεδιάστηκε mobile-first σε Figma, και στήθηκε mobile-first σε Astro:

• Sticky «Κλείσε ραντεβού» button στο bottom σε mobile
• Thumb-friendly navigation με τα κρίσιμα κουμπιά στο κάτω μέρος
• Touch targets 44×44px για κάθε clickable στοιχείο
• Swipe gestures στη photo gallery
• Click-to-call links με WhatsApp fallback
• Location detection για auto-select Κολωνάκι/Γλυφάδα
• Reduced motion respect για ασθενείς με sensitivity

5. Google Ads Quality Score βελτίωση

Ο Google Ads ξεκάθαρα ανταμείβει fast landing pages. Τα Core Web Vitals της landing page επηρεάζουν άμεσα το Landing Page Experience component του Quality Score, που πολλαπλασιάζει το bidding cost.

Στο Laser House:

• Πριν: Quality Score 5-6 / 10, «Below average landing page experience»
• Μετά: Quality Score 9-10 / 10, «Above average landing page experience»
• Αποτέλεσμα: CPC έπεσε 22% χωρίς καμία αλλαγή σε bidding
• Το ίδιο budget φέρνει 28% περισσότερα κλικ και 43% περισσότερα ραντεβού (μετρήσιμα conversions στο GA4)

6. SEO-first server-side rendering

Το Astro παράγει πλήρες, semantic HTML που τα crawlers της Google αναγνωρίζουν άμεσα, χωρίς να χρειάζεται JavaScript execution. Δομημένα δεδομένα (Organization, LocalBusiness, MedicalBusiness, Service schemas) εμφανίζονται στο initial HTML.

• LocalBusiness schema για τις δύο τοποθεσίες (Κολωνάκι + Γλυφάδα)
• MedicalBusiness schema για την ιατρική εξειδίκευση
• Service schema για κάθε τύπο θεραπείας
• FAQPage schema για rich snippets στα SERPs
• hreflang για ελληνικά + αγγλικά content

Στοιχεία που το WordPress + SEO plugin έβαζε μετά το JS execution του plugin, το Astro τα βάζει static στο HTML source.

7. Μηδέν plugin πόλεμος

Στο παλιό WordPress ήταν 40+ ενεργά plugins:

• Elementor + Elementor Pro
• WPML για μετάφραση
• Yoast SEO
• WP Rocket για caching (που δεν αρκούσε)
• Contact Form 7
• Cookie consent
• Anti-spam
• Backup plugin
• Security plugin
• Google Analytics plugin
• 30+ ακόμα

Μηνιαία plugin updates, security patches, PHP compatibility issues. Στο Astro δεν υπάρχουν plugins runtime. Υπάρχουν npm packages που ζουν στον κώδικα, χτίζονται σε build time, και δεν επηρεάζουν την production runtime. Zero attack surface.

8. Zero-downtime deploys με one-click rollback

Κάθε αλλαγή γίνεται preview σε ξεχωριστό URL. Η ομάδα του Laser House βλέπει την αλλαγή live πριν πάει σε παραγγή. Όταν εγκρίνεται, το production URL δείχνει τη νέα έκδοση σε λιγότερο από 5 δευτερόλεπτα μέσω atomic swap στο Cloudflare edge.

Αν κάτι πάει στραβά (π.χ. η νέα banner φωτογραφία δεν φαίνεται καλά σε mobile), ένα κλικ επαναφέρει την προηγούμενη έκδοση. Καμία τεχνική γνώση, καμία database restore.

Symbols CMS, το admin πάνω στο Astro

Το Astro Framework είναι εξαιρετικό για developers, αλλά η ομάδα του Laser House χρειάζεται να ενημερώνει banner campaigns, να προσθέτει νέες θεραπείες, να ανεβάζει φωτογραφίες μηνιαία, χωρίς να ανοίξει code editor.

Το Symbols CMS τρέχει πάνω από το Astro build layer και προσφέρει:

• Visual page editor με προεπισκόπηση mobile / tablet / desktop
• Structured content blocks για θεραπείες, υπηρεσίες, τοποθεσίες, ιατρικές πιστοποιήσεις
• Media library με αυτόματη AVIF/WebP επεξεργασία
• SEO editor ανά σελίδα (title, description, OG image, structured data)
• Multi-user roles (admin, editor, viewer) με audit trail
• Draft, review, publish workflow
• Version history σε κάθε αλλαγή με one-click rollback

Η ομάδα του Laser House προσθέτει νέες θεραπείες σε 3 λεπτά, ανεβάζει high-res εικόνες που αυτόματα βελτιστοποιούνται, και κάθε αλλαγή πηγαίνει live σε λιγότερο από 30 δευτερόλεπτα.

Migration approach, μηδενικό downtime

Η μετάβαση έγινε σε 5 φάσεις μέσα σε 3 εβδομάδες:

1. URL & content inventory: crawling του παλιού laserhouse.gr με Screaming Frog. 94 σελίδες σε production, 41 με σημαντική οργανική traffic ή Google Ads landing pages. Καταγραφή όλων των παλιών URLs.
2. Content extraction: εξαγωγή από WordPress database σε structured markdown, με διατήρηση όλων των meta tags, canonical URLs, image alt text.
3. Design system: custom Figma design από την brand identity του Laser House. Mobile-first, με έμφαση στην εμπιστοσύνη ιατρικής και το premium αίσθημα.
4. Development σε Astro: κατασκευή του site σε 3 εβδομάδες, με weekly preview links για review.
5. Cutover: DNS switch σε ώρα χαμηλού traffic (Δευτέρα 05:30). Παράλληλη υποδομή για 48 ώρες ως safety net. 301 redirects για κάθε αλλαγμένο URL, ένα-προς-ένα, ώστε να μη χαθεί ούτε ένα ranking ή Google Ads campaign.

Αποτέλεσμα: μηδέν downtime, μηδέν χαμένη οργανική traffic, μηδέν 404, όλες οι Google Ads campaigns συνέχισαν χωρίς παύση.

Αποτελέσματα, μετρημένα με το επίσημο PageSpeed Insights

Δείτε το live PageSpeed report: pagespeed.web.dev για laserhouse.gr.

SEO και Google Ads αποτελέσματα

Πέρα από τα raw performance metrics, μετρήσαμε real business impact:

SEO

• ✅ Και τα τρία Core Web Vitals στο «Good»: LCP < 2,5s, INP < 200ms, CLS < 0,1
• +41% οργανική traffic στους 60 πρώτους ημέρες
• Ranking για «μόνιμη αποτρίχωση Κολωνάκι» ανέβηκε από #14 σε #3
• Bounce rate mobile: από 71% σε 38%

Google Ads

• Quality Score: από 5-6 / 10 στα 9-10 / 10
• CPC: −22% χωρίς αλλαγή σε bidding
• CTR: +18% (fast landing pages βελτιώνουν και το CTR στο auction)
• Conversion rate: +43% μετρήσιμα ραντεβού
• Cost-per-acquisition: −34%

Γιατί επιλέξαμε Astro και όχι Next.js ή WordPress headless

Στη Symbols House of Brands επιλέγουμε το stack βάσει του project. Για το Laser House:

• Next.js θα ήταν υπερβολή. Δεν χρειάζεται server components, δεν έχει dashboard, δεν χρειάζεται React ecosystem. Overhead χωρίς όφελος.
• Headless WordPress θα κρατούσε τη διπλή τεχνική στοίβα (WP admin + frontend framework), δηλαδή το ίδιο plugin maintenance που ήθελε να αφήσει πίσω η ομάδα.
• Astro ταιριάζει τέλεια: content-heavy και image-heavy site, minimal interactivity, μέγιστο mobile performance για Google Ads, καθαρή SEO με schema markup.

Διαβάστε αναλυτικά τη σύγκριση: WordPress vs Jamstack 2026.

Συμπέρασμα

Ένα ιατρείο αισθητικής χρειάζεται site που:

• Φορτώνει σε λιγότερο από 1,5 δευτερόλεπτο σε mobile
• Δείχνει high-quality εικόνες χωρίς να τα καίει σε bandwidth
• Έχει σαφή call-to-action για ραντεβού
• Βελτιώνει το Google Ads Quality Score, όχι το αντίθετο
• Δεν σπάει κάθε φορά που ενημερώνεται ένα plugin

Το Laser House έχει τώρα και τα πέντε. Ο συνδυασμός Symbols CMS + Astro Framework παραδίδει:

• Lighthouse Performance 95+ εγγυημένο γραπτώς
• Native AVIF/WebP image pipeline
• Zero JavaScript overhead by default
• Mobile-first architecture από το Figma
• Google Ads Quality Score 9-10 / 10
• Content Collections με TypeScript type safety
• Edge deployment σε Cloudflare Pages
• Visual CMS interface χωρίς τεχνικές γνώσεις
• Zero downtime, one-click rollback
• Μηδέν plugin maintenance overhead

Για κάθε ελληνικό ιατρείο, κέντρο αισθητικής, ή κλινική που θέλει να αφήσει πίσω WordPress + Elementor βάρος και να ανεβάσει σοβαρά τα Core Web Vitals και το Google Ads ROI της, το Astro Framework είναι η προφανής επιλογή το 2026.

Δείτε αναλυτικά την υπηρεσία μας κατασκευή ιστοσελίδων σε Astro ή κλείστε ραντεβού γνωριμίας για να δούμε μαζί αν ταιριάζει στο δικό σας project.