Σπίθα Ηλεκτρολογικά

Επισκόπηση

Η Σπίθα Ηλεκτρολογικά είναι ένα site-concept για αδειούχο ηλεκτρολόγο στην Αθήνα, φτιαγμένο ως πρότυπο για τεχνικά επαγγέλματα. Συνήθως ψάχνουμε ηλεκτρολόγο όταν κάτι έχει ήδη χαλάσει, και συνήθως από το κινητό. Στόχος ήταν μια σελίδα που χτίζει γρήγορα εμπιστοσύνη και κάνει την κλήση ή το αίτημα προσφοράς το προφανές επόμενο βήμα.

Η πρόκληση

• Ο αριθμός τηλεφώνου να απέχει ένα άγγιγμα από κάθε σημείο της σελίδας, για όποιον βιάζεται.
• Συγκεκριμένες υπηρεσίες, μαζί με τις ελληνικές απαιτήσεις όπως η Υπεύθυνη Δήλωση Εγκαταστάτη (ΥΔΕ) και τα χαρτιά για τον ΔΕΔΔΗΕ στους φορτιστές αυτοκινήτων.
• Αιτήματα προσφοράς χωρίς server ή μηνιαίο κόστος.
• Ελληνόφωνοι πελάτες και αγγλόφωνοι κάτοικοι από ένα μόνο site.

Σχεδιασμός

Η παλέτα σε σκούρο μπλε και ηλεκτρικό κίτρινο δείχνει ασφάλεια και αξιοπιστία χωρίς να θυμίζει προειδοποιητική πινακίδα. Όλα τα κείμενα είναι σε Manrope, μια γεωμετρική sans με πλήρη υποστήριξη ελληνικών, με έντονα βάρη στους τίτλους. Το λογότυπο και το favicon είναι ένας απλός κεραυνός σε κίτρινο πλακίδιο. Οι φωτογραφίες δημιουργήθηκαν στο Higgsfield με ενιαίο ύφος: μπλε ρούχα εργασίας, φωτεινά μεσογειακά σπίτια, και χέρια και εργαλεία αντί για πρόσωπα, ώστε η προσοχή να μένει στη δουλειά.

Λειτουργίες

• Γραμμή έκτακτων βλαβών: κίτρινη μπάρα πάνω από το μενού με τον αριθμό 24/7, κλήση με ένα άγγιγμα.
• Φόρμα αίτησης προσφοράς: όνομα, τηλέφωνο, περιοχή, επιλογή υπηρεσίας και περιγραφή, που στέλνονται ως έτοιμο email, με μήνυμα επιβεβαίωσης στο τέλος.
• Υπηρεσίες: τρεις κάρτες με φωτογραφίες (φωτισμός και εγκαταστάσεις, φορτιστές αυτοκινήτων, έλεγχοι και πιστοποιητικά) και τέσσερις μικρότερες υπηρεσίες.
• Διαδικασία σε τρία βήματα: τηλεφώνημα, δωρεάν αυτοψία, πιστοποιημένη εργασία με εγγύηση.
• Εναλλαγή ελληνικά/αγγλικά: κείμενα, περιγραφές εικόνων, πεδία και οδηγίες της φόρμας αλλάζουν γλώσσα, και η επιλογή θυμάται.
• Κουμπί κλήσης: καλεί απευθείας από κινητό· σε υπολογιστή εμφανίζει τον αριθμό και τον αντιγράφει.

Για κάθε οθόνη

Κάτω από τα 900px η αρχική ενότητα, το «Ποιοι είμαστε» και η επικοινωνία γίνονται μία στήλη, όπως και οι κάρτες υπηρεσιών και οι κριτικές, και η κορυφή κρατά μόνο την αλλαγή γλώσσας και το κουμπί κλήσης.

Ταχύτητα και SEO

Το site είναι ένα αρχείο HTML με ενσωματωμένο CSS και vanilla JavaScript, χωρίς framework ή build. Οι πέντε φωτογραφίες είναι συμπιεσμένα JPG των 200–440 KB με σταθερές διαστάσεις ώστε η σελίδα να μη «πηδάει» καθώς φορτώνει, και όσες βρίσκονται κάτω από την αρχική ενότητα φορτώνουν μόνο όταν χρειαστούν. Η σελίδα έχει meta description, σωστή δήλωση γλώσσας για ελληνικά και αγγλικά, κείμενα alt και στις δύο γλώσσες και favicon σε SVG.

Τεχνολογίες

HTML, CSS, vanilla JavaScript, Google Fonts (Manrope), Higgsfield (εικόνες με AI).