Μετάβαση στο περιεχόμενο
210 440 8777

Case study, Χώροι Εκδηλώσεων, Φιλοξενία

Arte Garden, νέο site για χώρο εκδηλώσεων με ημερολόγιο κρατήσεων και Lighthouse 100

Νέο site για τον χώρο εκδηλώσεων Arte Garden στο Παλαιό Φάληρο, σε Astro και Cloudflare: ημερολόγιο διαθεσιμότητας, Lighthouse 100, Agentic browsing 3/3 και SEO υπηρεσίες.

Για έναν χώρο εκδηλώσεων, όλη η δουλειά του site κρίνεται σε μία ερώτηση: «είναι ελεύθερη η ημερομηνία μου;». Αν η απάντηση θέλει τηλεφώνημα, ο μισός κόσμος δεν το κάνει ποτέ — ψάχνει βράδυ, από το κινητό, με πέντε καρτέλες ανοιχτές. Το Arte Garden, ιδιωτικός κήπος εκδηλώσεων στο Παλαιό Φάληρο για έως 100 καλεσμένους — από παιδικά πάρτι και βαφτίσεις μέχρι γάμους και εταιρικά, με φαγητό, ποτά και μουσική όλα μέσα — απέκτησε τον Αύγουστο του 2026 νέο site σε Astro πάνω στο Cloudflare, με ημερολόγιο διαθεσιμότητας που απαντά στο δευτερόλεπτο. Το τεχνικό αποτέλεσμα: Lighthouse 100, Agentic browsing 3/3 — αναγνώσιμο και από AI agents, όχι μόνο από ανθρώπους — και SEO δουλεμένο για τις αναζητήσεις που φέρνουν εκδηλώσεις.

  • Lighthouse Performance

    100

  • Agentic browsing (Agent Accessibility)

    3/3

  • Ημερολόγιο διαθεσιμότητας

    με τηλεφώνημαlive στο site

  • Απάντηση σε δηλώσεις ενδιαφέροντος

    εντός 24 ωρών

  • Launch

    Αύγουστος 2026

Το πρόβλημα, ένα προϊόν που πουλιέται ανά ημερομηνία

Ο χώρος εκδηλώσεων είναι ιδιότυπο προϊόν: δεν πουλάει «κάτι», πουλάει μια συγκεκριμένη ημέρα. Η μαμά που οργανώνει βάφτιση και το ζευγάρι που κλείνει δεξίωση έχουν ήδη ημερομηνία στο μυαλό τους πριν ανοίξουν το site — και η αναζήτηση γίνεται σχεδόν πάντα εκτός ωραρίου: βράδια, Κυριακές, στο κινητό.

Σε αυτό το σκηνικό, το κλασικό site χώρου εκδηλώσεων — φωτογραφίες, «επικοινωνήστε μαζί μας», φόρμα — χάνει τον μισό κόσμο στο πιο κρίσιμο σημείο. Η ερώτηση «είναι ελεύθερο το Σάββατο που θέλω;» απαντιέται την επόμενη μέρα στο τηλέφωνο, και μέχρι τότε ο ενδιαφερόμενος έχει μιλήσει με δύο άλλους χώρους που απάντησαν στην οθόνη.

Το Arte Garden είχε και ένα δεύτερο, καλό πρόβλημα: δώδεκα διαφορετικά είδη εκδηλώσεων — παιδικά πάρτι, βαφτίσεις, γάμοι και δεξιώσεις, χοροεσπερίδες, εταιρικά, σχολικές γιορτές, ενήλικα γενέθλια, αρραβώνες και επέτειοι, baby showers, gender reveals, γιορτινά events και κοπές πίτας. Δώδεκα κοινά που ψάχνουν με δώδεκα διαφορετικούς τρόπους, σε ένα site.

Η λύση, στατικό site με ζωντανό ημερολόγιο

