Daily UI Challenge #009

Behance link

Daily UI Challenge (#001-#008)

Πριν λίγο καιρό ανακάλυψα ή πιο σωστά αποφάσισα να ξεκινήσω (γιατί κακά τα ψέμματα είναι αρκετός καιρός που το πήρε το μάτι μου) το Daily UI Challenge.

Το Daily UI Challenge, λοιπόν αποτελεί στην ουσία ένα mailing list στο οποίο γράφεσαι και κάθε μέρα σου στέλνουν ένα task που αφορά UI/UX design. Οι προδιαγραφές για αυτό το task είναι αρκετά γενικές ώστε να δίνουν τη δυνατότητα στον καθένα να τις ερμηνεύει όπως επιθυμεί. 

Απώτερος στόχος του Daily UI Challenge είναι να αποτελέσει ένα διασκεδαστικό τρόπο για να βελτιώσεις τα skills σου και ταυτόχρονα να δώσει τη δυνατότητα να λάβεις feedback για τη δουλειά σου από άλλους designers που συμμετέχουν στο ίδιο challenge.

Παρακάτω έχω μαζεμένα τα πρώτα 8 tasks που ολοκλήρωσα, τα υπόλοιπα από εδώ και πέρα θα τα ανεβάζω σε δικό τους post.

Monday app - Get rid of bad habits

Το Monday είναι ένα app που ως βασικό στόχο έχει να βοηθήσει τους χρήστες να απεξαρτηθούν από τις κακές συνήθειες. Για να το πετύχει αυτό ακολουθεί δυο βασικές αρχές:

• Ο καλύτερος τρόπος να απεξαρτηθείς από μια κακιά συνήθεια είναι να την αντικαταστήσεις με κάποια καλή.

• Ο μέσος άνθρωπος χρειάζεται 66 μέρες για να υιοθετήσει μια καινούρια συνήθεια.

Boxmark it! - A cloud based bookmarking tool

Το Boxmark it! είναι ένα εργαλείο διαχείρισης bookmarks βασισμένο στο cloud. Η διαφορά του ωστόσο από τις υπόλοιπες αντίστοιχες λύσεις είναι πως η αποθήκευση και διατήρηση των δεδομένων δεν γίνεται σε κάποιον δικό μου server αλλά τα δεδομένα του κάθε χρήστη αποθηκεύονται και διατηρούνται στον προσωπικό του λογαριασμό Dropbox. 

Η μοναδική απαίτηση λοιπόν για να χρησιμοποιήσει κάποιος χρήστης το Boxmark it! είναι να διατηρεί λογαριασμό στο Dropbox και να εγκαταστήσει την αντίστοιχη εφαρμογή σε αυτόν. 

Algorithm Gallery - BSc thesis

Στα πλαίσια της πτυχιακής μου εργασίας μου ζητήθηκε η ανάπτυξη μιας εφαρμογής που θα παρουσιάζει με γραφικό τρόπο την λειτουργία των βασικών αλγορίθμων ταξινόμησης και αναζήτησης.

Είχα πλήρη ελευθερία στα εργαλεία αλλά και στις τεχνολογίες που θα χρησιμοποιούσα και μετά από συνεννόηση με τον επόπτη καθηγητή αποφασίστηκε το τελικό αποτέλεσμα να έχει τη μορφή μιας web εφαρμογής.

Η εφαρμογή αυτή ονομάζεται Algorithm Gallery και είναι διαθέσιμη στη διεύθυνση: http://thesis.primitiveart.gr.

Νέο primitiveart logo

Παραπάνω παρουσιάζεται το νέο προσωπικό μου λογότυπο, σε 3 διαφορετικές χρωματικές εκδοχές. Η ιδέα πίσω από αυτό το λογότυπο παραμένει η ίδια που ακολουθήθηκε και για τον σχεδιασμό του προκατόχου του, στον οποίο άλλωστε και βασίζεται.

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

Virta platform και paokbc.virta.gr

Εδώ και αρκετό καιρό έχω κάνει λόγο για την πλατφόρμα Virta που αναπτύσσουμε με την ViLabs. Μεταξύ των άλλων έχω ανεβάσει videos, logo αλλά και flyers, αλλά τώρα ήρθε και η ώρα να κάνω ένα post αποκλειστικά για την πλατφόρμα αλλά και την πρώτη διαδικτυακή κοινότητα που έχει στηθεί με αυτή.

Virta demonstration video για το webit

Λίγους μήνες μετά το τελευταίο demo video του Virta, παρουσιάστηκε η ανάγκη για ένα καινούριο πιο λεπτομερές video.

Στο καινούριο video παρουσιάζονται όλες οι λειτουργίες της πλατφόρμας (κάποιες είναι νέες που δεν υπήρχαν όταν δημιουργήθηκε το προηγούμενο video), το ανανεωμένο interface αλλά και η καινούρια φωτογραφία του γηπέδου (υψηλότερη ανάλυση που πλέον καλύπτει ολόκληρη την επιφάνεια).

Το video έπαιζε σε επανάληψη (μαζί με μια παρουσίαση) στο stand  του Virta στο Webit Congress.

Logo για εταιρεία ανάπτυξης mobile apps Concept

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

Τελικά το project δεν προχώρησε ωστόσο είχα ήδη σχεδιάσει 2 concepts τα οποία και παρουσιάζονται σε αυτό το post.

Virta banner και poster

Στο παραπάνω σχέδιο βασίστηκε το poster και τα φυλλάδια που χρησιμοποιήθηκαν στο stand του Virta στο webit congress. Ακολουθεί φωτογραφία από το stand που φαίνεται το poster στην πράξη.

Virta Intro Image

Στις 9 Οκτωβρίου, το Virta παρουσιάστηκε για πρώτη φορά στο κοινό και όπως συμβαίνει με κάθε τι νέο υπάρχουν πολλές πιθανότητες να δημιουργηθούν απορίες στους χρήστες σχετικά με τις λειτουργίες αλλά και την χρήση του.

Διάκριση στο Webit StartUp Challenge

Όπως έχω αναφέρει και στο παρελθόν στην εταιρία που εργάζομαι δουλεύουμε πάνω στην ανάπτυξη της καινοτόμας πλατφόρμας Virta, που φιλοδοξεί να αλλάξει τον τρόπο που αγοράζουμε εισιτήρια online για κάποιο event (αγώνα, θεατρικό έργο κτλ), αλλά και τον τρόπο με τον οποίο αλληλεπιδρούμε με τους υπόλοιπους θεατές, πελάτες, φιλάθλους κτλ.

Στα πλαίσια της προώθησης της πλατφόρμας λάβαμε μέρος και στο Global Webit StartUp Challenge και καταφέραμε να είμαστε ένα από τα 21 startups (834 έλαβαν μέρος) που θα ταξιδέψει στην Τουρκία να παρουσιάσει, μπροστά σε ένα κοινό με σημαντικά ονόματα του χώρου, το όραμα μας.

Η επιτυχία αυτή είναι πολλή μεγάλη γιατί αφενός το Webit Congress είναι ένα παγκοσμίου κλάσης συνέδριο οπότε η επιλογή μας από την ειδική επιτροπή έχει μια μεγάλη βαρύτητα και αφετέρου θα μπορέσουμε να παρουσιάσουμε την πλατφόρμα σε ενδεχόμενους επενδυτές, συνεργάτες αλλά και πελάτες.

Την σελίδα με τους semi-finalists και περισσότερες πληροφορίες για το Webit Congress μπορείτε να βρείτε εδώ.

Primitiveart - personal site - 2013

Πριν περίπου έναν χρόνο αποφάσισα πως ήθελα να ανανεώσω την προσωπική μου ιστοσελίδα, έκατσα λοιπόν και υλοποίησα σε ένα πρώτο concept όλα αυτά που είχα στο μυαλό μου για το πως θα ήθελα να είναι. Το αποτέλεσμα ήταν το primitiveart.2012.

NEO URL - http://primitiveart.gr

Έχει αρκετό καιρό (χρόνια για την ακρίβεια) που ήθελα να αποκτήσω ένα κανονικό url και να πάψω να χρησιμοποιώ αυτά τα άσχημα που παρέχονται στις διάφορες υπηρεσίες hosting. Για κάποιον λόγο, που τώρα φαντάζει αδικαιολόγητος, το ανέβαλα συνεχώς μέχρι χθες που επιτέλους απέκτησα το δικό μου φυσιολογικό url.

Το http://primitiveart.gr είναι και επίσημα πλέον το νέο μου url που θα φιλοξενεί την προσωπική μου ιστοσελίδα (το blog θα συνεχίσει εδώ που είναι).

(Το http://primitiveart.net63.net θα συνεχίσει κανονικά να λειτουργεί, αλλά δεν θα δέχεται πλέον καμία αναβάθμιση περιεχομένου) 

Virta demonstration video

Όπως έγραψα και σε παλαιότερο post μεταξύ των υποχρεώσεων που ανέλαβα στην ViLabs είναι και η δημιουργία video για την προώθηση της πλατφόρμας Virta που θα κυκλοφορήσει αργότερα μέσα στον χρόνο.

Ιστοσελίδα για τουριστικό γραφείο

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

Λογότυπο Virta

Μέσα στους επόμενους μήνες θα γίνει η επίσημη παρουσίαση της καινοτόμας πλατφόρμας Virta. Η πλατφόρμα αυτή αναπτύσσεται από την ViLabs, στην οποία εργάζομαι τους τελευταίους μήνες και είχα σημαντική συμμετοχή στην ανάπτυξη της. Μεταξύ των άλλων ρόλων που είχα στην ανάπτυξη της πλατφόρμας μου ανατέθηκε και να σχεδιάσω το λογότυπο που θα την συνοδεύει.

Από την πρώτη στιγμή ήθελα το λογότυπο να ακολουθεί κάποιες συγκεκριμένες αρχές:

• να είναι λιτό
• να είναι εύκολα αναγνωρίσιμο 
• να μπορεί να αποδοθεί το ίδιο αποτελεσματικά σε διάφορες περιπτώσεις (εκτυπώσεις, οθόνες, διάφορα μεγέθη)
• να παραπέμπει σε αυτό που θέλουμε να παρουσιάσουμε

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

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

Πρακτική και εργασία

Στις 22 Απριλίου ολοκλήρωσα την πρακτική μου άσκηση στην εταιρία ViLabs, στην οποία και εργάζομαι πλέον ως υπάλληλος. Ο ρόλος μου εξαρχής (πριν και μετά την πρακτική) είναι αυτός του web designer / web developer και εργάζομαι κυρίως πάνω σε ένα καινοτόμο project, που ξεκίνησε κατά την διάρκεια της πρακτικής μου, το οποίο έχει ως στόχο να αλλάξει τον τρόπο με τον οποίο έχει συνηθίσει ο κόσμος να αγοράζει εισιτήρια (περισσότερες λεπτομέρειες σε επόμενο post, αφού πρώτα βγει στο κοινό η υπηρεσία) .

Τα καθήκοντα μου στην εταιρία αφορούν την ανάπτυξη του front end, συμπεριλαμβανομένου του UI/UX, κάνοντας χρήση HTML5, CSS3, jQuery, JavaScript, PHP, Photoshop και web services. Επιπροσθέτως έχω αναλάβει τον σχεδιασμό λογοτύπου για την υπηρεσία (περισσότερες λεπτομέρειες σε επόμενο post, αφού πρώτα ολοκληρωθεί) καθώς και την δημιουργία video για διαφημιστικούς λόγους (επίσης θα υπάρξει κατάλληλο post στην συνέχεια).

primitiveart.2012

Έχω ξεκινήσει την επανασχεδίαση της προσωπικής μου ιστοσελίδας η οποία μετά από πολλές εκδόσεις είναι η πρώτη φορά που δεν ενσωματώνει ίχνος Flash. Για την ανάπτυξη της χρησιμοποιούνται JavaScript, jQuery, CSS, HTML...

Η ιστοσελίδα θα έχει και ειδική έκδοση για φορητές συσκευές με μικρή οθόνη της οποίας screenshot μπορείτε να δείτε παρακάτω. Την demo έκδοση για υπολογιστές μπορείτε να την βρείτε εδώ, ενώ την αντίστοιχη έκδοση για φορητές συσκευές εδώ, οι αλλαγές που θα γίνουν στην τελική έκδοση θα αφορούν το navigation μεταξύ των σελίδων (Αρχική, Ποιος είμαι και Που θα με βρείτε)...

Το concept της αχικής σελίδας μπορείτε να το βρείτε εδώ

Υποσημείωση: Οι εκδόσεις που ανέβασα είναι ακόμα υπό κατασκευή και έχουν ελλείψεις και από πλευράς κάποιων λειτουργιών αλλά και από πλευράς κώδικα...

Νέο προσωπικό λογότυπο-avatar

Μετά από αρκετό καιρό προχώρησα στην επανασχεδίαση του προσωπικού μου λογοτύπου. Το νέο λογότυπο είναι σχεδιασμένο με βασικό στόχο να παραπέμπει σε μια από τις γνωστότερες μορφές πρωτόγονης τέχνης (primitive art), τις σπηλαιογραφίες, από τις οποίες και είναι επηρεασμένο.

Εκτός από την παραπάνω μορφή, χρησιμοποιείται και σε δύο ακόμα εκδοχές, που μπορείτε να δείτε αμέσως παρακάτω, κυρίως σαν avatar σε διάφορες διαδικτυακές κοινότητες που συμμετέχω.

Light Theme

Dark Theme