Βρίσκεστε στα παλιότερα κείμενα του blog. Αφού διαβάσετε αυτό που σας ενδιαφέρει, μπορείτε να επιστρέψετε στα καινούρια.

Thursday 16.07.2009, ¶ porcupine colors, 13 Σχόλια

Πρόσφατα έργα: Little Planet

Τι κάνεις όταν γνωρίζεις έναν επαγγελματία που θαυμάζεις τη δουλειά του; Τις περισσότερες φορές τίποτα. Κάθεσαι, την απολαμβάνεις και συνεχίζεις να θαυμάζεις. Στην περίπτωση του Little Planet τα πράγματα έγιναν κάπως αλλιώς.

Με το Γιάννη Ψαθά, τον ένα από τους δύο ανθρώπους πίσω από το Little Planet, αυτό το καταπληκτικό φωτογραφικό studio, γνωριστήκαμε μέσω ενός άλλου project και πολλές φορές κάτσαμε μαζί στο γραφείο του. Μιλούσαμε για φωτογραφία, για Web design, για τέχνη και για διάφορα άλλα ωραία πράγματα. Μάλιστα, τα sessions περιλάμβαναν μαθήματα Photoshop - δεν ξέρω αν ήμουν και τόσο καλός μαθητής βέβαια.

Θαυμάζοντας λοιπόν τις καταπληκτικές φωτογραφίες του Γιάννη και του συνεργάτη του Αντώνη Βλαβογελάκη, όταν άκουσα ότι χρειαζόταν ένα redesign στο Little Planet, προσφέρθηκα να κάνω εγώ τη βρώμικη δουλειά (λέμε τώρα). Και προς μεγάλη μου χαρά συμφώνησε. Οπότε, αρκετούς μήνες αργότερα προέκυψε αυτό:

Little Planet

Το σκεπτικό μου πίσω από το νέο design του Little Planet ήταν να αναδειχτεί το φωτογραφικό υλικό με ένα τρόπο μοντέρνο, χωρίς τις συνήθεις ακρότητες που βλέπουμε σε άλλα φωτογραφικά websites και διαχρονικό. Το υλικό, το είπα και πιο πάνω, ήταν ό,τι καλύτερο μπορεί να έχει στα χέρια του ένας designer ώστε να έχει αφορμές να βγάλει κάτι καλό.

Χωρίς άλλες καθυστερήσεις, προτείνω τουλάχιστον μια επίσκεψη στο Little Planet και για όποιον θέλει να μάθει περισσότερα για τις λεπτομέρειες του έργου υπάρχει όπως πάντα και το σχετικό case study.

13 Σχόλια

Picture of notiv

Νομίζω η καλύτερη δουλειά σου μέχρι τώρα (χωρίς να είμαι και ειδικός...). Συγχαρητήρια!

notiv
16 July 2009

Picture of porcupine

Ευχαριστώ πολύ notiv!

porcupine
16 July 2009

Picture of Δημήτρης Γιώτας

Πολύ καλή δουλειά. Συγχαρητήρια!!!
Όντως τα χρώματα και το όλο feeling ανεβάζουν τις φωτογραφίες που έχουν στην σελίδα.
Μόνο 1 ένσταση. Γιατί οι σελίδες Προφίλ, Πελάτες & Επικοινωνία δεν έχουν και αυτές ένα καλύτερο layout;
Και ένα πρόβλημα. Στην αρχική σελίδα στο section “Αρχιτεκτονικός Φωτορεαλισμός”, το link για τις φωτογραφίες κόβεται στην μέση σε Windows.

Congrats man. Keep up the good work…

Picture of porcupine

Ευχαριστώ Δημήτρη!

Να πω την αλήθεια, δεν καταλαβαίνω τι εννοείς με το “καλύτερο layout” για τις σελίδες που αναφέρεις... νομίζω ότι το layout αυτών των σελίδων εντάσσεται στο υπόλοιπο σκεπτικό του site.
Αν πάντως έχεις κάποια ιδέα, please share!

Ευχαριστώ και για την επισήμανση του bug.

porcupine
17 July 2009

Picture of Δημήτρης Γιώτας

Βασικά έτσι όπως τις είδα είναι πολύ απλές. Μπορούσες πχ να κρατήσεις το μαύρο τετράγωνο και να έβαζες εκεί μέσα το κείμενο. Τώρα είναι πολύ φτωχές με το κείμενο πάνω στο γκρίζο background.

Επίσης ένα άλλο περίεργο bug που μόλις είδα είναι ότι σε FF3.5 Windows στην σελίδα “about.html” μου βγάζει οτιδήποτε κάνεις include (css, js) με κινέζικα ιδεογράμματα.

Picture of Gerasimos

Πολύ καλή δουλειά Γιάννη. Συγχαρητήρια!. Οι μόνες παρατηρήσεις έχουν να κάνουν με τεχνικές λεπτομέρειες τις οποίες ποτέ και κανένας χρήστης που μπαίνει να βρεί αυτό που θέλει δε θα δει οπότε θα στις πω από κοντά over a beer :D

