גלובס - אתר העסקים של ישראל


מה עשינו: איפיון ועיצוב ממשק 

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

דוגמה 1
דף הבית עובר מתיחת פנים קלה - יותר תוכן, יותר מסודר



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

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

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

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

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


דוגמה 2 
אבולוציה של שיפור התפריט הראשי
כך נראה התפריט שהיה לגלובס לפני שהתחלנו לעבוד יחד:




כך נראה התפריט בגרסה הראשונה לאחר טיפול ראשוני ושינוי הגוון הורוד של אתר גלובס:


וכך נראה התפריט השני שעיצבנו:


איך יראה התפריט הבא?  (בקרוב..)


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


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



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

כך נראה הדף החדש:

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


דוגמה 5
פוטר
כך נראה הפוטר של אתר גלובס לפני העיצוב:


וכך נראה הפוטר החדש שעיצבנו לגלובס:


דוגמה 6
דף מניה חדש









דוגמה 7
סרגל מדדים
סרגל המדדים החדש של גלובס מתאים את גודלו לכל רוחב מסך ומאפשר לצפות במספר גדול של מדדים במסכים רחבים.









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


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

Ubinary - a leading binary options broker


מה עשינו: עיצוב ממשק 


UBinary is a leading binary options broker and a subsidiary of PPT Capital. 
Trading at uBinary allows investors to profit from market fluctuations in asset prices. By anticipating the direction prices will take, investors can make profits of up to 85% from trades.

Designed For Simplicity

The guiding principle at uBinary is ‘Simplicity’. This means making the financial markets accessible to more people, including beginner traders. uBinary’s user-focused approach appeals to new and advanced traders alike and delivers an enjoyable trading experience. The design interface of the platform, has a look and feel aimed to ensure customer enjoyment when trading with uBinary.






ClickTale - אבולוציה של דף הבית


מה עשינו: איפיון ועיצוב ממשק 


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

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

לפני כך נראה דף הבית של קליקטייל לפני שהתחלנו לעבוד יחד -




שלב א  כך נראה דף הבית של קליקטייל לאחר עיצוב מחודש שלנו - עיצוב שליווה את קליקטייל במשך כשנה וחצי של צמיחה -




שלב ב  כך נראה בשנה האחרונה דף הבית שעיצבנו לקליקטייל -




מתיחת פנים קלה  כך נראית הרסה החדשה דף הבית שעיצבנו לקליקטייל לטובת A/B test 



גלובס - אפליקציית אייפד כתחליף לעיתון


מה עשינו: איפיון ועיצוב


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

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


לאפליקציה יש ארכיון כתבות המאפשר חיפוש, הורדה וקריאת תכנים שהתפרסמו בטווח של שבוע לאחור. בנוסף, ניתן לצפות בתכני המגזינים מבית גלובס: "פירמה", "ליידי גלובס", "מגזין G"
ו-"MANTALK".



בגרסה החדשה תוכלו גם ליהנות מפורטל הווידיאו העשיר של "גלובס TV", הכולל אפשרות לחיפוש נוח של כתבות וידיאו וכן ספריית VOD.








אתר בית ראשון לסטארטאפ YOTPO

מה עשינו: איפיון, מיתוג ועיצוב ממשק 


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

בקרו באתר > 




ClickTale - מערכת לניתוח התנהגות משתמשים


מה עשינו: איפיון ועיצוב ממשק 


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

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

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