Koutras Tax
Έργα | | Σύνδεσμοι: Δείτε το live
Πλήρες εταιρικό site για ελληνικό γραφείο λογιστικών, φορολογικών και συμβουλευτικών υπηρεσιών: δίγλωσσο με προτεραιότητα στα αγγλικά, πλήρως static (Astro 5), ενότητα νέων που την ενημερώνει το ίδιο το γραφείο, και μετάβαση στο ίδιο domain ώστε να διατηρηθούν δέκα χρόνια παρουσίας στις μηχανές αναζήτησης.
Κατάσταση: προς δημοσίευση. Το site είναι πλήρες σε περιεχόμενο και βρίσκεται σε τελικό έλεγχο, και θα αντικαταστήσει το σημερινό site του γραφείου στο υπάρχον domain. Το link για live προεπισκόπηση βρίσκεται παραπάνω.
Με μια ματιά
| Φορέας | Ιωάννης Κούτρας & Συνεργάτες: λογιστικές, φορολογικές και συμβουλευτικές υπηρεσίες (ιδρ. 1991) |
| Stack | Astro 5 + TypeScript, πλήρως static: χωρίς CMS, χωρίς βάση δεδομένων |
| Γλώσσες | Αγγλικά (default), ελληνικά |
| Νέα | Τα δημοσιεύει το ίδιο το γραφείο, χωρίς μεσολάβηση developer |
| Μετάβαση | Στο ίδιο domain, με διατήρηση 10+ ετών παρουσίας στις μηχανές αναζήτησης |
Το ζητούμενο
Το γραφείο εξυπηρετεί επιχειρήσεις και ιδιώτες από το 1991 και το δυνατό του σημείο είναι η βαθιά γνώση της ελληνικής πραγματικότητας, εξίσου πολύτιμη για Έλληνες και ξένους (ιδιώτες ή εταιρείες) που δραστηριοποιούνται επιχειρηματικά ή έχουν ακίνητα στην Ελλάδα. Τίποτα από αυτά δεν ήταν αποδοτικά παρουσιασμένο στο παλιό site: μόνο ελληνική γλώσσα, ανύπαρκτο responsiveness, ανεπαρκές/κακό UX/UI. Το νέο site έπρεπε να απευθύνεται πρώτα στο αγγλόφωνο κοινό, να καλύπτει όλο το φάσμα των υπηρεσιών και στις δύο γλώσσες, και να ενημερώνεται εύκολα, χωρίς να χρειάζεται webmaster.
Η κατασκευή
Ένα πλήρως static site σε Astro 5 και TypeScript, σε Cloudflare Pages: κάθε push γίνεται αυτόματα deploy, το hosting είναι ουσιαστικά δωρεάν, και τίποτα δεν χρειάζεται patching.
Το περιεχόμενο ήταν εξίσου μεγάλο κομμάτι της δουλειάς με τον κώδικα, και διαμορφώθηκε σε συνεννόηση με το γραφείο: μου παρουσιάστηκε το πρωτογενές του υλικό, πρότεινα συγκεκριμένες λύσεις για την οργάνωσή του, και μέσα από αυτή τη διαδικασία προέκυψε η τελική δομή. Το ίδιο έγινε και στη σχεδίαση: ετοίμασα τέσσερις εναλλακτικές εκδοχές της αρχικής σελίδας, όλες λειτουργικές στο preview site, και το γραφείο επέλεξε αυτή που προτιμούσε. Ο πυρήνας του περιεχομένου είναι ένας δομημένος, δίγλωσσος κατάλογος υπηρεσιών:
| Λογιστικά | Ιδιώτες, εταιρείες και μισθοδοσία, σε διάταξη με καρτέλες (tabs) |
| Φορολογικά | Έξι ενότητες, από συμβουλευτική και ΦΠΑ μέχρι ακίνητα, ελέγχους και φορολογική εκπροσώπηση |
| Συμβουλευτικά | Σύσταση εταιρειών, εξαγορές και συγχωνεύσεις, χρηματοοικονομικές συμβουλές, επιχειρηματικός κίνδυνος |
Γύρω από αυτόν τον πυρήνα:
- Δίγλωσσο από κατασκευή: αγγλικά (root), ελληνικά κάτω από το πρόθεμα
/el/με slugs σε λατινικούς χαρακτήρες, συνδεδεμένες μεταφράσεις σε κάθε σελίδα, μέχρι και δίγλωσση σελίδα 404. - Η ταυτότητα του γραφείου, υλοποιημένη: παραλλαγές του SVG λογότυπου ανά γλώσσα, αντίστοιχα favicons, και dark mode σε navy, δουλεμένο ως πλήρης δεύτερη παλέτα, μέχρι και τον χάρτη Google, σε δικό του custom στυλ (χρώματα εναρμονισμένα με την παλέτα του site, αφαίρεση του “θορύβου” από τοπωνύμια και γύρω επιχειρήσεις) ώστε να εντάσσεται στη σχεδίαση αντί να ξεχωρίζει.
- SEO: τίτλοι και περιγραφές ανά σελίδα, canonical URLs, κάρτες για κοινοποίηση στα social media, XML sitemap, breadcrumbs με structured data, και δήλωση της δίγλωσσης δομής μέσω hreflang.
- Πρακτικές λεπτομέρειες παντού: διευθύνσεις email προστατευμένες από scrapers, τηλέφωνα με κλήση με ένα πάτημα μόνο στα κινητά, οδηγίες πρόσβασης σε αναδιπλούμενη ενότητα (accordion) στη σελίδα επικοινωνίας.
- Ασφάλεια και συνέχεια: χωρίς βάση δεδομένων και χωρίς κώδικα που εκτελείται στον server, το attack surface του site είναι ουσιαστικά μηδενικό. Παράλληλα, περιεχόμενο και σχεδίαση είναι πλήρως versioned: κάθε αλλαγή καταγράφεται, κάθε προηγούμενη κατάσταση μπορεί να επανέλθει άμεσα, και αυτό λειτουργεί ως μια αποτελεσματική στρατηγική backup.
Νέα από το ίδιο το γραφείο
Σε ένα static site, κάθε ενημέρωση περνά συνήθως από τον developer. Εδώ η ενότητα νέων δεν περνά: το γραφείο γράφει και δημοσιεύει τα δικά του άρθρα από τον browser, με έτοιμα δίγλωσσα templates, κάθε άρθρο περνά από έλεγχο πριν δημοσιευτεί, και το site αναδημοσιεύεται αυτόματα. Κατηγορίες, σελιδοποίηση και τα ζεύγη ελληνικής/αγγλικής έκδοσης τα αναλαμβάνει το σύστημα. Το αποτέλεσμα λειτουργεί σαν CMS, χωρίς όμως CMS που να θέλει hosting, προστασία και αναβαθμίσεις.
Κατά τον σχεδιασμό εξετάστηκε και η επιλογή ενός headless CMS. Το γραφείο όμως είναι εξοικειωμένο με την τεχνολογία, και η διαδικασία δημοσίευσης που ετοίμασα, δοκιμασμένη μαζί του βήμα προς βήμα, αποδείχθηκε απλή στην καθημερινή χρήση. Αν οι ανάγκες μεγαλώσουν, η προσθήκη headless CMS παραμένει ένα διαθέσιμο επόμενο βήμα.
Gallery
Το αποτέλεσμα
Η μετάβαση γίνεται στο υπάρχον domain του γραφείου, διατηρώντας τα 10+ χρόνια παρουσίας του στις μηχανές αναζήτησης: κάθε παλιό URL ανακατευθύνεται μόνιμα στο νέο του αντίστοιχο, και η δίγλωσση δομή δηλώνεται πλήρως (hreflang). Το γραφείο αποκτά ένα site γρήγορο, εγγενώς ασφαλές, με δυνατότητα εύκολης ενημέρωσης της ενότητας που χρειάζεται περισσότερο (νέα) χωρίς μεσολάβηση developer, και που επιτέλους απευθύνεται στη διεθνή πελατεία που ήδη εξυπηρετεί.
