itay koronyo ui and ux design, develop and project management - portfolio
Post on 26-May-2015
250 Views
Preview:
DESCRIPTION
TRANSCRIPT
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
• נסיון•בן•שמונה•שנים•בניהול•מוצרי•ווב,•דסקטופ,•מובייל•ופייסבוק•בחברות•לוקאליות•ובינלאומיות.•
• מומחה•UI•עם•נסיון•עשיר•בן•שמונה•שנים•בתחום•ה-UI•)ממשקי•משתמש(,•הכולל•קורסים,•כנסים,•
בלוגים•רלוונטיים•ועבודה•מעשית•בשטח.•
• נסיון•של•חמש•שנים•נוספות•ככתב,•עורך•ומנהל•תכני•טקסט•ווידאו.
• מרצה•ומדריך•בקורסים•לאפיון•חוויית•משתמש•
• שירותי•ייעוץ,•ניהול•והקמת•פרוייקטים•אינטרנטיים,•מקצה•לקצה.•
• משלב•הסקיצה•הראשונית,•אפיון,•שכירת•מעצבים•גרפיים•ותכנתים•הטובים•ביותר,•במחירים•הזולים•ביותר,•עד•
להקמת•האתר/אפליקציה•לשביעות•רצונך•ושיווקו•ברשת.•
• לאחר•מכן,•אסביר•לך•בפירוט•ואלווה•אותך•בהדרכה•לגבי•עדכון•תכנים•באתר•ומעקב•אחר•תנועת•הגולשים•
באתר•באופן•עצמאי.
• שירותי•ייעוץ,•אפיון•או•ניהול•פרוייקט•גם•לשדרוג•אתר•קיים•או•חלק•ממנו•כדי•להגדיל•אחוזי•המרה.•
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
הפרוייקט: הקמת אתר חדש במקום אתר קיים
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
לשם•השוואה,•מוצג•כאן•האתר•הקודם.•ע”מ•לראות•את•
השינוי•יש•לעבור•לעמוד•הבא.
הלקוח: אלן קאר - סניף ישראלי מתוך 150 בעולם לחברה להפסקת עישון
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
האתר החדש )עדיין לא באוויר, אך ניתן לראותו על שרתי הפיתוח כאן(
נוטרו•שיחות•מדגמיות•של•לקוחות•משירות•הלקוחות•כדי•להבין• •
את•הצרכים•הבסיסיים•של•הלקוח. •
נבחנו•נתוני•התנועה•של•האתר•בגוגל•אנאליטיקס•כדי•להבין•את••• •
התהליך•אותו•עובר•לקוח•באתר•ולאתר•כשלים,•וכך•לבנות•עבורו•• •
תהליך•ברור•ומובנה•עם•מה•שפחות•מקום•לשאלות. •
מידע•רב•אוחד•וצומצם;•כל•היררכיית•המידע•סודרה•מחדש• •
•• ובר•הניווט•צומצם•בחצי;•העמודים•החדשים•נקיים•יותר,•תוך•כדי• •
••••••••שימת•דגש•על•העברת•המסר•המרכזי•בכל•עמוד.•
בר•הניווט•הפך•לקל•לתפעול•–•במעבר•עכבר•נפתחת•הקטגוריה• •
בתזוזה•אנימטיבית•הצידה•וחושפת•את•התפריט•הרלוונטי• •
)בדוגמא•כאן,•קטגוריית•“על•השיטה”(. •
הושם•דגש•יתר•על•נראות•–•תמונות•גדולות•וברורות,•סליידים• •
מתחלפים•בצורה•אלגנטית•ועדינה•ובמירווחי•זמן•גבוהים•בכדי• •
לא•להציק•לגולש. •
אלמנט•הצ’ט•עם•נציג•הוקטן•בכדי•לא•להסב•תשומת•לב•ועדיין• •
להראות•נוכחות•מספקת•למקרה•הצורך. •
הלקוח: אלן קאר - סניף ישראלי מתוך 150 בעולם לחברה להפסקת עישון
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
הוגדר•מסמך•דרישות•בסיסי•)Functional Requirements(•עם•הלקוח. •
נכתב•מסמך•אפיון•על•פי•דרישות•אלו. •
הושם•דגש•יתר•על•נראות•המוצר•ונוחות•הקניה•–•גלריה•בה•מעבר•• •
עכבר•על•תמונה•קטנה•מראה•אותה•בהגדלה•באופן•מיידי•ואוטומטי,•• •
•• המרת•מטבע•אוטומטית•למטבע•הרווחת•בארץ•בה•נמצא•הגולש• •
כרגע•ותיבה•לבחירת•צבע•וכמות•במהירות,•להקטנת•חסמי• •
קניה••טכנולוגיים. •
הפרוייקט: הקמת אתר Ibondi )האתר כיום כבר לא באויר(
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
הלקוח: אתר Ibondi - אתר למכירת מוצר מעוצב לשימושים שונים בבית
אודות � פרוייקטים � צור קשר
עמוד•הבית
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
הלקוח: אתר Ibondi - אתר למכירת מוצר מעוצב לשימושים שונים בבית
אודות � פרוייקטים � צור קשר
עמוד•תשלום
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
הלקוח: אתר Ibondi - אתר למכירת מוצר מעוצב לשימושים שונים בבית
אודות � פרוייקטים � צור קשר
עמוד•צור•קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
הפרוייקט: אפיון ו-wireframe לכל המודולים והעמודים באפליקציה
דוגמא•לארבעה•עמודים•מתוך•ספר•אפיון•בן•55•עמודים. •
דגש•על•עיצוב•מותנה•)Responsive Design(•בו•אלמנטים•שונים,•• •
כמו•בר•הניווט•משמאל•נעלמים•ומופיעים•על•פי•דרישה•כאשר•• •
מדובר•במסכים•קטנים•יותר. •
הלקוח: Trinity - אפליקציית ווב לניהול מלאים לסוכני שטח עם טאבלטים
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
פירוט•פרטי•הסטטיסטיקה•של•הסוכן
אודות � פרוייקטים � צור קשר
הפרוייקט: אפיון ו-wireframe לכל המודולים והעמודים באפליקציה
הלקוח: Trinity - אפליקציית ווב לניהול מלאים לסוכני שטח עם טאבלטים
עמוד•ניהול•סטטיסטיקות
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
עמוד•הזמנת•מוצרים
הפרוייקט: אפיון ו-wireframe לכל המודולים והעמודים באפליקציה
הלקוח: Trinity - אפליקציית ווב לניהול מלאים לסוכני שטח עם טאבלטים
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
הפרוייקט: אפיון ו-wireframe לכל המודולים והעמודים באפליקציה
הלקוח: Trinity - אפליקציית ווב לניהול מלאים לסוכני שטח עם טאבלטים
עמוד•הזמנת•מוצרים•-•תצוגת•גלריה
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
עיצוב•המבהיר•כבר•מהסתכלות•ראשונה•כי•מדובר• •
במוצר•הקשור•בשיח,•תקשורת•ווידאו. •
לאחר•לחיצה•על•כפתור•הנגינה•בקוביה•המרכזית• •
מימין,•נוגנו•קטעי•וידאו•קצרצרים•מסרטים•שונים,•כאשר•• •
ניגון•של•רצף•הקטעים,•יצר•רצף•שיחה•הגיוני•ביניהם. •
הסבר•פשוט•ומהיר•עם•הנעה•לפעולה•)הרשמה(• •
כבר•בדף•הבית. •
הלקוח: Poptok - אתר להורדת תוסף למסנג’ר לשיחה בין שני אנשים באמצעות קטעי וידאו מסרטים מפורסמים ומווידאו
אודות � פרוייקטים � צור קשר
הפרוייקט: הקמת אתר
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
בצד•הימני•העליון•–•הנפשה•מהירה•המסבירה•את ••
מהות•המוצר.•בסיום•ההנפשה•–•חץ•המוביל •
לכפתור•ההורדה. •
הפיצ’רים•של•המוצר•מוחשכים•)הריבועים•השחורים ••
בתחתית•המסך(•כדי•לא•למשוך•יתר•תשומת•לב.•בזמן •
מעבר•עכבר•מעל•אחד•מהשימושים,•הם•הופכים •
לצבעוניים,•כדי•להקל•על•הקריאה.•בנוסף,•כל•הפיצ’ירם •
נכתבו•כפעולה•)•Search,•Use,•Share(•כדי•להדגיש•את •
הפשטות•ולהגביר•את•ההנעה•לפעולה. •
הלקוח: PlusImage - אתר להורדת כלי לחיפוש תמונות ברשת ע”פ חיתוכים שונים למתחילים
אודות � פרוייקטים � צור קשר
הפרוייקט: הקמת אתר
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשראודות � פרוייקטים � צור קשר
הלקוח: PlusImage - אתר להורדת כלי לחיפוש תמונות ברשת ע”פ חיתוכים שונים למתחילים
עמוד•הבית•-•בסיום•ההנפשה,•חץ•מוביל•מאופן•ברור•לכפתור•ההורדה.
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
)Client( עיצוב מוצר ההורדה עצמו
אודות � פרוייקטים � צור קשר
הלקוח: PlusImage - אתר להורדת כלי לחיפוש תמונות ברשת ע”פ חיתוכים שונים למתחילים
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
הפרוייקט: הקמת עמוד נחיתה להורדת המוצר
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
הלקוח: Messenger Plus - תוסף למסנג’ר המאפשר ביצוע מניפולציות שונות על מסנג’ר
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
עיצוב•סרגל•כלים•אינו•דבר•קל.•מדובר•באלמנט•לא•אהוד•• •
על•משתמשים,•כזה•שלא•צריך•לבלוט•יותר•מידי,•אך•עם•• •
זאת,•לשרת•את•האינטרס•של•זה•שמפיץ•אותו.•בנוסף,• •
הגולש•צריך•להבין•את•הפונקציונאליות•של•האלמנטים•בו•• •
בעזרת•אייקון•ו-tooltip•)שורת•טקסט•קצרצרה•המופיעה•• •
כשעומדים•מעל•אלמנט•מסוים(•בלבד.•רוב•המטרות•הושגו•• •
על•ידי•עיצוב•שנראה•כאילו•הסרגל•הינו•חלק•מהדפדפן.• •
חלוקת•הפונקציונאליות•של•הכפתורים•בסרגל•לטאבים. •
עידוד•שימוש•על•ידי•שמות•קטגוריות•קליטים,•עקביים• •
.)Use•it,•Share•it,•Use•it(•ומניעים•לפעולה •
סרגל כלים לדפדפן כרום
אודות � פרוייקטים � צור קשר
הפרוייקט: הקמת סרגל כלים ייחודי משלים וממותג
לכרום
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
דף•להורדת•מוצר•לקהל•צעיר.•הקשת•המובילה•לכפתור•
ההורדה•מונפשת•ומראה•את•הויטאליות•ואינספור•האופציות•
שהמוצר•הזה•מאפשר•בצ’ט•אונליין•עם•חברים.
עמוד נחיתה
אודות � פרוייקטים � צור קשר
הפרוייקט: הקמת עמוד נחיתה מונפש להורדת המוצר
רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב ופיתוח
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
Responsive Design עיצוב מותנה
)סידור האלמנטים משתנה בכל שינוי גודל החלון(
לעולם חוויתי בתוך חלון מסנג’ר
אפיון•ועיצוב•פרוייקט•מורכב•של•הקמת•עולם•
חווייתי•בתוך•החלון•של•מסנג’ר.
המורכבות•נבעה•מהצורך•“להיצמד”•טכנולוגית•
אל•תוך•חלון•קליינט•של•מוצר•אחר•ומבחינה•
עיצובית•-•האלמנטים•בחלון•צריכים•להשתנות•
ולהתמקם•מחדש•כשהמשתמש•משנה•את•
גודל•חלון•המסנג’ר.
Responsive Design
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
Responsive Design עיצוב מותנה
)סידור האלמנטים משתנה בכל שינוי גודל החלון(
לעולם חוויתי בתוך חלון מסנג’ר
Responsive Design
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
Responsive Design עיצוב מותנה
)סידור האלמנטים משתנה בכל שינוי גודל החלון(
לעולם חוויתי בתוך חלון מסנג’ר
Responsive Design
אודות � פרוייקטים � צור קשר
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
דוגמא לאפיון ופרוטוטייפ עובד - עמוד מוצר באתר מסחר אלקטרוני
אודות � פרוייקטים � צור קשר
הפרוייקט: אפיון עמוד מוצר ריספונסיבי לדסקטופ וסמרטפון
רעיונאות, אפיון
אני•מאפיין•בתוכנת•אקשור•-•תכנה•מיוחדת•
המאפשרת•ללקוח•לראות•את•המוצר•עוד•לפני•
העיצוב•והפיתוח.
• אין•צורך•לדמיין.
• הלקוח•יודע•בדיוק•מה•הוא•מקבל.
• חסכון•עצום•של•זמן•ועלויות•עיצוב•ופיתוח.
לחץ•כאן•כדי•לראות•את•האפיון•עובד•במסך•
מחשב•או•סמרטפון.
)עובד•באופן•אופטימלי•על•כרום.•יש•לאשר•את•הודעת•האבטחה(
itayko@gmail.com 0542001020 איתי קורוניו ניהול פרוייקטים אודות � פרוייקטים � צור קשר
0542001020
itayko@gmail.com
איתי•קורוניוניהול פרוייקטים
אודות � פרוייקטים � צור קשר
top related