Projects · Case study 01 · E-shop + συνταγές · Σίφνος
Πολύτεκνος Αγρότης
E-shop για χειροποίητα σκεύη και υφασμάτινα κουζίνας από ξύλο ελιάς, λινό και πηλό. Δίπλα στο κατάστημα, οι συνταγές από τα βίντεο και ένας οδηγός για τα προϊόντα της εποχής. Και πίσω από όλα, ο Πάγκος: το δικό του διαχειριστικό, φτιαγμένο γύρω από τη δουλειά της φάρμας.
Το ζητούμενο
Από τη φάρμα στο τραπέζι, και από το κινητό στο ράφι.
Ο Πολύτεκνος Αγρότης φτιάχνει στο χέρι ποδιές και πετσέτες από λινό, κουτάλες και πιατέλες από ξύλο ελιάς και κεραμικά από πηλό, σε μικρές ποσότητες. Τον ξέρουν από τα βίντεο στο TikTok, στο Instagram και στο YouTube, όπου μαγειρεύει με αυτά τα σκεύη. Από κάθε βίντεο βγαίνουν δύο ερωτήσεις: πού βρίσκω αυτά τα σκεύη και πώς γίνεται αυτή η συνταγή.
Ζητούμενο: ένα e-shop για κομμάτια που δεν βγαίνουν ποτέ ίδια, ένα σπίτι για τις συνταγές των βίντεο και ένας οδηγός για ό,τι έχει η λαϊκή κάθε μήνα. Και ένα διαχειριστικό που το τρέχει μια οικογένεια με φάρμα, από το κινητό, ανάμεσα στο μαντρί και την κουζίνα.
- 01
Κατάστημα για μοναδικά κομμάτια
Κομμάτια σε απόθεμα, τιμή προσφοράς και «Εξαντλημένο» μόνο του όταν τελειώσουν. Πληρωμή με κάρτα μέσω Viva.com, με κατάθεση ή με αντικαταβολή.
- 02
Οι συνταγές των βίντεο
Κάθε βίντεο γίνεται γραπτή συνταγή: υλικά, βήματα, χρόνοι, δυσκολία και το μυστικό στο τέλος. Για να μη χρειάζεται να την κρατάς σημείωση.
- 03
Η λαϊκή του μήνα
76 φρούτα και λαχανικά με τους μήνες τους, ένας τροχός για να δεις τι έρχεται και ένα παιχνίδι: «Εποχής ή εισαγωγής;».
01 · Η οπτική γλώσσα
Ξύλο ελιάς, λινό και ένα πρόβατο.
Το σήμα είναι ένα πρόβατο με ένα κλαδί στο στόμα, το ίδιο που καίγεται στο ξύλο και κεντιέται στο λινό. Το site παίρνει τα χρώματά του από τα υλικά: κρεμ σαν το λινό, τερακότα σαν τον πηλό, μαύρο για τα γράμματα, φασκόμηλο και σιτάρι για τις λεπτομέρειες. Τίτλοι σε Roboto Slab, κείμενα σε Source Sans 3.
- Η τερακότα μόνο εκεί που θέλουμε να πέσει το μάτι: τιμές, προσφορές, «το τραπέζι σου».
- Φωτογραφίες από τη φάρμα και τον πάγκο της κουζίνας, όχι από στούντιο.
- Η τιμή κρέμεται σαν καρτελάκι με σπάγκο, όπως στον πάγκο της λαϊκής.
Design: goWebgo
Roboto Slab για τίτλους · Source Sans 3 για κείμενο
02 · Το κατάστημα
Χειροποίητο, ένα ένα.
Δύο μεγάλες κατηγορίες, ενδυμασία κουζίνας και εργαλεία κουζίνας, με υποκατηγορίες για ποδιές, πετσέτες, μαχαίρια, σερβίρισμα και μαγείρεμα. Κάθε προϊόν έχει τις φωτογραφίες του από τη φάρμα, και μπαίνει στο καλάθι κατευθείαν από την κάρτα, με την ποσότητα δίπλα.
- Πληρωμή με κάρτα μέσω Viva.com, με τραπεζική κατάθεση ή με αντικαταβολή.
- Αποστολή σε όλη την Ελλάδα, σε βαμβακερό πουγκί με το σήμα αντί για χαρτόκουτο.
- Στοιχεία επιχείρησης και τιμολόγιο εκεί που τα ψάχνει κανείς, στο ταμείο και στο κάτω μέρος.
03 · Συνταγές και βίντεο
Ό,τι μαγειρεύει στα βίντεο, γραμμένο βήμα βήμα.
16 συνταγές σε κατηγορίες, από τα κύρια πιάτα μέχρι τα τουρσιά και τις μαρμελάδες. Κάθε συνταγή έχει χρόνους, μερίδες, δυσκολία, υλικά και βήματα, το βίντεο από το TikTok ή το YouTube, και τα προϊόντα εποχής που χρειάζεται.
- Η σελίδα «Βίντεο» μαζεύει όλα τα βίντεο, καθένα με link στη συνταγή του.
- Από τη συνταγή στο προϊόν εποχής, και από εκεί σε άλλες συνταγές με το ίδιο υλικό.
- Κάθε συνταγή έχει τη δική της σελίδα, γραμμένη για να τη βρίσκει κανείς και από το Google.
04 · Προϊόντα εποχής
Τι έχει η λαϊκή αυτόν τον μήνα.
76 φρούτα και λαχανικά, το καθένα με τους μήνες που είναι στην εποχή του και τις συνταγές που του ταιριάζουν. Ο τροχός γυρίζει στους δώδεκα μήνες και δείχνει τι είναι φρέσκο τώρα και τι έρχεται τον επόμενο. Και για όσους θέλουν να παίξουν: «Εποχής ή εισαγωγής;».
- Η αρχική δείχνει μόνη της τι είναι φρέσκο αυτόν τον μήνα.
- Φίλτρα για «εποχής τώρα» και «εκτός εποχής», και αναζήτηση.
- Κάθε προϊόν έχει τη σελίδα του, για όποιον ψάχνει «πότε είναι η εποχή του».
05 · Mobile
Από το βίντεο στο καλάθι, με τον αντίχειρα.
Πολλοί έρχονται από ένα βίντεο, δηλαδή από το κινητό. Γι' αυτό η συνταγή, το προϊόν και το καλάθι είναι ένα tap μακριά το ένα από το άλλο, και οι φωτογραφίες γεμίζουν την οθόνη.
hover για scroll
06 · Ο Πάγκος
Ένα διαχειριστικό στα μέτρα της φάρμας.
Δεν του δώσαμε ένα έτοιμο διαχειριστικό με εκατό μενού. Του φτιάξαμε τον Πάγκο: επτά ενότητες με τα ονόματα που χρησιμοποιεί ο ίδιος, Εποχή, Συνταγές, Βίντεο, Κατάστημα, Παραγγελίες, Ομάδα, και τίποτα παραπάνω. Η αρχική του λέει «Καλησπέρα», δείχνει τι παραγγελίες περιμένουν και τι είναι φρέσκο αυτόν τον μήνα.
- Οι μήνες της εποχής ανάβουν και σβήνουν με ένα tap, και αποθηκεύονται μόνοι τους.
- Η σειρά των συνταγών και των προϊόντων αλλάζει με σύρσιμο, και έτσι βγαίνει και στο site.
- Στο προϊόν: φωτογραφίες με «Κάνε βασική», τιμή προσφοράς, κομμάτια σε απόθεμα. Στο 0 δείχνει «Εξαντλημένο» μόνο του.
- Στη συνταγή: ένα υλικό σε κάθε γραμμή, ένα βήμα σε κάθε γραμμή, και τα βήματα αριθμούνται μόνα τους.
- Συνεργάτες με πρόσκληση στο email, που βλέπουν μόνο όσες ενότητες τους ανοίξεις.
07 · Ο Πάγκος στο κινητό
Νέα συνταγή, από το μαντρί.
Ο Πάγκος μπαίνει στην αρχική οθόνη του κινητού σαν εφαρμογή, με το εικονίδιό του και κάτω μπάρα με τις ενότητες. Ένα νέο προϊόν, μια τιμή που αλλάζει ή μια συνταγή που μόλις ανέβηκε σε βίντεο ανεβαίνουν από εκεί που βρίσκεται, χωρίς υπολογιστή.
Πώς δουλέψαμε
Από τα βίντεο στο ράφι.
- 01
Ακούσαμε
Τι θέλει να βρει όποιος έρχεται από ένα βίντεο, και τι χρειάζεται η φάρμα για να μην τρέχει πίσω από το site. Από εκεί βγήκαν οι ενότητες.
- 02
Design
Τα χρώματα από το λινό, τον πηλό και το ξύλο της ελιάς, το πρόβατο του σήματος παντού, και η τιμή σαν καρτελάκι της λαϊκής.
- 03
Ανάπτυξη
Κατάστημα με πληρωμές μέσω Viva.com, συνταγές με βίντεο, 76 προϊόντα εποχής με τροχό και παιχνίδι, cookies με επιλογή.
- 04
Ο Πάγκος
Ένα διαχειριστικό φτιαγμένο από το μηδέν γύρω από τη δική του δουλειά, που δουλεύει σαν εφαρμογή στο κινητό και δίνει στον καθένα μόνο ό,τι χρειάζεται.
Credits
Ποιος έκανε τι.
Δες το case study →
Το δικό σου project
Φτιάχνεις κάτι με τα χέρια σου;
Φέρε τα προϊόντα και τις ιστορίες τους. Φτιάχνουμε το e-shop, και έναν πάγκο για να το τρέχεις μόνος σου, και από το κινητό.
Δες επίσης: Κατασκευή e-shop · Εφαρμογές & admin panel