Ξαναέφτιαξα το portfolio μου από την αρχή. Η παλιά ιστοσελίδα ήταν μια σκούρα neo-brutalist σελίδα που έτρεχε ένα script Tailwind από CDN πάνω σε ένα JSON grid· αυτή είναι ένα στατικό build σε Astro 5, με React islands μόνο εκεί όπου το απαιτεί η αλληλεπίδραση. Το επίκεντρο είναι η σελίδα των έργων — ένας πίνακας τύπου χάρτη όπου 36 έργα κάθονται σε πέντε περιοχές, μία ανά ειδικότητα. Η ρόδα κάνει ζουμ στον κέρσορα, το σύρσιμο μετακινεί με ορμή, δύο δάχτυλα κάνουν pinch, και τα φίλτρα πετούν την οπτική σε μια κατηγορία και σβήνουν τις υπόλοιπες. Με το ζουμ, οι πινέζες γίνονται κάρτες. Κάθε κόμβος είναι πραγματικός σύνδεσμος, οπότε κάθε έργο χτίζεται και ως δική του στατική σελίδα που ανοίγει με το modal του ήδη στην οθόνη. Η αρχική είναι μια σειρά από ενότητες οδηγούμενες από το scroll: ένα καρφιτσωμένο hero με carousel έξι διαφανειών, μια ενότητα about όπου οι παράγραφοι γεμίζουν γράμμα-γράμμα ενώ συσσωρεύεται μια στοίβα εικόνων, ένα fisheye reel με γρήγορα στοιχεία, ένα accordion δεξιοτήτων, και ένα reel έργων του οποίου η τροχιά κυλά πλάγια καθώς κατεβαίνεις — σε κινητά όπως και σε desktop. Όλο το περιεχόμενο ζει σε ένα αρχείο JSON. Δεν υπάρχει CMS, βάση δεδομένων ή server runtime.
Ένας εξερευνήσιμος χάρτης εύκολα αποπροσανατολίζει και εύκολα γίνεται μη προσβάσιμος. Έπρεπε επίσης να παραμείνει στατικό build — χωρίς server — δίνοντας παράλληλα σε 36 έργα πραγματικά URL που μοιράζονται, και το motion έπρεπε να αντέχει στο κινητό.
Λύσεις
Κάθε κόμβος του χάρτη είναι σύνδεσμος προς σελίδα που παράγεται κατά το build, οπότε ο πίνακας παραμένει πλοηγήσιμος, κοινοποιήσιμος και ανιχνεύσιμος ακόμη και με το JavaScript κλειστό. Το level of detail αλλάζει πινέζες σε κάρτες καθώς κάνεις ζουμ, και τα φίλτρα πετούν την οπτική αντί να επαναφορτώνουν. Οι ενότητες καρφιτσώνονται με GSAP ScrollTrigger και οδηγούνται από τη θέση του scroll αντί από ticker, κάτι που τις κρατά τίμιες στις συσκευές αφής. Όλο το site παραδίδεται ως στατικό HTML από το Astro, με React μόνο στο ένα component που πραγματικά το χρειάζεται.
Ο Χάρτης Έργων — 36 Έργα σε Πέντε ΠεριοχέςΦιλτραρισμένη Προβολή — Ένα Φίλτρο Πετά τον Πίνακα σε Μία ΚατηγορίαAbout — Scrollytelling με Γέμισμα Γράμμα-ΓράμμαΑγαπημένα Έργα — Μια Τροχιά που Κυλά ΠλάγιαModal Έργου — Ανοίγει Επιτόπου, με Δικό του URLΕπικοινωνία — Το Κατάστιχο του Κλεισίματος
Ο ιστότοπός μας έχει σχεδιαστεί σύμφωνα με τις τελευταίες οδηγίες προσβασιμότητας WCAG 2.2 Level AA (Web Content Accessibility Guidelines). Αυτό σημαίνει ότι ο ιστότοπος είναι προσβάσιμος σε όλους τους χρήστες, συμπεριλαμβανομένων ατόμων με αναπηρίες.
Χαρακτηριστικά Προσβασιμότητας:
Κατάλληλη αντίθεση χρωμάτων για εύκολη ανάγνωση
Ευανάγνωστες γραμματοσειρές και μεγέθη κειμένου
Πλήρης υποστήριξη πλοήγησης μέσω πληκτρολογίου
Εναλλακτικό κείμενο για όλες τις εικόνες
Σαφής δομή και σημασιολογική HTML
Συμβατότητα με screen readers
Βελτιωμένα μεγέθη στόχων αφής
Ορατοί δείκτες εστίασης
Η προσβασιμότητα είναι η δέσμευσή μας προς όλους τους χρήστες.
Χρηματοδότηση ΕΕ - NextGenerationEU
Χρηματοδοτείται από την Ευρωπαϊκή Ένωση – NextGenerationEU
Η επιχείρηση χρηματοδοτήθηκε στο πλαίσιο της Δράσης «Επιδότηση Επιχειρηματικών Πρωτοβουλιών Νέων Ελεύθερων Επαγγελματιών (ΝΕΕ)» της Δημόσιας Υπηρεσίας Απασχόλησης (ΔΥΠΑ), με χρηματοδότηση από την Ευρωπαϊκή Ένωση – NextGenerationEU, μέσω του Ταμείου Ανάκαμψης και Ανθεκτικότητας «Ελλάδα 2.0».
Το Εθνικό Σχέδιο Ανάκαμψης και Ανθεκτικότητας «Ελλάδα 2.0» στηρίζει επιχειρήσεις και επαγγελματίες στην ανάπτυξη και τον ψηφιακό τους μετασχηματισμό, προσφέροντας χρηματοδοτικά εργαλεία για την ενίσχυση της ανταγωνιστικότητας, της καινοτομίας και της απασχόλησης.
Μέσω αυτού του προγράμματος, η savage.design απέκτησε τους πόρους για τη δημιουργία μιας σύγχρονης, προσβάσιμης και λειτουργικής ψηφιακής παρουσίας που βελτιώνει την επικοινωνία με τους πελάτες και την παροχή υπηρεσιών.
Ο AI Πίνακας Διαχείρισης είναι μια ευφυής διεπαφή που σας επιτρέπει να διαχειρίζεστε κάθε πτυχή της ιστοσελίδας σας απλά μιλώντας. Χωρίς dashboards CMS, χωρίς τεχνικές γνώσεις, χωρίς χειροκίνητη επεξεργασία. Απλά πείτε στο AI τι θέλετε και παρακολουθήστε το να συμβαίνει σε πραγματικό χρόνο.
Περιβάλλον Διπλής Οθόνης
Συνομιλήστε με τον AI βοηθό σας στα αριστερά ενώ βλέπετε τις αλλαγές να εμφανίζονται ζωντανά στα δεξιά. Εναλλάξτε μεταξύ desktop, tablet και mobile προβολών για να δείτε πώς φαίνεται η ιστοσελίδα σας σε κάθε συσκευή.
Τρεις Λειτουργίες
Ρώτησε
Κάντε ερωτήσεις για την ιστοσελίδα σας, λάβετε εξηγήσεις και καθοδήγηση — χωρίς να γίνει καμία αλλαγή.
Ενέργησε
Πείτε στο AI να κάνει αλλαγές. Επεξεργαστείτε κείμενο, ενημερώστε στυλ, αλλάξτε εικόνες, προσθέστε ενότητες — όλα ελεγμένα σε draft πριν δημοσιευτούν.
Σχεδίασε
Ζητήστε ένα λεπτομερές σχέδιο υλοποίησης για σύνθετες ενημερώσεις. Το AI τις αναλύει σε βήματα με εκτιμήσεις πριν ξεκινήσει.
Τι Μπορεί να Κάνει το AI Σας
Επεξεργασία κειμένου, τίτλων και περιεχομένου
Ενημέρωση χρωμάτων, γραμματοσειρών και διάταξης
Αλλαγή και διαχείριση εικόνων
Βελτιστοποίηση SEO και meta tags
Προσθήκη νέων ενοτήτων και σελίδων
Διαχείριση πολύγλωσσου περιεχομένου
Ιστορικό εκδόσεων με επαναφορά ενός κλικ
Διαχωρισμός draft/live — έλεγχος πριν τη δημοσίευση
Ασφάλεια Επιχειρηματικού Επιπέδου
Όλες οι αλλαγές πηγαίνουν πρώτα σε draft — ποτέ απευθείας στην ιστοσελίδα σας
Πλήρες ιστορικό εκδόσεων με άμεση επαναφορά σε οποιαδήποτε προηγούμενη κατάσταση
Αυθεντικοποίηση πολλαπλών χρηστών με πρόσβαση βάσει ρόλων
Πλήρης καταγραφή ελέγχου κάθε ενέργειας
Επιλέξτε το Πλάνο Σας
Starter
€40
/μήνα
Με Claude Haiku 4.5
Ιδανικό για απλές ενημερώσεις περιεχομένου, επεξεργασίες κειμένου και αλλαγές εικόνων.
Επεξεργασία κειμένου και εικόνων
Βασική διαχείριση περιεχομένου
Ιστορικό εκδόσεων
1 λογαριασμός χρήστη
Δημοφιλέστερο
Professional
€100
/μήνα
Με Claude Sonnet 4.6
Αλλαγές σχεδιασμού, νέες ενότητες, SEO και δημιουργία περιεχομένου.
Όλα του Starter
Αλλαγές σχεδιασμού και διάταξης
Βελτιστοποίηση SEO
Έως 3 λογαριασμοί χρηστών
Enterprise
€250
/μήνα
Με Claude Opus 4.6
Σύνθετες λειτουργίες, πλήρης επανασχεδιασμός σελίδων, custom JavaScript και προηγμένη ανάπτυξη.
Όλα του Professional
Ανάπτυξη λειτουργιών πολλαπλών αρχείων
Προηγμένος custom κώδικας
Απεριόριστοι λογαριασμοί χρηστών
Ενδιαφέρεστε για το AI Admin Panel; Συμπεριλάβετέ τον στο αίτημα προσφοράς σας.