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 μπορείτε να βρείτε εδώ.

Virta demonstration video

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

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

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

Λογότυπο Virta

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

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

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

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

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

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

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

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

Light Theme

Dark Theme

Διαφημιστικές αναρτήσεις για τα καινούρια προγράμματα εκγύμνασης του Oxygen Pilates Studio

Διαφημιστικά που ετοίμασα για την προώθηση του νέου προγράμματος εκγύμνασης του Oxygen Pilates Studio.

Για τον σκοπό αυτό σχεδιάστηκαν δύο διαφορετικές εκδοχές, μια για την ανάρτηση στον πίνακα ανακοινώσεων του studio και αποστολή με email στους πελάτες (πρώτη εικόνα) και μια για ανάρτηση στην ιστοσελίδα του Oxygen Pilates Studio (η εικόνα που ακολουθεί).

Tablet UI concept - Lock Screen

Ένα concept που ολοκλήρωσα μέσα στην εβδομάδα και αφορά την μορφή της lock screen  σε ένα υποτιθέμενο tablet. Η μορφή βασίστηκε σε διάφορες ιδέες που είχα τον τελευταίο καιρό σχετικά με το πως θα επιθυμούσα το UI ενός tablet.

Όλα έχουν γίνει με την χρήση του Photoshop, ενώ για χάρη ταχύτητας έχω χρησιμοποιήσει για τα εικονίδια έτοιμα γραφικά από το iconfinder.com. Παρακάτω θα βρείτε ένα video με μια παρουσίαση των βασικών στοιχείων που έχω ετοιμάσει μέχρι τώρα. Για τις ανάγκες του video, αλλά και για καλύτερη κατανόηση των όσων έχω σκεφτεί έχω δημιουργήσει και ένα interactive demo σε flash (με περιορισμένες προφανώς δυνατότητες) που θα βρείτε εδώ. 

 

Αργότερα θα σχεδιάσω και πως φαντάζομαι το κεντρικό μενού, αλλά και κάποιες ακόμα λειτουργίες και αντίστοιχα θα υπάρξουν εικόνες, video και interactive demos...

Interactive Demo

Φυλλάδιο Oxygen Pilates Studio (Προετοιμασία αθλημάτων)

Φυλλάδιο που σχεδίασα για την προώθηση της νέας υπηρεσίας προετοιμασίας αθλημάτων για στρατό, αστυνομία και Τ.Ε.Φ.Α.Α. που προσφέρει το Oxygen Pilates Studio.

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

Oxygen Pilates Studio - logo για προετοιμασία αθλημάτων

Λογότυπο που σχεδίασα για χρήση στις καινούριες υπηρεσίες προετοιμασίας αθλημάτων για Στρατό, Αστυνομία και Τ.Ε.Φ.Α.Α. που προσφέρει το Oxygen Pilates Studio.

Το λογότυπο κρατάει ως κεντρικό στοιχείο το Oxygen με όλα τα γνωρίσματα από το βασικό λογότυπο, ενώ για να γίνουν πιο ξεκάθαρες οι νέες υπηρεσίες αντικαταστήθηκαν η σιλουέτα σε στάση pilates και το κείμενο pilates studio με μια σιλουέτα που παραπέμπει σε στίβο και κείμενο που κάνει ξεκάθαρες ποιες είναι οι υπηρεσίες που προσφέρονται.

Για πληροφορίες σχετικά με την σχεδίαση του βασικού λογότυπου του Oxygen Pilates Studio πατήστε εδώ .

Αν ενδιαφέρεστε να μάθετε περισσότερα για την υπηρεσία προετοιμασίας αθλημάτων από το Oxygen μπορείτε να επισκεφτείτε την ιστοσελίδα του Oxygen Pilates Studio.