Bike Shower

Από το πρώτο πλάνο ως το ραντεβού.

Ο πελάτης

Το Bike Shower είναι πλυντήριο μοτοσυκλετών στην Αθήνα, με ραντεβού. Το πρώτο του πλυντήριο άνοιξε το 2018. Πλένει κάθε μηχανή στο χέρι, μία κάθε φορά, και κάνει επίσης γυάλισμα, κέρωμα, κεραμική επίστρωση και γυάλισμα λαιμών.

Πελάτης: Bike Shower
Κλάδος: Moto & υπηρεσίες
Έδρα: Αθήνα
Ίδρυση: 2018
Γλώσσες: Ελληνικά
Πλατφόρμα: Custom κώδικας
Website: bikeshower.gr
Τι κάναμε: Κατασκευή ιστοσελίδων Μεταφορά & αναβάθμιση ιστοσελίδας Ανάπτυξη ιστοσελίδων

Το ζητούμενο

Μια ιστοσελίδα μίας σελίδας για το Bike Shower στην Αθήνα, που δείχνει τη δουλειά, λέει καθαρά τις τιμές και οδηγεί κάθε επισκέπτη στο ραντεβού.

Η πρόκληση

Η φροντίδα μιας μοτοσυκλέτας κρίνεται από τη λεπτομέρεια, και ο αναβάτης θέλει να τη δει πριν εμπιστευτεί τη μηχανή του. Χρειάζεται επίσης να ξέρει τι περιλαμβάνει κάθε υπηρεσία, πόσο κοστίζει και πότε μπορεί να έρθει.

Η προσέγγιση

Βάλαμε όλη την ιστορία σε μία σελίδα: το φιλμ του χώρου, τις τιμές, τις υπηρεσίες με τις φωτογραφίες τους, τις συγκρίσεις πριν και μετά και, στο τέλος, το ημερολόγιο των ραντεβού. Όλα τα κουμπιά του ραντεβού οδηγούν σε αυτό. Αργότερα μεταφέραμε την ιστοσελίδα από το Framer σε custom κώδικα, με την ίδια εικόνα.

Η αρχική, από πάνω ως κάτω

Η ίδια σελίδα στον υπολογιστή και στο κινητό.

Bike Shower: Η πρώτη οθόνη στο κινητό
01
Η πρώτη οθόνη
Ένα φιλμ από τον χώρο και τη δουλειά πάνω στις μηχανές, ο τίτλος «Exclusive Moto Detailing.», μια παράγραφος και το πορτοκαλί κουμπί «Κλείστε ραντεβού».
Bike Shower: Η ιστορία στο κινητό
02
Η ιστορία
Κάτω από τον τίτλο «Είμαστε και εμείς μηχανόβιοι!» η ιστορία του πλυντηρίου από το 2018. Δίπλα, τέσσερις αριθμοί σε μαύρα εξάγωνα μετρούν προς τα πάνω καθώς φτάνει η ενότητα.
Bike Shower: Τέσσερις λόγοι στο κινητό
03
Τέσσερις λόγοι
Η ενότητα «Bikeshower, ξεκάθαρη επιλογή» δίνει τέσσερις λόγους με πορτοκαλί εικονίδια: ραντεβού, εξοπλισμός, προϊόντα και μία μηχανή κάθε φορά. Κλείνει με μια φωτογραφία, μια φράση και ένα κουμπί.
Bike Shower: Το βίντεο στο κινητό
04
Το βίντεο
Ανάμεσα στις τιμές και στις υπηρεσίες, ένα βίντεο από τη διαδικασία, με το λογότυπο του Bike Shower και ένα πορτοκαλί κουμπί αναπαραγωγής στο κέντρο.
Bike Shower: Το υποσέλιδο στο κινητό
05
Το υποσέλιδο
Μετά το ημερολόγιο, το υποσέλιδο δίνει τη διεύθυνση με σύνδεσμο στον χάρτη, τις ώρες, το email, δύο τηλέφωνα και τρία κοινωνικά δίκτυα.

01Τιμές

Τι περιλαμβάνει, πριν από την τιμή.

Η ενότητα «Τι προσφέρουμε» έχει τέσσερις κάρτες, από το λεπτομερές πλύσιμο έως την κεραμική επίστρωση. Κάθε κάρτα έχει φωτογραφία, τίτλο, περιγραφή, τη λίστα «Περιλαμβάνεται» με πορτοκαλί σημάδια και την τιμή στο κάτω μέρος. Ακολουθεί μια φαρδιά κάρτα για το γυάλισμα λαιμών, με μία τιμή για κάθε αριθμό λαιμών.

