porcupine colors

porcupine colors

ΑρχικήΈργα › Λεμονής - Modern Bakery Επικοινωνία »
Λεμονής - Modern Bakery

Λεμονης - Modern Bakery

Η μεγαλύτερη αλυσίδα φούρνων της Χαλκδικής που πρόσφατα εγκαινίασε το πρώτο της κατάστημα και στη Θεσσαλονίκη.

Ο φούρνος της Χαλκιδικής (άλλα όχι μόνο πια)

Μια μικρή οικογενειακή επιχείρηση που ξεκίνησε το 1978 σήμερα είναι η μεγαλύτερη αλυσίδα φούρνων της Χαλκιδικής με εννέα καταστήματα. Πριν λίγους μήνες εγκαινίασε και το πρώτο της κατάστημα στη Θεσσαλονίκη.

Πια συζητάμε για μια μεγάλη μονάδα με πιστοποιημένο σύστημα διαχείρισης κι ελέγχου των τροφίμων της. Μια επιχείρηση που δίνει δουλειά σε πολλούς ανθρώπους και συνεργάζεται με μια μεγάλη γκάμα επαγγελματιών χειμώνα - καλοκαίρι στη Χαλκιδική.

Η συνεργασία μας πηγαίνει πια πολλά χρόνια πίσω. Αυτή τη φορά αυτό που θέλουμε να πούμε μέσα από το νέο website της εταιρείας είναι ότι το Λεμονής - Modern Bakery δεν παρέχει μόνο το ψωμί (και τον καφέ και το γλυκό) της ημέρας. Είναι ένας οργανισμός που επιστρέφει στον τόπο του τα καλά που αυτός του παρείχε για τόσα χρόνια. Και το κάνει με συνέπεια, ανθρωπιά και συγκεκριμένες δράσεις.

Λεμονής - Modern Bakery - Αρχική Σελίδα
Η Αρχική Σελίδα
Σελίδα Κατηγορίας
Σελίδα Κατηγορίας
Η σελίδα ενός προϊόντος
Η σελίδα ενός προϊόντος
Η σελίδα των καταστημάτων
Η σελίδα των καταστημάτων

User Interface - User Experience Design

Μεγάλες, ωραίες φωτογραφίες και λίγα, ουσιώδη κείμενα. Η ιστορία που θέλει να πει ο νέος διαδικτυακός τόπος του Λεμονής - Modern Bakery δε χρειάζεται πολλά λόγια. Πολύ περισσότερα λέγονται μέσα από το φωτογραφικό υλικό.

Σχεδιαστικά ακολουθήθηκαν λιτές γραμμές. Το design δομήθηκε πάνω σε ένα απλό και πλήρως κατανοητό grid που σπάει σε πολύ συγκεκριμένα σημεία για πολύ συγκεκριμένους λόγους που εξυπηρετούν την αφήγηση και την εύκολη πρόσβαση των επισκεπτών σε όλη την έκταση του website.

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

Κώδικας HTML & CSS

Το design του website σχεδόν επέβαλλε και τον HTML & CSS κώδικα που γράφτηκε αμέσως μετά: με τη χρήση Flexbox δημιουργήθηκε το βασικό layout, το οποίο διέπει όλο το website. Πάνω σε αυτό χρησιμοποιώντας τεχνικές absolute & relative positioning έγινε η τοποθέτηση των επιμέρους στοιχείων. Αυτοί οι πολύ απλοί κανόνες σε συνδυασμό με τη χρήση μεταβλητών (μέσω SCSS) οδήγησαν σε έναν κώδικα εξαιρετικά ευέλικτο και μικρό σε όγκο.
Το αποτέλεσμα; Πολύ γρήγορες σελίδες.

Εννοείται βέβαια ότι η mobile μορφή του διαδικτυακού τόπου είχε αποφασιστεί από την αρχή και πως όλος ο κώδικας έρχεται για να την εξυπηρετήσει όσο το δυνατόν πιο σωστά.

Κώδικας CSS
Κώδικας CSS

Η ομάδα - Τι κάναμε για το Λεμονής - Modern Bakery

Όλα τα Case Studies

Case Studies

Σας άρεσε η δουλειά μου;

Επικοινωνηστε μαζι μου

Δείτε ακόμα

Μέγαρο Μουσικής Αθηνών