Το νέο artegarden.gr χτίστηκε σε Astro και φιλοξενείται στο Cloudflare Pages. Όλο το περιεχόμενο — ο χώρος, τα είδη εκδηλώσεων, ο τιμοκατάλογος, το gallery — είναι προ-παραγόμενο και σερβίρεται στατικά από τον κοντινότερο κόμβο, γι’ αυτό και το Lighthouse δείχνει 100. Δυναμικό είναι μόνο το ένα πράγμα που πρέπει να είναι δυναμικό: η διαθεσιμότητα.

Πώς δουλεύει το ημερολόγιο κρατήσεων Ο επισκέπτης ανοίγει το ημερολόγιο και βλέπει κάθε ημερομηνία σε μία από τρεις καταστάσεις: διαθέσιμη, με περιορισμένη διαθεσιμότητα ή κλεισμένη. Πατά μια διαθέσιμη ημερομηνία και αυτή περνά αυτόματα στη φόρμα δήλωσης ενδιαφέροντος, μαζί με το είδος της εκδήλωσης από τα δώδεκα διαθέσιμα και τον αριθμό των καλεσμένων, έως εκατό. Η δήλωση δεν δεσμεύει τον πελάτη. Ο χώρος απαντά εντός είκοσι τεσσάρων ωρών με την οριστική διαθεσιμότητα, και η ημερομηνία κλειδώνει με την προκαταβολή σαράντα τοις εκατό. Το site μένει στατικό, και μόνο το ημερολόγιο είναι δυναμικό. ΜΙΑ ΗΜΕΡΟΜΗΝΙΑ, ΤΡΕΙΣ ΚΑΤΑΣΤΑΣΕΙΣ Διαθέσιμο η ημερομηνία δέχεται δήλωση ενδιαφέροντος Περιορισμένη διαθεσιμότητα υπάρχει ενδιαφέρον, βιάσου Κλεισμένο επιβεβαιωμένη εκδήλωση, δεν προσφέρεται 1 Κλικ στην ημερομηνία περνά αυτόματα στη φόρμα, μαζί με είδος εκδήλωσης (12 επιλογές) και καλεσμένους 2 Δήλωση χωρίς δέσμευση ο χώρος απαντά εντός 24 ωρών με την οριστική διαθεσιμότητα 3 Κλείδωμα με προκαταβολή 40% η ημερομηνία γίνεται «κλεισμένη» και φεύγει από την προσφορά το site μένει στατικό — μόνο το ημερολόγιο είναι δυναμικό

Η ενδιάμεση κατάσταση — η «περιορισμένη διαθεσιμότητα» — είναι η πιο σημαντική σχεδιαστική απόφαση του ημερολογίου. Λέει την αλήθεια χωρίς να κλείνει την πόρτα: η ημερομηνία συζητιέται, αλλά δεν έχει κλειδώσει, οπότε άξιζει να δηλώσεις κι εσύ. Και επειδή η δήλωση δεν δεσμεύει — το λέει ρητά το site — το ψυχολογικό κόστος του κλικ είναι μηδέν. Η δέσμευση έρχεται μόνο με την προκαταβολή, εκεί που ανήκει.

Το endpoint που τροφοδοτεί το ημερολόγιο είναι μια μικρή Pages Function:

// functions/api/availability.ts — η μόνη δυναμική διαδρομή του site
export const onRequestGet: PagesFunction<Env> = async ({ env, request }) => {
  const month = new URL(request.url).searchParams.get('month'); // "2026-09"

  // Μόνο ημέρα και κατάσταση. Ούτε ονόματα, ούτε στοιχεία — δεν είναι
  // δουλειά του δημόσιου API να ξέρει ποιος ενδιαφέρθηκε για ποια μέρα.
  const days = await availabilityFor(env, month); // free | limited | booked

  return Response.json(days, {
    // Cache στο edge: το ημερολόγιο μένει φρέσκο, αλλά το backend
    // δεν δέχεται ένα αίτημα ανά επισκέπτη.
    headers: { 'Cache-Control': 'public, max-age=300' },
  });
};

