Αρχική σελίδα
Η Αρχική σελίδα του artodon.gr λειτουργεί σαν one page site, περιλαμβάνει δηλαδή το μεγαλύτερο μέρος των πληροφοριών που χρειάζεται ο επισκέπτης σχετικά με την ομάδα.
Hero Section
Στο πρώτο τμήμα της σελίδας εμφανίζονται εικονίδια που αντιπροσωπεύουν τις δραστηριότητες που προσφέρει η Art’ οδόν. Η κάθε δραστηριότητα έχει αντιστοιχηθεί με ένα χρώμα που είναι και το χρώμα του πλαισίου του σχετικού τμήματος των δράσεων.
Ταυτότητα
Στο δεύτερο τμήμα της αρχικής σελίδας συστήνεται η δημιουργός της Art’ οδόν.
Συνεργασίες
Στην τέταρτη section ης σελίδας παρουσιάζονται σε μορφή “καρουζέλ” οι επιχειρήσεις. τα σχολεία, οι σύλλογοι κτλ. που μας επέλεξαν για τις εκδηλώσεις τους.
Newsletter
Στο τελευταίο τμήμα της σελίδας υπάρχει φόρμα επικοινωνίας μέσω της οποίας, ο επισκέπτης του σάιτ μπορεί να στείλει μήνυμα στην Art’ οδόν.
Footer
Η footer της σελίδας περιλαμβάνει τα στοιχεία επικοινωνίας της επιχείρησης και συνδέσμους για τα κοινωνικά της δίκτυα. Επίσης, περιλαμβάνει μια μικρή φόρμα εγγραφής στο newsletter της Art’ οδόν.
Header
Η κεφαλίδα βρίσκεται στην κορυφή του ιστοτόπου και περιλαμβάνει τον λογότυπο της Art’ Οδόν και το μενού του ιστοτόπου. Όταν ο επισκέπτης κάνει κύληση προς τα κάτω, η header αρχικά συμπτύσσεται και αν συνεχίσει η κύληση εξαφανίζεται. Εάν γίνει κύληση προς τα πάνω η κεφαλίδα επανεμφανίζεται συμπτυγμένη. Εάν ο επισκέπτης επιστρέψει στην κορυφή της σελίδας, η header αποκτά ξανά το αρχικό πλήρες πλάτος της.
Οι σύνδεσμοι στο μενού της header οδηγούν στο αντίστοιχο τμήμα της αρχικής σελίδας – και όχι σε άλες σελίδες, καθώς ο ιστότοπος λειτουργεί ως one page website.
Επιλογή γλώσσας
Ο ιστότοπος artodon.gr διατίθεται σε δύο γλώσσες – Ελληνικά και Αγγλικά. Η εναλλαγή μεταξύ των δύο γλωσσών γίνεται από τον επιλογέα γλώσσας που βρίσκεται στη header, δεξιά του μενού του ιστοτόπου.
Κουμπί Back to top
Το κυκλικό κουμπί “Back to top” εμφανίζεται όταν ο επισκέπτης κάνει κύληση προς τα κάτω, ώστε αν θελήσει να μπορεί εύκολα να επιστρέψει στην κορυφή της σελίδας. Η περίμετρος του ροζ κυκλικού δίσκου αρχίζει να γίνεται λευκή και δείχνει στον επισκέπτη τι ποσοστό του σάιτ βρίσκεται ” πάνω” και “κάτω” από το σημείο που βλέπει ανά πάσα στιγμή.