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.
Γκαλερί

Αρχική — καταλύματα και beach bar, ένα τηλεφώνημα μακριά

Καταλύματα — φίλτρο ανά ακτή, κράτηση απευθείας με τον ιδιοκτήτη

Αρχική — το OKKIO, από τον πρωινό καφέ ως τα κοκτέιλ του δειλινού

Vrachos Lofts — κάθε κατάλυμα με τη δική του σελίδα

Επισκόπηση — όσα ρωτούν οι επισκέπτες πριν κλείσουν

Γκαλερί — κάθε δωμάτιο σε πλήρες μέγεθος, με τα βέλη ή με σάρωση

OKKIO — μια μέρα στο beach bar, από το πρωί ως το ηλιοβασίλεμα

Τοποθεσία — πραγματικές αποστάσεις, και Google Maps μόνο όταν το ζητήσετε

Αρχική — ένα slideshow με τα δωμάτια, την παραλία και το bar

OKKIO Beach Bar — μια δική του σελίδα, πάνω στην άμμο στη Βεργιά

InLofts Afytos — στούντιο ένα λεπτό από την πλατεία του χωριού

Κατάλογος — τι σερβίρει το OKKIO, ευανάγνωστο σε κάθε οθόνη

Ήχος — θάλασσα, μουσική και εφέ, το καθένα με δικό του διακόπτη

Αρχική — όλη η πρόταση στην πρώτη οθόνη του κινητού

Μενού — κάθε κατάλυμα και το τηλέφωνο του ιδιοκτήτη σε ένα πάνελ

Φίλτρα — τα διαμερίσματα δίπλα στη θάλασσα στη Βεργιά με ένα πάτημα

Theros Apartments — οικογενειακή διαμονή πάνω από τη Μόλα Καλύβα

OKKIO — πρωινός καφές στη σκιά, πριν γεμίσει η παραλία

Γκαλερί — σαρώστε τα δωμάτια, με περιγραφή σε κάθε φωτογραφία

Επικοινωνία — τηλέφωνο, WhatsApp ή Viber, κατευθείαν στον ιδιοκτήτη