Δύο επιλογές εδώ έχουν σημασία. Το API επιστρέφει μόνο ημέρα και κατάσταση — καμία πληροφορία για το ποιος δήλωσε τι, γιατί ένα δημόσιο endpoint δεν έχει καμία δουλειά να κουβαλάει προσωπικά δεδομένα. Και το cache στο edge σημαίνει ότι το ημερολόγιο αντέχει οποιαδήποτε επισκεψιμότητα με μηδενικό κόστος: το backend ερωτάται λίγες φορές την ώρα, όχι μία φορά ανά επισκέπτη.

Agentic browsing 3/3, το νέο κοινό δεν είναι μόνο άνθρωποι

Το 2026, ένα κομμάτι των αναζητήσεων για χώρους εκδηλώσεων δεν γίνεται πια σε μηχανή αναζήτησης — γίνεται σε AI assistant: «βρες μου χώρους για βάφτιση στα νότια, δες ποιοι έχουν ελεύθερο τον Οκτώβριο, φτιάξε μου λίστα». Ο assistant στέλνει agent να διαβάσει τα sites, και ό,τι δεν διαβάζεται, δεν μπαίνει στη λίστα.

Το PageSpeed Insights το μετράει πλέον με το τεστ Agent Accessibility, και το artegarden.gr περνάει και τους τρεις ελέγχους:

Οι τρεις έλεγχοι του Agent Accessibility Ένας AI agent επισκέπτεται το site και εκτελεί τρεις ελέγχους. Πρώτον, αν το δέντρο προσβασιμότητας είναι σωστά σχηματισμένο, δηλαδή σωστά roles και landmarks χωρίς αντιφάσεις, ώστε ο agent να καταλαβαίνει τη δομή όπως ένας screen reader. Δεύτερον, αν το περιεχόμενο είναι διαθέσιμο χωρίς να απαιτείται JavaScript, πράγμα που στο Arte Garden ισχύει επειδή οι σελίδες είναι στατικό HTML. Τρίτον, αν υπάρχουν δομημένα δεδομένα που δηλώνουν τι είναι η επιχείρηση, δηλαδή EventVenue σε JSON-LD με τοποθεσία, χωρητικότητα και στοιχεία επικοινωνίας. Το αποτέλεσμα είναι τρία στα τρία: ο agent μπορεί να διαβάσει, να κατανοήσει και να προτείνει τον χώρο. ΤΙ ΕΛΕΓΧΕΙ ΕΝΑΣ AI AGENT AI agent ζητά τη σελίδα για λογαριασμό ενός πελάτη που ψάχνει χώρο ΕΛΕΓΧΟΣ 1 ✓ Σωστό δέντρο προσβασιμότητας σωστά roles και landmarks, χωρίς αντιφάσεις ΕΛΕΓΧΟΣ 2 ✓ Περιεχόμενο χωρίς JavaScript στατικό HTML: ό,τι βλέπει ο άνθρωπος, βλέπει κι ο agent ΕΛΕΓΧΟΣ 3 ✓ Δομημένα δεδομένα EventVenue σε JSON-LD: τι είναι, πού, πώς κλείνεις Agentic browsing: 3/3 ο agent μπορεί να διαβάσει, να καταλάβει, να προτείνει

Τα δομημένα δεδομένα είναι το κομμάτι που δουλεύει διπλά — και για τους agents και για τη Google. Δηλώνουμε τον χώρο με τον πιο συγκεκριμένο τύπο που διαθέτει το schema.org:

// src/pages/index.astro — τι δηλώνουμε σε Google και AI agents
const schema = {
  '@context': 'https://schema.org',
  '@type': 'EventVenue', // όχι γενικό LocalBusiness: ο τύπος ΕΙΝΑΙ η απάντηση
  name: 'Arte Garden',
  description: 'Ιδιωτικός κήπος εκδηλώσεων στο Παλαιό Φάληρο, έως 100 καλεσμένους.',
  address: {
    '@type': 'PostalAddress',
    streetAddress: 'Ναυσικάς 62',
    addressLocality: 'Παλαιό Φάληρο',
    postalCode: '175 64',
    addressCountry: 'GR',
  },
  telephone: '+30 211 409 9700',
  // Η χωρητικότητα είναι το πρώτο φίλτρο κάθε αναζήτησης χώρου.
  maximumAttendeeCapacity: 100,
  // Ο agent που βλέπει το ReserveAction δεν χρειάζεται να «ψάξει» το site —
  // ξέρει ακριβώς πού απαντιέται η μόνη ερώτηση που μετράει.
  potentialAction: {
    '@type': 'ReserveAction',
    target: 'https://artegarden.gr/kratisi/',
  },
};

