2 porcupine colors - Λεμονής - Modern Bakery: User Interface - Front-End Development

Λεμονής - Modern Bakery

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

Λεμονής - Modern Bakery

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

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

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

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

User Interface - User Experience Design

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

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

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

Προϊόντα
Προϊόντα
Blog post
Blog post
Καταστήματα
Καταστήματα
Ψωμί
Ψωμί

Style Guide

Το Style Guide κατά βάση ορίστηκε από τη δημιουργία της νέας οπτικής ταυτότητας του Λεμονής - Modern Bakery. Αυτό που κάναμε εμείς ήταν να εφαρμόσουμε και να επεκτείνουμε την ταυτότητα αυτή για το Διαδίκτυο.

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

Φίλτρα
Style Guide
Κώδικας για το Λεμονής - Modern Bakery

Κώδικας HTML & CSS

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

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

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

Σας φαίνονται όλα αυτά ενδιαφέροντα;

Επικοινωνία

Όλα τα projects

MOMus
Inside Story
mfhr
Offradio
True Cretan
Λεμονής - Modern Bakery
Μέγαρο Μουσικής Αθηνών
Upstreet

porcupine letter

Το newsletter που έρχεται κάθε 2η Παρασκευή και κάνει τα Σαββατοκύριακα λίγο μεγαλύτερα.

Καλύτερες υπηρεσίες & προϊόντα για το Web

Μαζί σας δημιουργούμε συνεργασίες που βγάζουν στο Διαδίκτυο το καλύτερο σας πρόσωπο. Το πετυχαίνουμε σχεδιάζοντας websites, apps και ψηφιακές υπηρεσίες. Σταθερά, με συνέπεια, με καλή διάθεση. Και κυρίως με αποτελέσματα.

Επικοινωνία: hello@porcupine.gr