Projects · Case study 05 · Website · Χαλάνδρι
Ηλιάνα
Site για ένα εξειδικευμένο κατάστημα εσωρούχων στο Χαλάνδρι, από το 1971. Όχι e-shop: ένα site που εξηγεί γιατί το σωστό μέγεθος υπάρχει, πώς γίνεται η μέτρηση χωρίς ραντεβού και πότε να περάσεις από το μαγαζί.
Το ζητούμενο
Να φέρει κόσμο στο μαγαζί, όχι σε ένα καλάθι.
Η Ηλιάνα άνοιξε το 1971 στην Αγίας Παρασκευής 20 και σήμερα τη συνεχίζει η δεύτερη γενιά. Η εξειδίκευση: σουτιέν σε μεγάλα cup, έως H και περιφέρεια 115, με μέτρηση στο δοκιμαστήριο. Οι πελάτισσες έρχονται από στόμα σε στόμα και ρωτούν στο τηλέφωνο τα ίδια πράγματα: έχετε το νούμερό μου, πότε είστε ανοιχτά, χρειάζεται ραντεβού;
Ζητούμενο: ένα site που απαντά σε αυτά πριν σηκώσει κανείς το τηλέφωνο, δείχνει το μαγαζί όπως είναι και φέρνει στην πόρτα όσες ψάχνουν «σουτιέν μεγάλα cup» στο Google. Χωρίς e-shop, γιατί η υπηρεσία εδώ είναι η μέτρηση και η δοκιμή.
- 01
Η εξειδίκευση σε δική της σελίδα
Γιατί τα μεγέθη σταματούν νωρίς αλλού, ποιο σχέδιο για ποιο στήθος, ποιες μάρκες. Η σελίδα που θα βρει κανείς από το Google.
- 02
Μέτρηση χωρίς ραντεβού
Τρία βήματα, έξι σημάδια σωστής εφαρμογής, ωράριο ανά ημέρα και οι ερωτήσεις που ακούει το μαγαζί κάθε μέρα.
- 03
Ζεστό, όχι «εσώρουχα online»
Βαθύ πράσινο, ροζ και κρεμ, serif τίτλοι και φωτογραφίες από το ίδιο το κατάστημα. Να μοιάζει με το μαγαζί, όχι με e-shop.
01 · Η οπτική γλώσσα
Μία γραμμή λογότυπο, μία χειρόγραφη φράση.
Το λογότυπο γράφει «Ηλιάνα» με λεπτές γραμμές και ένα ροζ κλαδί. Η παλέτα είναι βαθύ πράσινο, ροζ και κρεμ, οι τίτλοι serif. Η φράση που λέει το μαγαζί 55 χρόνια, «σωστής εφαρμογής», γράφτηκε στο χέρι και έγινε ο τίτλος της αρχικής.
- Το ροζ μόνο στα κουμπιά και στα link, για να οδηγεί το μάτι.
- Κρεμ φόντο και φωτογραφίες του καταστήματος, όχι μοντέλα από stock.
- Η ίδια γλώσσα σε κάθε σελίδα, από την αρχική μέχρι τους οδηγούς.
Design: saavetdesigns
χειρόγραφος τίτλος · serif επικεφαλίδες · sans κείμενο
02 · Η αρχική
Πρώτη εντύπωση: η εξειδίκευση.
«55 χρόνια σωστής εφαρμογής», η βιτρίνα του μαγαζιού και δύο κουμπιά: έλα για μέτρηση, δες το ωράριο. Από κάτω, γιατί το σωστό μέγεθος υπάρχει, η μέτρηση σε τρία βήματα, οι κατηγορίες, οι κριτικές από το Google, οι μάρκες και μια φόρμα για όσες θέλουν να ρωτήσουν πριν έρθουν.
- Το «Ελάτε για μέτρηση» ανοίγει οδηγίες στον χάρτη, όχι φόρμα ραντεβού.
- Η φόρμα έχει πεδίο «Μέγεθος που φοράτε», για να απαντούν με τη μία αν το έχουν.
- Το τηλέφωνο είναι πάντα στο μενού, με ένα tap στο κινητό.
03 · Μεγάλα cup και μέτρηση
Cup A έως H, περιφέρεια 65 έως 115.
Η εξειδίκευση του καταστήματος σε δική της σελίδα: γιατί λείπουν τα μεγέθη αλλού, πώς καταλαβαίνεις ότι φοράς λάθος νούμερο και ποιο σχέδιο ταιριάζει σε ποιο στήθος. Δίπλα της, η σελίδα της μέτρησης: τρία βήματα, έξι σημάδια σωστής εφαρμογής, πότε να έρθεις.
- Full cup, minimizer, balconette, χωρίς μπανέλα, strapless, θηλασμού: μία γραμμή για το καθένα.
- Συχνές ερωτήσεις γραμμένες όπως τις απαντά το μαγαζί στο τηλέφωνο.
- Οι οδηγοί συνεχίζουν την ίδια λογική: 7 σημάδια λάθος νούμερου, πίνακας μεγεθών, το πρώτο σουτιέν, πλύσιμο.
04 · Κατηγορίες, κατάστημα, οδηγοί, επικοινωνία
Τι θα βρείτε, ποιοι είμαστε, πώς θα μας βρείτε.
Οκτώ κατηγορίες με μία πρόταση η καθεμία, από τα μεγάλα cup μέχρι τα παιδικά και τα καλσόν. Η σελίδα του καταστήματος λέει την ιστορία από το 1971 με φωτογραφίες από μέσα. Οι οδηγοί μαζεύουν όσα ρωτούν οι πελάτισσες. Η επικοινωνία: τηλέφωνο, οδηγίες στον χάρτη, ωράριο και φόρμα.
- Κάθε κατηγορία με δικό της εικονίδιο και σύντομη περιγραφή.
- Οι κριτικές από το Google όπως γράφτηκαν, με link σε όλες.
- Το ωράριο ανά ημέρα, γιατί αλλάζει μέσα στην εβδομάδα.
05 · Mobile
Το μαγαζί, στο κινητό της.
Οι περισσότερες μπαίνουν από το κινητό, συχνά λίγο πριν ξεκινήσουν. Το τηλέφωνο καλείται με ένα tap, οι οδηγίες ανοίγουν τον χάρτη, το ωράριο είναι πάντα κοντά. Τα βήματα της μέτρησης διαβάζονται σε μία οθόνη.
hover για scroll
Πώς δουλέψαμε
Από το τηλέφωνο του μαγαζιού στο site.
- 01
Ακούσαμε
Τι ρωτούν οι πελάτισσες στο τηλέφωνο και στο μαγαζί: νούμερα, ραντεβού, ωράριο, μάρκες. Από εκεί βγήκαν οι σελίδες και η σειρά τους.
- 02
Design
Η saavetdesigns σχεδίασε την οπτική γλώσσα και κάθε σελίδα: παλέτα, τυπογραφία, φωτογραφίες από το κατάστημα, mockups σε desktop και κινητό.
- 03
Ανάπτυξη
Σελίδες για την εξειδίκευση, τη μέτρηση, τις κατηγορίες και τους οδηγούς. Φόρμα με πεδίο μεγέθους, τηλέφωνο και χάρτης με ένα tap.
- 04
Οι λέξεις που ψάχνουν
Τίτλοι και κείμενα γραμμένα για ό,τι γράφει κανείς στο Google: σουτιέν μεγάλα cup, μέτρηση σουτιέν, Χαλάνδρι. Για να τη βρίσκουν όσες τη χρειάζονται.
Credits
Ποιος έκανε τι.
Δες το case study →
Το δικό σου project
Έχεις μαγαζί με ιστορία;
Πες μας τι ρωτάνε οι πελάτες σου στο τηλέφωνο. Από εκεί ξεκινάει ένα site που φέρνει κόσμο στην πόρτα.
Δες επίσης: Κατασκευή ιστοσελίδων