Η πρώτη κάρτα ανοίγει με ένα βέλος και δίνει την τιμή για τρία είδη οχήματος
Κάθε λίστα δείχνει ποιες από τις άλλες υπηρεσίες περιλαμβάνονται
Στο κινητό οι κάρτες μπαίνουν η μία κάτω από την άλλη

02Υπηρεσίες

Έξι υπηρεσίες, η μία πάνω στην άλλη.

Κάτω από τον τίτλο «Ολοκληρωμένο πλύσιμο στο χέρι.» έξι ενότητες εξηγούν τις υπηρεσίες, από το λεπτομερές πλύσιμο έως το γυάλισμα λαιμών. Η καθεμία έχει φωτογραφίες που αλλάζουν μόνες τους, τον τίτλο σε πορτοκαλί περίγραμμα και ένα κείμενο. Στον υπολογιστή ο τίτλος της ενότητας μένει στη θέση του και κάθε υπηρεσία ανεβαίνει πάνω από την προηγούμενη.

Η φωτογραφία και το κείμενο αλλάζουν πλευρά από υπηρεσία σε υπηρεσία
Κάθε υπηρεσία είναι σύνδεσμος προς το ημερολόγιο των ραντεβού
Στον υπολογιστή, πάνω από κάθε υπηρεσία ο δείκτης γράφει «Κλείστε ραντεβού»

03Φωτογραφίες

Πριν και μετά, στην ίδια φωτογραφία.

Η ενότητα «Φωτογραφίες» δείχνει δώδεκα συγκρίσεις. Σε καθεμία, η ίδια μηχανή πριν και μετά το πλύσιμο χωρίζεται από μια γραμμή με το λογότυπο, που ο επισκέπτης σύρει για να δει περισσότερο από τη μία ή την άλλη. Τα πορτοκαλί βέλη φέρνουν την επόμενη σύγκριση.

Οι ετικέτες «Πριν» και «Μετά» στις δύο επάνω γωνίες
Ένας μετρητής δείχνει ποια από τις δώδεκα συγκρίσεις είναι στην οθόνη
Η οδηγία «Σύρετε για σύγκριση» κρύβεται μετά από λίγα δευτερόλεπτα

04Ραντεβού

Η μέρα και η ώρα, στην ίδια σελίδα.

Πριν από το ημερολόγιο, η ενότητα «Σας περιμένουμε να σας δούμε από κοντά!» δείχνει μια μοτοσυκλέτα μπροστά σε ένα πορτοκαλί εξάγωνο. Ακολουθεί το ημερολόγιο των ραντεβού, μέσα στη σελίδα: το ραντεβού μίας ώρας με τη διεύθυνση, ο μήνας με τις ελεύθερες μέρες και οι ώρες της μέρας που επιλέγεται.

Η διάρκεια, η διεύθυνση και η ζώνη ώρας επάνω αριστερά
Ένας διακόπτης δείχνει τις ώρες σε 12ωρη ή σε 24ωρη μορφή
Στο κινητό οι ώρες μπαίνουν κάτω από τον μήνα

Στο κινητό

Ίδιος χαρακτήρας. Άλλος ρυθμός.

Στο κινητό το μενού γίνεται ένα κουμπί με τρεις γραμμές και το φιλμ της πρώτης οθόνης έχει τη δική του, κάθετη εκδοχή. Οι κάρτες των τιμών και οι υπηρεσίες μπαίνουν η μία κάτω από την άλλη, με τη φωτογραφία πάνω από το κείμενο, και το ημερολόγιο απλώνεται σε όλο το πλάτος.

Χρώματα

Το πορτοκαλί του λογοτύπου, πάνω σε μαύρο.

Το μαύρο κρατά το φιλμ, τις υπηρεσίες, τις φωτογραφίες και το ημερολόγιο, ενώ ένα ανοιχτό γκρι δίνει χώρο στην ιστορία, στους λόγους και στην πρόσκληση. Το πορτοκαλί του λογοτύπου σημαίνει κάθε κουμπί, τις μικρές ετικέτες πάνω από τους τίτλους και τα περιγράμματα των τίτλων των υπηρεσιών. Τα εξάγωνα επανέρχονται σε όλη τη σελίδα: στους αριθμούς της ιστορίας, πίσω από κάθε υπηρεσία και πίσω από τη μοτοσυκλέτα της πρόσκλησης.

Τι παραδώσαμε

01Σχεδιασμός ιστοσελίδας μίας σελίδας
02Τιμοκατάλογος, συγκρίσεις πριν και μετά και ραντεβού online
03Μεταφορά από το Framer σε custom κώδικα

Οθόνες από τη δημόσια ιστοσελίδα, Οκτώβριος 2026. Το περιεχόμενο του ζωντανού site μπορεί να αλλάζει.

Δείτε το website

Ας φτιάξουμε κάτι δικό σας.Πείτε μας την ιδέα σας