Πίσω στο Portfolio
Η αρχική σελίδα του Property Management: κάτω από τη γραμμή «Chalkidiki, Northern Greece», ο τίτλος «Stays in Chalkidiki, kept by their owner», με τη δεύτερη γραμμή σε πλάγια, πάνω σε φωτογραφία με ξαπλώστρες και ομπρέλες με κρόσσια σε παραλία με φοίνικες στο ηλιοβασίλεμα· από κάτω μια σύντομη εισαγωγή με τα κουμπιά «Explore the stays» και «Visit OKKIO», και δεξιά μια ημιδιάφανη κάρτα, «Speak with George», με κουμπιά για κλήση, WhatsApp και Viber.
Άνοιγμα του propertymanagement.com.gr σε νέα καρτέλα

Property Management — Καταλύματα και beach bar στη Χαλκιδική, από τον ιδιοκτήτη τους

Επισκόπηση

Το Property Management είναι η συλλογή καταλυμάτων διακοπών του Γιώργου Ντούβα στη Χαλκιδική: boutique lofts και στούντιο στην Άφυτο, το χωριό πάνω στον βράχο, διαμερίσματα δίπλα στη θάλασσα στη Βεργιά και οικογενειακά διαμερίσματα πάνω από τη Μόλα Καλύβα. Ο ίδιος έχει και το OKKIO, ένα beach bar πάνω στην άμμο στη Βεργιά. Ο Γιώργος φροντίζει προσωπικά κάθε κατάλυμα, και οι επισκέπτες κλείνουν μιλώντας μαζί του, όχι μέσα από σύστημα κρατήσεων.

Η ιστοσελίδα, στα ελληνικά και στα αγγλικά, δίνει σε κάθε κατάλυμα τη δική του σελίδα με όσα ρωτά ένας επισκέπτης πριν κλείσει — κρεβάτια, θέα, αποστάσεις, στάθμευση, τη διαδρομή από το αεροδρόμιο — και προσθέτει έναν οδηγό για τις ακτές και μια σελίδα για τη μέρα στο OKKIO, από τον πρωινό καφέ ως το ηλιοβασίλεμα. Οι σελίδες αλλάζουν χωρίς επαναφόρτωση, έτσι η μουσική και ο ήχος της θάλασσας, όταν τα ενεργοποιήσει ο επισκέπτης, συνεχίζουν από τη μία σελίδα στην άλλη.

Προκλήσεις

Καταλύματα σε τρεις διαφορετικές ακτές, ένα beach bar και κανένα σύστημα κρατήσεων: κάθε σελίδα έπρεπε να απαντά στις πραγματικές ερωτήσεις ενός επισκέπτη και να καταλήγει σε συζήτηση με τον ιδιοκτήτη — στο τηλέφωνο, στο WhatsApp ή στο Viber, χωρίς φόρμα ενδιάμεσα. Η ιστοσελίδα έχει κίνηση, μουσική και τον ήχο της θάλασσας, κι όμως έπρεπε να φορτώνει γρήγορα στο κινητό και να τηρεί αυστηρή πολιτική ασφαλείας που δεν επιτρέπει κανένα script τρίτων. Ο ήχος στο web είναι εύθραυστος: δεν πρέπει να παίζει ποτέ χωρίς να τον ζητήσει ο επισκέπτης, πρέπει να αντέχει την αλλαγή σελίδας, και το Safari ενεργοποιεί τον ήχο μόνο μέσα στο ίδιο το κλικ που τον ζητά. Και όλα αυτά έπρεπε να παραδοθούν σε επτά ημέρες.

Λύσεις

Το περιεχόμενο βρίσκεται σε JSON, με τα ελληνικά και τα αγγλικά δίπλα δίπλα, και ένα build σε Python χωρίς εξαρτήσεις γράφει κάθε σελίδα μαζί με τα δομημένα δεδομένα της, το sitemap και το llms.txt, και δίνει στα scripts και στα styles αποτύπωμα στο όνομα, ώστε μια αλλαγή να μη σερβίρεται ποτέ ξεπερασμένη. Το Swup αλλάζει μόνο το κύριο περιεχόμενο, έτσι η κεφαλίδα και η μηχανή ήχου Web Audio μένουν στη θέση τους: ήχος θάλασσας, μια λίστα μουσικής και ήχοι περιήγησης, ο καθένας στο δικό του κανάλι. Τίποτα δεν παίζει πριν ο επισκέπτης απαντήσει σε μια διακριτική ερώτηση για τον ήχο, και η θέση της μουσικής αποθηκεύεται, ώστε ακόμη και η αλλαγή γλώσσας να συνεχίζει από το ίδιο δευτερόλεπτο. Ο χάρτης σχεδιάζεται σε SVG από δεδομένα ακτογραμμής και τις συντεταγμένες κάθε καταλύματος, και το Google Maps φορτώνει μόνο όταν το ζητήσει κάποιος. Οι φωτογραφίες πέρασαν από ενιαία χρωματική επεξεργασία και κρατήθηκαν μέσα σε αυστηρά όρια μεγέθους, και κάθε σελίδα που ελέγχθηκε με το Lighthouse πήρε 100 σε προσβασιμότητα και SEO.