ΔΕΥΑ Βισαλτίας — Ανακατασκευή Ιστοσελίδας Δημόσιου Φορέα στη Νιγρίτα Σερρών
Ανακατασκευή ιστοσελίδας για τη ΔΕΥΑ Βισαλτίας (deyab.gr): custom WordPress theme με task-first σχεδιασμό, 100% διατήρηση περιεχομένου και URLs, WCAG 2.1 AA και go-live χωρίς downtime.
www.deyab.gr
Από την Πρόκληση στη Λύση
Η Πρόκληση
Η ΔΕΥΑ Βισαλτίας είναι δημόσιος φορέας ύδρευσης, αποχέτευσης και άρδευσης με έδρα τη Νιγρίτα Σερρών — και οι πολίτες έρχονται στο deyab.gr κυρίως για δύο πράγματα: να εξοφλήσουν τον λογαριασμό τους και να δηλώσουν μια βλάβη. Το site όμως έτρεχε πάνω σε ένα γενικό εμπορικό θέμα εποχής 2018 και σε WordPress core του 2022, με τις δύο αυτές ενέργειες θαμμένες μέσα σε μενού και λίστες συνδέσμων. Παράλληλα, το site κουβαλούσε πολύτιμο αρχειακό υλικό ετών: εκατοντάδες σελίδες και άρθρα — ενημερωτικά τεύχη, αναλύσεις νερού, προκηρύξεις, έργα ΕΣΠΑ — και πάνω από 200 PDF έγγραφα. Ο περιορισμός ήταν απόλυτος και μη διαπραγματεύσιμος: τίποτα από όλο αυτό το περιεχόμενο δεν επιτρεπόταν να χαθεί, να μετακινηθεί ή να αλλάξει διεύθυνση. Έπρεπε να αλλάξει μόνο ένα πράγμα — το πόσο εύκολα μπορεί ο πολίτης να το χρησιμοποιήσει.
Η Λύση μας
Αντιμετωπίσαμε το έργο ως καθαρό πείραμα εμπειρίας χρήστη: ίδιο περιεχόμενο, ίδια URLs, νέα εμπειρία. Χτίσαμε από το μηδέν custom WordPress theme («deyab») με φωτεινό, θεσμικό design system και πλήρη στόχευση WCAG 2.1 AA — skip links, ρητό focus, πλοήγηση με πληκτρολόγιο, σεβασμό στο prefers-reduced-motion. Η νέα αρχική σχεδιάστηκε task-first: η «Εξόφληση Λογαριασμού» και η «Δήλωση Βλάβης» έγιναν τα δύο πρώτα κουμπιά που βλέπει ο επισκέπτης, χωρίς scroll και χωρίς ψάξιμο, με τις τέσσερις υπηρεσίες (Ύδρευση, Άρδευση, Αποχέτευση, Ποιότητα Νερού) σε καθαρές κάρτες από κάτω και μια γραμμή γρήγορων ενεργειών για όλα τα υπόλοιπα. Επτά βασικές εσωτερικές σελίδες ξαναχτίστηκαν με τα ίδια ακριβώς κείμενα σε νέα δομή — πλακίδια με εικονίδια, λίστες εγγράφων, πίνακες σύγκρισης, ακόμα και ένα custom SVG διάγραμμα για τον κύκλο του νερού. Παράλληλα με το redesign, το site μεταφέρθηκε σε δική μας υποδομή φιλοξενίας, ο πυρήνας WordPress αναβαθμίστηκε από την έκδοση 5.9 στην 7.0 και η PHP στην 8.3, στήθηκε πλήρης θωράκιση ασφαλείας με καθαρό full scan, Cloudflare και SSL — και το go-live έγινε με απλή αλλαγή DNS, χωρίς ούτε ένα λεπτό downtime. Μετά τη μετάβαση, ο τελικός έλεγχος διέτρεξε 1.571 URLs του site: όλα λειτουργικά, με μηδέν redirects, γιατί καμία διεύθυνση δεν χρειάστηκε να αλλάξει.
Η Διαδικασία μας
- 01
Inventory & Staging Restore
Πλήρες αντίγραφο του παλιού site (20.000+ αρχεία, βάση δεδομένων, 1,5GB media) σε staging περιβάλλον στη δική μας υποδομή — χωρίς να αγγιχτεί το ζωντανό site. Καταγραφή plugins, χρηστών, δομής περιεχομένου και τεχνικού χρέους πριν από οποιαδήποτε απόφαση.
- 02
UX Architecture — Task-first
Η ιεράρχηση ξεκίνησε από τις πραγματικές ανάγκες του πολίτη: η εξόφληση λογαριασμού και η δήλωση βλάβης — δύο από τις βασικότερες ενέργειες σε έναν φορέα ύδρευσης — έγιναν τα πρώτα στοιχεία της οθόνης. Τέσσερις κάρτες υπηρεσιών και quick actions αντικατέστησαν τις λίστες συνδέσμων.
- 03
Custom Theme «deyab» — WCAG 2.1 AA
Standalone WordPress theme από το μηδέν, χωρίς page builders: φωτεινό design system με design tokens, τυπογραφία Inter, προσεκτικά contrast ratios, skip links, focus states, keyboard πλοήγηση και prefers-reduced-motion — προσβασιμότητα σχεδιασμένη από την αρχή, όχι εκ των υστέρων.
- 04
Ανασχεδίαση εσωτερικών σελίδων — ίδια κείμενα
Επτά βασικές σελίδες (Η ΔΕΥΑΒ, Πληροφορίες, Έντυπα, Επικοινωνία, Περιβάλλον κ.ά.) ξαναχτίστηκαν με τα ίδια ακριβώς κείμενα και links σε νέα δομή: tile grids με εικονίδια, λίστες εγγράφων, comparison grids ορθής χρήσης νερού και custom SVG διάγραμμα του κύκλου του νερού.
- 05
Εκσυγχρονισμός & Ασφάλεια
WordPress core 5.9 → 7.0, PHP 7.4 → 8.3, ενημέρωση όλων των plugins, αφαίρεση εγκαταλελειμμένων, πλήρες Wordfence scan (17.665 αρχεία — καθαρό), firewall, κρυφό URL σύνδεσης και αυτόματα ημερήσια backups βάσης δεδομένων.
- 06
Zero-downtime Go-live & Μετάβαση
Go-live με απλή αλλαγή DNS και μηδέν διακοπή λειτουργίας, SSL και Cloudflare, μεταφορά και των 13 email θυρίδων του φορέα στη νέα υποδομή, και τελικός έλεγχος 1.571 URLs — όλα λειτουργικά, με μηδέν redirects, γιατί καμία διεύθυνση δεν άλλαξε.
Δες το site σε action
Κάνε scroll: το site ξετυλίγεται ολόκληρο μέσα στο πλαίσιο — από το hero μέχρι το footer.
Το design είναι μια σειρά αποφάσεων.
Ίδιο περιεχόμενο · Ίδια URLs · Νέα εμπειρίαΔημόσιος φορέας ύδρευσης — και πολίτες που έρχονται στο site για δύο πράγματα: να πληρώσουν τον λογαριασμό και να δηλώσουν μια βλάβη. Δεν αλλάξαμε τίποτα από όσα υπήρχαν. Αλλάξαμε το πόσο εύκολα μπορεί ο άνθρωπος να τα χρησιμοποιήσει.
Πηγή «πριν»: Wayback Machine — το site παρέμεινε στο ίδιο θέμα έως την ανακατασκευή του 2026 (τα νεότερα snapshots μπλοκάρονταν από το σύστημα προστασίας του παλιού hosting).
01
02
03Task-first: οι δύο πραγματικές ανάγκες, πρώτες στην οθόνη
- 01«Εξόφληση Λογαριασμού» — το πρώτο κουμπί
Μία από τις βασικότερες ενέργειες του πολίτη έγινε το πρώτο πράγμα που βλέπει — χωρίς scroll, χωρίς ψάξιμο σε μενού.
- 02«Δήλωση Βλάβης» — αμέσως δίπλα
Μία ακόμη κρίσιμη ανάγκη, δεύτερο κουμπί. Όταν τρέχει το νερό στον δρόμο, κανείς δεν έχει διάθεση για εξερεύνηση.
- 03Υπηρεσίες σε καθαρές κάρτες
Ύδρευση, Άρδευση, Αποχέτευση, Ποιότητα Νερού — τέσσερις κάρτες με εικονίδια αντί για λίστες συνδέσμων.
Ο περιορισμός που έγινε απόδειξη
Όλες οι σελίδες, τα PDF και τα URLs διατηρήθηκαν — χωρίς αλλαγή της υπάρχουσας URL αρχιτεκτονικής και χωρίς ανάγκη migration redirects. Η νέα εμπειρία προέκυψε από διαφορετική ιεράρχηση, πλοήγηση και διεπαφή, όχι από αλλαγή του περιεχομένου.
Quick Actions για όλα τα υπόλοιπα
Αιτήσεις & έντυπα, τηλέφωνα, επικοινωνία — μία γραμμή γρήγορων ενεργειών κάτω από το hero, ώστε καμία συχνή ανάγκη να μη θέλει πάνω από ένα tap.
Τα Αποτελέσματα
Δες το Project
Scroll μέσα στα πλαίσια για να δεις κάθε σελίδα ολόκληρη — ή «Μεγέθυνση» για προβολή σε πλήρες μέγεθος.
Συχνές Ερωτήσεις
Σημαίνει ότι αλλάζει η εμπειρία, όχι το περιεχόμενο: όλες οι σελίδες, τα άρθρα, τα PDF και τα URLs μένουν ακριβώς όπως είναι, και ξαναχτίζεται μόνο το theme — η δομή, η πλοήγηση και η διεπαφή. Στη ΔΕΥΑ Βισαλτίας διατηρήθηκε το 100% του περιεχομένου με μηδέν redirects. Έτσι δουλεύουμε κάθε έργο κατασκευής ιστοσελίδων που αφορά υπάρχον site.
Όχι, αν γίνει σωστά. Ο μεγαλύτερος κίνδυνος σε ένα redesign είναι οι αλλαγές URLs και το χαμένο περιεχόμενο — γι' αυτό στη ΔΕΥΑΒ κρατήσαμε ανέγγιχτη όλη την υπάρχουσα URL αρχιτεκτονική: ο τελικός έλεγχος διέτρεξε 1.571 διευθύνσεις και όλες λειτουργούσαν χωρίς κανένα redirect. Δες και τις υπηρεσίες SEO για το πώς προστατεύεται και ενισχύεται η οργανική παρουσία.
Η ανακατασκευή κοστολογείται όπως η κατασκευή: απλές παρουσιαστικές ιστοσελίδες από 400€ και 700€, Business sites 1.200€, ενώ πλήρως custom έργα — όπως η ΔΕΥΑΒ, με διατήρηση όλου του περιεχομένου, προσβασιμότητα WCAG και μετάβαση hosting — κοστολογούνται κατόπιν προσφοράς. Δες αναλυτικά τα πακέτα στη σελίδα κατασκευή ιστοσελίδων.
Εξαρτάται από τον όγκο του περιεχομένου και τις τεχνικές εκκρεμότητες του παλιού site. Στη ΔΕΥΑ Βισαλτίας, από το staging restore μέχρι το go-live χρειάστηκε περίπου μία εβδομάδα — με το νέο site να χτίζεται και να ελέγχεται πλήρως σε staging, ώστε η ζωντανή μετάβαση να γίνει με μια αλλαγή DNS και μηδέν downtime.
Ναι — η ΔΕΥΑ Βισαλτίας είναι ζωντανό παράδειγμα. Οι ιστοσελίδες δημόσιων φορέων έχουν ιδιαίτερες απαιτήσεις: προσβασιμότητα WCAG 2.1 AA, διαφάνεια, αρχειακό υλικό που δεν επιτρέπεται να χαθεί, σωστό δομημένο markup (GovernmentOrganization schema) και αξιόπιστη φιλοξενία και συντήρηση σε βάθος χρόνου. Το περιεχόμενο προέρχεται πάντα από τις επίσημες πηγές του φορέα.
Έτοιμος για το δικό σου project;
Πες μας τους στόχους σου — θα σχεδιάσουμε μια στρατηγική φτιαγμένη στα μέτρα της επιχείρησής σου.
Επικοινώνησε μαζί μας