Η επιλογή του EventVenue αντί για ένα γενικό LocalBusiness δεν είναι σχολαστικισμός. Όταν ο agent φιλτράρει «χώρους εκδηλώσεων στα νότια προάστια για 80 άτομα», ο τύπος και το maximumAttendeeCapacity στο JSON-LD είναι κυριολεκτικά τα κριτήρια του φίλτρου — το site που δηλώνει σωστά τι είναι κερδίζει τη θέση στη λίστα πριν καν συγκριθεί το περιεχόμενο.

Lighthouse 100, χωρίς αστερίσκους

Το 100 δεν ήρθε από βελτιστοποίηση της τελευταίας στιγμής — ήρθε από την αρχιτεκτονική. Στατικές σελίδες από το edge, εικόνες μέσα από το pipeline του Astro σε AVIF και WebP με ορισμένες διαστάσεις — άρα μηδέν CLS στις γεμάτες φωτογραφία σελίδες, που για κήπο εκδηλώσεων είναι όλες — κρίσιμο CSS inline, και JavaScript μόνο εκεί που υπάρχει λόγος: στο ημερολόγιο. Σε ένα site που θα το δουν χιλιάδες κινητά σε ώρα αναζήτησης, η ταχύτητα δεν είναι βαθμολογία — είναι πόσες δηλώσεις ενδιαφέροντος φτάνουν τελικά στο Arte Garden.

SEO, δώδεκα εκδηλώσεις σημαίνει δώδεκα κοινά

Μαζί με το site αναλάβαμε και το SEO ως υπηρεσία, και εδώ τα δώδεκα είδη εκδηλώσεων από πρόβλημα έγιναν πλεονέκτημα: κάθε είδος έχει τη δική του σελίδα, γιατί η μαμά που ψάχνει «χώρος για παιδικό πάρτι Παλαιό Φάληρο» και το ζευγάρι που ψάχνει «κτήμα για δεξίωση νότια προάστια» δεν θα πληκτρολογήσουν ποτέ την ίδια φράση. Δομημένα δεδομένα σε κάθε σελίδα, sitemap, OG tags και canonical, φωτογραφίες με περιγραφικό alt text, και εσωτερική διασύνδεση που στέλνει το βάρος στη σελίδα κράτησης.

Η πλήρης εικόνα κλείνει εκεί που άνοιξε: το SEO φέρνει τον επισκέπτη, το Lighthouse 100 τον κρατάει, το ημερολόγιο τον μετατρέπει σε δήλωση ενδιαφέροντος — και το Arte Garden απαντά μέσα σε 24 ώρες. Κάθε κρίκος μόνος του δεν αρκεί.

Έχετε χώρο εκδηλώσεων, κτήμα ή αίθουσα με site που απαντά «θα σας πάρουμε τηλέφωνο»; Δείτε την υπηρεσία μας κατασκευή ιστοσελίδων ή ζητήστε προσφορά — το ημερολόγιο διαθεσιμότητας είναι το πρώτο πράγμα που θα συζητήσουμε.

CASE STUDIES

Άλλα έργα που ίσως σας ενδιαφέρουν

Παρόμοιες υπηρεσίες, ίδια δομή: πρόβλημα, στρατηγική, before/after, μετρήσεις.

Όλα τα case studies →

Παρόμοιο έργο στο μυαλό σας;

Πες μας τι θέλεις να πετύχεις και θα σου στείλουμε σταθερή προσφορά σε 24 ώρες.