18
[email protected] 054-200-10-20 איתי קורוניו: נסיון - שנים15 ותוכן דיגיטליים ניהול מוצרים מגזינים, אונליין ואופליין מוצרי ווב, דסקטופ, מובייל ופייסבוק בחברות לוקאליות ובינלאומיות. ממשק( UX/UI מתוכם, התמקדות בהיבט השיווקי של ה הכולל קורסים, כנסים, בלוגים- שנים8 - ) וחוויית משתמש צוותי רלוונטיים ובעיקר המון עבודה מעשית בשטח בניהול עיצוב ופיתוח עבור לקוחות שונים בארגונים כשכיר או כעצמאי. מה אנו מציעים בסטודיו: יחד, הצוות, אני או שילוב של שניהם, נלווה אותך ואת המוצר שלך בהיבט כולל, שיווקי ומיתוגי. נעזור לך להגשים את האינטרסים שלך, קודם כל. בנוסף, אנו נעזור לך להנגיש טוב יותר את המוצר והמותג שלך- זאת, בכל נקודה בה תרצה שנצטרף- למשתמשים בו מרעיונאות על מפית ועד לפיתוח מלא, כולל עיצוב ותוכן. יחד, כצוות מאוחד בהגשמת האינטרס העסקי שלך, נגיע למודל אינטראקטיבי מעוצב, אפיון, עיצוב ופיתוח מלא או חלקי של המוצר, הכולל גם אתר ייצוגי.

פורטפוליו עם מקרי בוחן מעודכנים

Embed Size (px)

Citation preview

Page 1: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

נסיון: ניהול מוצרים ותוכן דיגיטליים 15 שנים -

מגזינים, אונליין ואופליין מוצרי ווב, דסקטופ, מובייל ופייסבוק בחברות לוקאליות ובינלאומיות.

UX/UI )ממשק ווקי של ה מתוכם, התמקדות בהיבט השי8 שנים - הכולל קורסים, כנסים, בלוגים - יית משתמש( ו וחוותי ונטיים ובעיקר המון עבודה מעשית בשטח בניהול צו רלו

עיצוב ופיתוח עבור לקוחות שונים בארגונים כשכיר או . כעצמאי

מה אנו מציעים בסטודיו:

יחד, הצוות, אני או שילוב של שניהם, נלווה אותך ואת וקי ו המוצר שלך בהיבט כולל, שי

. נעזור לך להגשים את האינטרסים שלך, קודם כל. גי ומיתובנוסף, אנו נעזור לך להנגיש טוב יותר את המוצר והמותג

שלך - למשתמשים בו - זאת, בכל נקודה בה תרצה שנצטרף

ונאות על מפית ועד לפיתוח מלא, כולל עיצוב ותוכן. מרעייחד, כצוות מאוחד בהגשמת האינטרס העסקי שלך, נגיע

ן, עיצוב ופיתוח מלא או ו למודל אינטראקטיבי מעוצב, אפי . יצוגי י חלקי של המוצר, הכולל גם אתר

Page 2: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

שירותים ופעלים כיום:ון מוצר מרצה בקורסים וכנסים לניהול ואפי

יית משתמש ו וחו)לחיצה על הלינק למעלה ודומים לו יפתחו טאב חדש בדפדפן כרום. במקרה

ני אמריקה ב - ו וב ובו דוגמא להרצאה בכנס זמן דיגיטלי בבית צי יוטי ן הזה, חלו

.)2015

י תהליך הקמת מוצר. ו ו יעוץ ולי י שירותי

ייקטים אינטרנטיים, מקצה לקצה. ניהול והקמת פרו

ונאות, מחקר שוק ומשתמשים, תרשים זרימה, סקיצות רעיות. ני ראשו

יית משתמש המגביר באופן מוכח את ו ון ממוקד חו אפיהנאמנות למוצר.

פרוטוטייפ עובד לפני השקעה בעיצוב או פיתוח.

עיצוב

ונאות, כתיבה, עריכה ותרגום לשפות שונות תוכן - רעי

פיתוח

בדיקות תקינות ושמישות.

הקמת האתר/אפליקציה לשביעות רצונך.