Όταν πάω στη σελίδα About, τη βλέπω χωρίς stylesheet. Ενώ βλέπω στο source ότι υπάρχει, για κάποιο λόγο η σελίδα δεν ανοίγει σωστά.

Gerasimos
17 July 2009

Picture of porcupine

Ευχαριστώ Γεράσιμε!

Τα τεχνικά σχόλια δε θα συζητηθούν απλώς over a beer, αλλά over a zombo beer!

Δημήτρη και Γεράσιμε, το θέμα με τον FF 3.5 και την About σελίδα είναι ανεξήγητο. Σε άλλους browsers είναι μια χαρά και περνάει το validation χωρίς να πάρω καν warning.
Αν μπορέσετε να βρείτε τι φταίει θα σας ήμουν υπόχρεος.

Να πω κάτι ακόμα που ξεχασα να γράψω στο κυρίως post.
Το Little Planet ήταν μια σελίδα που φτιάχτηκε απευθείας στον browser, χωρίς να παρεμβληθεί το στάδιο Photoshop. Όποιος θέλει να δει περισσότερα για το σκεπτικό μπορεί να διαβάσει το Time to stop showing clients static design visuals του Andy Clarke.

Ήταν μια πολύ ενδιαφέρουσα προσέγγιση που μου έδωσε ένα ακόμα τρόπο να προσεγγίζω το design. Σαν λέμε ένα ακόμα βέλος στη φαρέτρα. Δεν αποκλείω να το συνεχίσω σε μόνιμη βάση. Αν η τεχνική έβγαλε το Little Planet, ένα κανονικότατο website με αρκετά γραφικά, γιατί να μην μπορεί να εφαρμοστεί παντού;

porcupine
17 July 2009

Picture of Gerasimos

Με Firefox 3.0 μου συμβαίνει αυτό το πραγματάκι Γιάννη. Θα ρίξω μια ματιά στο break a bit later :D

Ζοοοοmbo beer yea!

Την τακτική αυτή έχω ακολουθήσει και εγώ αρκετές φορές για πολύ μικρά sites και πραγματικά παίζει. Ένα προσχέδιο στο sketchbook και αυτό είναι όλο.

Gerasimos
17 July 2009

Picture of Gerasimos

Hm.. weird.. To firebug στη συγκεκριμένη σελίδα βγάζει errors πως υπάρχουν Illegal characters στο about.html και σε όλα τα .js includes.

Ενα check που θα μπορούσες να κάνεις είναι να δείς όλα τα αρχεία που αποτελούν το about.html (ακόμα και το ίδιο) καθώς και το .css, τα .js είναι αποθηκευμένα ως UTF-8 without BOM.

“While UTF-8 does not have byte order issues, a BOM encoded in UTF-8 may nonetheless be encountered. A UTF-8 BOM is explicitly allowed by the Unicode standard[1], but is not recommended[2], as it only identifies a file as UTF-8 and does not state anything about byte order.”

http://en.wikipedia.org/wiki/Byte-order_mark

Gerasimos
17 July 2009

Picture of Christos Papadimitriou

Θα έλεγα και γω πως είναι ισως το πιο καλό project στο porcupine.gr .

Welldone!

Κάνε convert το αρχείο about.html σε “utf-8 without BOM”  (Αυτό γίνεται εύκολα με ενα notepad++ στο format menu ).

Κάποιος χαρακτήρας έχει μπεί ανάμεσα στο path του css και δεν το δίνει σωστά στον browser.

Tα υπόλοιπα αρχεία για κάποιο λόγο τα έχει without bom.

Christos Papadimitriou
18 July 2009

Picture of porcupine

Χρήστο, Γεράσιμε ευχαριστώ πολύ για τη βοήθεια. Θα δοκιμάσω τις προτάσεις σας.

Ευχαριστώ και για τα καλά λόγια smile

porcupine
20 July 2009

Picture of klou

Καλή δουλειά Γιάννη, συγχαρητήρια. Δεν είναι η καλύτερη δουλειά, η καλύτερη είναι αυτή της Fena, με διαφορά 1.000.000 έτη φωτός, αλλά ΟΚ, είναι και αυτή καλή. ( :p )

Η τεχνική που περιγράφεις είναι ότι πρέπει για personal ή μικρά projects ή projects όπου πιστεύεις πολύ στον εαυτό σου και στη συννενόηση σου με τον πελάτη, ώστε με σιγουριά πλέον να περνάς στο development.

Το δεύτερο zombo meeting υπενθυμίζω είναι αυτό το Σάββατο. Είστε προσκεκλημένοι όλοι, θα υπάρχει special guest, και θα γίνει σε πολύ ιδιαίτερο μέρος. Περισσότερα δε μπορώ να πω δυστυχώς.

Ευχαριστώ και συγχαρητήρια again smile

klou
21 July 2009

Picture of porcupine

@klou Δέχομαι τα σχόλια :D

@all Ευχαριστώ για τις υποδείξεις σας και τη βοήθεια για το bug. Διορθώθηκε.

porcupine
22 July 2009

-- Τα σχόλια για το post αυτό είναι κλειστά.