- Στρατηγική & τοποθέτηση
- Λογότυπο & σύστημα ταυτότητας
- Τυπογραφία & χρώμα
- Οδηγός brand
- Υλικό λανσαρίσματος
KGDESIGN® — Ανεξάρτητο στούντιο, από το 2016
Σχεδιασμός που
Σχεδιασμός που
κάνει δουλειά.
Ιστότοποι, brands και συστήματα χτισμένα για σαφήνεια, κλίμακα και αποτέλεσμα. Κάντε scroll για να δείτε πώς φτιάχνεται ένας.
Κεφάλαιο 02 — Υλικό
Κάθε έργο ξεκινά ως πρώτη ύλη.
Στόχοι, κοινό, περιορισμοί. Χαρτογραφούμε το πραγματικό πρόβλημα πριν σχεδιαστεί έστω ένα pixel.
01ΣτόχοιΤι πρέπει να κάνει ο ιστότοπος για την επιχείρηση, σε μία γραμμή.
02ΚοινόΠοιος έρχεται, από ποια συσκευή, με ποια ερώτηση.
03ΠεριορισμοίΠροϋπολογισμός, προθεσμία, περιεχόμενο που υπάρχει — και περιεχόμενο που λείπει.
Κεφάλαιο 03 — Πλαίσιο
Πρώτα η δομή κερδίζει τη θέση της.
Το πλαίσιο χτίζεται πριν επιτραπεί σε οτιδήποτε να το γεμίσει.
01Σημείο αναφοράςΈνα σταθερό σημείο. Όλα μετρούν από εδώ.
02ΠλάτοςΤο πλαίσιο εκτείνεται στον άξονα X ως το πλάτος της οθόνης.
03ΎψοςΈπειτα στον άξονα Y. Το πλαίσιο υπάρχει.
Κεφάλαιο 04 — Συναρμολόγηση
Το παράθυρο γεμίζει καθώς σχηματίζεται.
Το περίβλημα και το περιεχόμενο χτίζονται μαζί — πλοήγηση, εικόνες και ενέργειες μπαίνουν στη θέση τους ενώ το πλαίσιο ακόμη ολοκληρώνεται. Τίποτα δεν μένει άδειο περιμένοντας άδεια.
01ΣκελετόςΠλαίσιο, γυαλί, γραμμή εργαλείων, γραμμή διεύθυνσης, χειριστήρια.
02ΠλοήγησηΛογότυπο, τέσσερις σύνδεσμοι και το βασικό call to action.
03ΕικόνεςΗ κεντρική εικόνα ζωγραφίζεται από αριστερά προς τα δεξιά, στη θέση της.
04ΕνέργειεςΚουμπιά και σετ εικονιδίων, σε αναλογία με την τυπογραφία.
Κεφάλαιο 05 — Δομή
Ο κάνναβος ήταν πάντα από κάτω.
01Βάση 8ptΚάθε στοιχείο πατά στον ίδιο κατακόρυφο ρυθμό.
0212 στήλεςΡευστές, με διάκενα 24px και ασφαλή περιθώρια.
033 breakpoints360 · 768 · 1440. Η διάταξη ελέγχεται σε καθένα από αυτά.
042 μπλοκ δεσμευμέναΤίτλος και κάρτες, κρατημένα για το κεφάλαιο 06.
Κεφάλαιο 06 — Διεπαφή
Τυπογραφία, κάρτες, υποσέλιδο.
Τα δεσμευμένα μπλοκ διαλύονται καθώς φτάνουν τα πραγματικά τους στοιχεία. Ό,τι χτίστηκε στο κεφάλαιο 04 μένει ακριβώς εκεί που ήταν — πρόκειται για προσθήκη, όχι αντικατάσταση.
01ΤίτλοςΔύο γραμμές μπαίνουν με τη σειρά, στοιχισμένες στον κάνναβο.
02ΥπότιτλοςΜία γραμμή υποστήριξης από κάτω, και τίποτα παραπάνω.
03ΚάρτεςΤρεις, που φύτρωσαν από τα μπλοκ που δέσμευσε το κεφάλαιο 05.
04ΥποσέλιδοΜια γραμμή, και μετά τα ψιλά γράμματα που κλείνουν τη σελίδα.
Κεφάλαιο 07 — Ζωή
Η έτοιμη σελίδα, και μετά αποκρίνεται.
01ΕυκρίνειαΚάθε κομμάτι που χτίστηκε ως τώρα παίρνει την τελική του μορφή μέσα στην πραγματική σελίδα.
02HoverΗ κάρτα ανασηκώνεται, η σκιά μαλακώνει, η εικόνα ζεσταίνεται.
03ΠάτημαΤο κουμπί δέχεται το κλικ και ένας κυματισμός φεύγει από πάνω του.
04ΔιαδρομήΚλικ στις Υπηρεσίες — και το παράθυρο ανοίγει σε αυτές.
Κεφάλαιο 08 — Κάθε οθόνη
Ένα σύστημα, τρία πλάτη.
Desktop, tablet και κινητό είναι το ίδιο σχέδιο σε νέες αναλογίες — όχι τρία ξεχωριστά σχέδια στην τύχη. Δείτε και τα τρία να αλλάζουν μαζί.
Κεφάλαιο 09 — Επιλεγμένα έργα
01 / 06
Sofia Baira
Διαιτολόγος – διατροφολόγος, Σέρρες
Χτίστηκαν εδώ. Είναι ήδη online.
Πέντε έργα, καθένα με την τεχνολογία στην οποία τρέχει και τις εβδομάδες που χρειάστηκε.
Κεφάλαιο 11 — Υπηρεσίες
Έξι ειδικότητες,
Έξι ειδικότητες,
ένα υπεύθυνο στούντιο.
Τα περισσότερα έργα χρησιμοποιούν τρεις ή τέσσερις από αυτές. Ανοίξτε όποια θέλετε για να δείτε ακριβώς τι φτάνει στο γραφείο σας και τι σας κοστίζει σε χρόνο.
Όλες οι υπηρεσίες & τα πακέτα →- Έρευνα UX
- Wireframes
- Σύστημα UI
- Διεπαφές με έμφαση στην κίνηση
- Διαδραστική αφήγηση
- Πρωτότυπο
- Front-end
- Back-end
- Ενσωμάτωση CMS
- Core Web Vitals
- Προσβασιμότητα
- Analytics
- Κατάλογος
- Καλάθι & ολοκλήρωση αγοράς
- Πληρωμές
- Ροές μετά την αγορά
- Συνδρομές
- Art direction
- Φωτογραφία
- Βίντεο
- Κίνηση διεπαφής
- Βιβλιοθήκες υλικού
- Μηνιαίο πλάνο φροντίδας
- Νέες σελίδες
- Δοκιμές
- Συνεχής βελτίωση
- Εκπαίδευση
Από το brief στη φροντίδα
σε έξι βήματα.
Μία κλήση για την αρχή, ζωντανή προεπισκόπηση όσο χτίζεται, και κάποιος που ξέρει τον κώδικα μετά το λανσάρισμα.
Διαλέξτε ένα σημείο εκκίνησης.
Όλα προσαρμόζονται.
Σταθερό αντικείμενο, σταθερή τιμή, σταθερό χρονοδιάγραμμα. Η τιμή καλύπτει ό,τι αναγράφεται στην κάρτα. Τα προαιρετικά πρόσθετα κάθε πακέτου αναφέρονται στη σελίδα Υπηρεσιών και τιμολογούνται μετά από μια σύντομη κλήση.
Οι τιμές είναι σημεία εκκίνησης — η τελική προσφορά εξαρτάται από το αντικείμενο.
Συγκρίνετε τα πακέτα αναλυτικά →Πρώτα σαφήνεια,
πάντα μαστοριά,
χτισμένο για να μεγαλώνει.
Η KGDESIGN είναι ένα ανεξάρτητο στούντιο που δημιουργεί φρέσκες, ουσιαστικές εμπειρίες brand με στρατηγική, σχεδιασμό και τεχνολογία. Αποστολή μας είναι να ζωντανεύουμε την επιχείρηση κάθε πελάτη με σχεδιασμό που μοιάζει ανθρώπινος — διαισθητικός, με σκοπό, και αναμφίβολα δικός τους.
0Χρόνια
0Έργα σε αυτόν τον ιστότοπο
0Ειδικότητες
0In-house
01Διερεύνηση
Στόχοι, κοινό, περιορισμοί και το πραγματικό πρόβλημα — χαρτογραφημένα πριν σχεδιαστεί ένα pixel.
02Καθορισμός
Στρατηγική, δομή και αντικείμενο. Πλάνο, sitemap και αφήγηση, συμφωνημένα από όλους.
03Σχεδιασμός & κατασκευή
Οι ιδέες γίνονται συστήματα — διεπαφή, κίνηση και στιβαρός κώδικας, που παραδίδονται κάθε εβδομάδα.
04Λανσάρισμα & ανάπτυξη
Λανσάρουμε, εκπαιδεύουμε την ομάδα σας και συνεχίζουμε να βελτιώνουμε. Βελτιώσεις που συσσωρεύονται.
Έτοιμοι να χτίσετε
κάτι τολμηρό;
Πείτε μας τι είναι, ποιον εξυπηρετεί και πότε πρέπει να είναι online. Απαντάμε μέσα σε μία εργάσιμη ημέρα.
Κεφάλαιο 16 — Στούντιο
Έμπνευση · Κατασκευή · Ανάπτυξη
Μόλις είδατε έναν ιστότοπο να φτιάχνεται. Αυτή είναι η διαδικασία, όχι μια μεταφορά της.
© KGDESIGN® 2026 · Ανεξάρτητο στούντιο — από το 2016