הסבר והדרכה מפורטים לגבי הזנת התכנים

באתר ומעקב אחר תנועת הגולשים באתר

באופן עצמאי )הדרכת חינם בת שלוש שעות על גוגל אנאליטיקס(.

שימוש בכל הנ”ל גם לשדרוג אתר קיים או חלק ממנו כדי לשפר נאמנות והמרה.

Page 4: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הלקוח: לוריאל

הפרוייקט: הקמת אתר תדמית ודירוג לקו מוצרים לליווי קמפיין טלויזיוני -

המשתמשים באתר - נשים בשנות ה – 40 לחייהן בעלות מעורבות בסיסית בעולם האינטרנט – בעלות פרופיל

בפייסבוק ולרוב מנוסות בתפעול מחשב דסקטופ/לפטופ וסמרטפונים.

האתגר – לשמור על תדמית קו המוצרים המיועד לקהל היעד המתואר מעלה, יחד עם מעט תוכן מגזיני ואופציה

לדרג כל מוצר ומוצר.

היישום - כדי לשמור על שתי המטרות – תדמיתית ופונקציונלית, פיתחנו סליידר מיוחד בו צד ימין נשאר

מקובע ומעביר מסר תמידי ויציב והצד השמאלי מחליף את העיקר – המוצרים השונים בסדרה.

Page 5: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הלקוח: תזונאי ספורט

הפרוייקט: עמוד נחיתה

זהו סלייד שני מתוך שלושה הפונים לקהלים שונים - עיצבנו את התמונה, כדי לגרום למעשה לבחורה להסתכל על כפתור הקריאה לפעולה, מה שמניע באופן פסיכולוגי

תת הכרתי גם את הגולשים להסב את ליבם לשם..

הפרוייקט: עמוד נחיתה

Page 6: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הפרוייקט: הקמת אתר תדמית

הלקוח: ורד לוי - מאפרת

מותאם לכל המכשירים, בעברית, ממוקד העברה ויזואלית כקורלציה ברורה לסוג המקצוע האסתטי הזה.

Page 7: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

מחקר משתמשים: נוטרו שיחות מדגמיות של לקוחות הלקוח: אלן קאר - סניף ישראלי מתוך 150 בעולם לחברה להפסקת עישון משירות הלקוחות כדי להבין את הצרכים הבסיסיים של

הלקוח באתר הישן.

מחקר משתמשים: נבחנו נתוני התנועה של האתר בגוגל אנאליטיקס כדי להבין את התהליך אותו עובר לקוח באתר

ולאתר כשלים, וכך לבנות עבורו תהליך ברור ומובנה עם מה שפחות מקום לשאלות.

מידע רב אוחד וצומצם; כל היררכיית המידע סודרה מחדש ובר הניווט צומצם בחצי; העמודים החדשים נקיים יותר, תוך

כדי שימת דגש על העברת המסר המרכזי בכל עמוד.

בר הניווט הפך לקל לתפעול – במעבר עכבר נפתחת הק ת תגגוריה בתזוזה אנימטיבית הצידה וחושפת את התפריט הרל

וונטי )בדוגמא כאן, קטגוריית “על השיטה”(.

הושם דגש יתר על נראות – תמונות גדולות וברורות, סליידים מתחלפים בצורה אלגנטית ועדינה ובמירווחי זמן

גבוהים בכדי לא להציק לגולש.

כדי לצפות בעמוד הבית כפי שהיה נראה קודם, יש ללחוץ כאן

הפרוייקט: הקמת אתר חדש במקום הקודם

Page 8: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

מדובר כאן באתר מסחר של מוצר אחד. לכן, כל השכנוע והמכירה בוצעו בעצם בעמוד אחד.

כל העיצוב ממותג לפי הניראות של המוצר. המרת מטבע אוטומטית למטבע הרווחת בארץ בה נמצא

הגולש כרגע.

תיבה לבחירת צבע המוצר וכמות לקניה במהירות, להקטנת חסמי קניה טכנולוגיים.

הלקוח: אתר Ibondi - מוצר מעוצב לשימושים שונים בבית

הפרוייקט: הקמת אתר מסחר למכירת מוצר אחד

Page 9: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

עיצוב המבהיר כבר מהסתכלות ראשונה כי מדובר במוצר הקשור בשיח, תקשורת ווידאו.

לאחר לחיצה על כפתור הנגינה בקוביה המרכזית מימין, נוגנו קטעי וידאו קצרצרים מסרטים שונים, כאשר

ניגון של רצף הקטעים, יצר רצף שיחה הגיוני ביניהם.

הסבר פשוט ומהיר עם הנעה לפעולה )הרשמה( כבר בדף הבית.

הלקוח: Poptok - אתר להורדת תוסף למסנג’ר לשיחה בין שני אנשים באמצעות קטעי וידאו ערוכים מסרטי קולנוע וווידאוקליפים

הפרוייקט: הקמת אתר הרשמה למוצר

Page 10: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

בצד הימני העליון – הנפשה מהירה המסבירה את

מהות המוצר. בסיום ההנפשה – חץ המוביל

לכפתור ההורדה.

הפיצ’רים של המוצר מוחשכים )הריבועים השחורים

בתחתית המסך( כדי לא למשוך יתר תשומת לב. בזמן

מעבר עכבר מעל אחד מהשימושים, הם הופכים

לצבעוניים, כדי להקל על הקריאה. בנוסף, כל הפיצ’ירם

נכתבו כפעולה ) erahS ,esU ,hcraeS( כדי להדגיש את

הפשטות ולהגביר את ההנעה לפעולה.

הלקוח: PlusImage - אתר להורדת כלי לחיפוש תמונות ברשת ע”פ חיתוכים שונים למתחילים

הפרוייקט: מיקרו אתר נחיתה

Page 11: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הלקוח: האוניברסיטה העברית

הפרוייקט: עמוד נחיתה

שילבנו חיבור לא פשוט של המון יידע, יחד עם כמה שפםחות העמסה בטקסטים. התמונה והמשפט המרכזי

נעשו לאחר מחקר ומחשבה על העקרון המשכנע סטודנטים פוטנציאליים מהסוג הזה להרשם - אפקט

ההישגיות

הפרוייקט: עמוד נחיתה

Page 13: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הלקוח: פלפלד

הפרוייקט: אתר עבור האומן פפיפלד - יותר תדמיתי, אך גם מכירתי

תחקור הלקוח הביא לכך שהמטרה הראשונית שלו היא הצגת והבלטת תדמיתו כאומן, וכמטרה משנית גם

למכור חלק מיצירותיו.

לפי תחקור זה אופיין אתר באקשור אותו ניתן לראות כאן - למעשה זהו פרוטוטיים אינטראקטיבי של שלד

)Wireframe( האתר. הלקוח מקבל אפיון כזה עוד לפני שהשקיע שקל בעיצוב ופיתוח האתר, ויכול לקבל

החלטות ולשנות בזול ובמהירות.

ע”פ אפיון זה, העיצוב והפיתוח מתבצעים בתהליך חלק ומדוייק, כמעט נטול שאלות. axshare..http://d9cnt8

p=sent_&1=com/#g1=c&1=emails&hi

axshare..http://d9cnt8p=sent_&1=com/#g1=c&1=emails&hi

axshare..http://d9cnt8p=sent_&1=com/#g1=c&1=emails&hi

רעיונאות, אפיון וניהול חלק מהפרוייקט, יחד עם

חברת GOUFO ומשרד הפרסום ‘אלנבי’

Page 14: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

דוגמא לאפיון ופרוטוטייפ עובד - עמוד בית באתר מסחר אלקטרוניהפרוייקט: אפיון אתר ריספונסיבי לדסקטופ וסמרטפון

רעיונאות, אפיון, עיצוב, פיתוח וניהול הפרוייקט

אפיונים בתוכנות ופורמטים שונים, ביניהם תוכנת אקשור - המייצרת פרוטוטייפ עובד

ומאפשרת ללקוח לראות את המוצר עוד לפני עיצוב ופיתוח.

• אין צורך לדמיין - המוצר יכול להיות תווחשי לתצוגה בפני משקיעים, לקוחות, בר

מות רעיון או אמות גימור גרפיים שונים.

• הלקוח מתנסה ויודע בדיוק מה הוא מקבל.

• חסכון עצום של זמן ועלויות עיצוב ופיתוח.

לחץ כאן כדי לראות פרוטוטייפ דמו של דף מוצר .E-Commerce באתר

)עובד באופן אופטימלי על כרום. יש לאשר את הודעת האבטחה(

Page 15: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

פרוטוטייפ ראשוני שנתבקשתי ליישם בו רעיון שלי ל walkthrough )סיור מודרך( לפונקציונליות הבסיסית

של ג’ימייל.

Axure ב Gmail ל Walkthrough דוגמא לאפיוןהפרוייקט: הקמת עמוד נחיתה מונפש להורדת המוצר

רעיונאות, אפיון

Page 16: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הפרוייקט: הקמת מוצר, אתר ייעודי, אדמין וסופר אדמין למערכת לניהול רשתות חברתיות למסיימי מכללות ואניברסיטאות )נמכר

לאוניברסיטה העברית, למשל(.ליווי ניהול מוצר, רעיונאות, אפיון וניהול הפרוייקט וצוות עיצוב וייעוץ בפיתוח

תררוייקט מורכב מאד לניהול פלטפורמות סושיאל למסיימי קולג’ים בעולם. הלקוח, בריטי, מכר את הפלטפורמה שלו בהצלחה מרובה, בין

היתר גם לאוניברסיטה העברית למשל.

עמוד Events - אופציות שונות ליצירת איבנטים ועריכתם.

directory עמוד

מראה תוצאות חיפוש של אנשים העונים למילת מפתח מסויימת, “Google” היא המילה במקרה הזה. היא מג\דגימה כאן חיפוש של כל

האנשים שקשורים איכשהו לגוגל בעבודתם היום, לפי קריטריונים שונים. Name. הפתת ייתן לראות את פילטור התוצאות. בצד ימין יש את שדהקונים הצהובים הם לבוחן האפיון. לאחר מכן, ניתן ללחוץ על המועמד

ולהגיע לפרופיל שלו, לשלוח לו הודעה וכו’.

דוגמא לאפיון אדמין

Page 17: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

הפרוייקט: הקמת מוצר, אתר ייעודי, אדמין וסופר אדמין למערכת לניהול רשתות חברתיות למסיימי

־ככללות ואניברסיטאות )נמכר לאוניברסיטה הע

זוהי אופציה לתת מערכת גדולה מאד לשינוי ע”י הסופר אדמין של טקסטים שונים באתר של מכללה מסויימת )למשל, אם הוא

רוצה לתרגם את הטקסטים מאנגלית לשפה אחרת( - הרעיון שהגיתי פה הוא שהוא יכול להגיע לכל עמוד מעמודי הפרונט אנד של כל מכללה

ולשנות את מה שהוא רוצה בה - את הטקסטים הגלויים, את הטקסטים של הודעות השגיאה, הפופאפים וכולי. זה קורה בשכבה

מעל עמודי האתר עצמו. וכל שדה שהוא עומד עליו הופך לעריך. כך שבמוד עריכה כזה, הוא לא יכול בעצם לנווט באתר, שהרי כל מה שהוא יעמוד עליו לא ינווט אותו כי אם יאפשר לו לערוך שם את הטקסט. לכן,

Edit“ בצד שמאל תהיה נביגציה לעמודים השונים באתר, וסרגל הכליםyour content” מאפשר לערוך את סוגי הטקסטים השונים שאינם גלויים

באתר, כמו הודעות שגיאה, פופאפים וכו’.

אופציה נוספת לתצוגה של אותה פונקציה, בה אני משחיר בעצם את כל מה שלא רלוונטי לעריכה ומדגיש את מה שכן

דוגמא לאפיון אדמין

Page 18: פורטפוליו עם מקרי בוחן מעודכנים

[email protected] 054-200-10-20 איתי קורוניו

בלוג בניהול עצמי הקמת/ניהול מוצר

וחוויית משתמש