Omer Gartzman, Product Manager
   Support center   Server   Client                     6
   Where did we start from?   Product management challenges   Where are we heading?                                    8
© Martin Erikssonhttp://mindtheproduct.com/2011/10/what-exactly-is-a-product-manager/                                     ...
- Company history   Founded – October 2006   Open beta - June 2008   Flash install base - 99%
- The numbers   Millions registered users   1M new free users/month   40,000 new Premium sites/month
13
Popular segments:                                                                                 Design                  ...
17
18
19
20
21
22
23
24
   10 colors   Semantic names                     25
26
   Non-semantic names   5 main colors and tones   Stunning color transition                                27
28
29
30
31
32
33
34
35
36
   Usability tests   A/B test new features   Support feedback                            37
38
39
40
41
Websites Examples
Websites Examples
Websites Examples
Websites Examples
Websites Examples
Websites Examples
Websites Examples
Websites Examples
Websites Examples
52
   More than 1 Million HTML5 websites   1 Million new users each month   Stunning websites   Big players using Wix HTM...
   Ok, ok, stunning websites, and what about the investors ?   Conversion   Churn   User Value                        ...
55
   Recently launched   Integrating 3rd party applications into Wix    HTML5 websites   Developer center                ...
   Building an application for website?   Expose your app to 27M Wix users   Visit dev.wix.com                         ...
Omer Gartzmanomerg@wix.com   www.linkedin.com/in/omergartzmanSee full presentation at html5fest.wix.com/site             ...
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Wix.com - HTML5 Challenges and Successes - by Omer Gartzman
Upcoming SlideShare
Loading in …5
×

Wix.com - HTML5 Challenges and Successes - by Omer Gartzman

1,336 views

Published on

From Flash to HTML5 Product Challenges and Successes

HTML5FEST 2012 - Omer Gartzman presentation.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,336
On SlideShare
0
From Embeds
0
Number of Embeds
564
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • חברת WIX – ידועה בתור פלטפורמת בניית אתרי אינטרנט בטכנולוגיית Flashהציעה Do it yourself Website builder, מוצר שפונה לקהל הרחב שלא יודע לתכנת ולבנות אתרים.בשנה האחרונה ביצעה מעבר לבניית אתרי HTML5
  • התהליך מאוד מעניין וישנם הרבה סיפורים שניתן לספר
  • המנכ"ל היה עומד פה ומסביר על דעיכת ה Flash, מאבק האיתנים בין html5 לבין Flash וההחלטה הניהולית לפתח HTML5 website builder
  • יעמוד סמנכ"ל השיווק ויספר על המהלך השיווקי, איך ממצב בו wix = Flash, ממתגים את wix כמוצר HTML5?
  • אני מנהל מוצר HTML5 website builderאני רוצה לספר את הסיפור שלי
  • Recommend “Mind the product” blogניהול מוצר - צומת בין עסקים, טכנולוגיה וחוויית משתמש (רמז - רק מנהל מוצר מגדיר את עצמו בדיאגרמה)Regarding HTML5  - as a product manager, I care not only about the technology, but also about UX, capabilities, and not how it is implemented. thus for me, HTML5 is a brand.
  • בשביל להבין את התהליך, אני רוצה לפרק קצת על WIX, מה אנחנו עושים, מיהם הלקוחות, קצת על המודל העיסקיאיפההיינו בתחילת הדרך?מדובר על לפני שנה שנה וחצי
  • מוצר מצליח ומוכרDRAG AND DROPWYSIWYGקח כל תמונה או טקסט – סובב תוסיף נצנצים.מאוד גרפי, מאוד כיפי.
  • מודל Freemium – בניית אתר בחינםמשלמים על דומיין, הורדת פרסומות, חבילת eCom
  • לפני כשנה שנה וחצי - החלטה ניהולית לפתח HTML5 website builderהכוונה לפתח מוצר מודרני ועדכני שיאפשר לבנות אתרי אינטרנט כפי שהאינטרנט נראה היום וכפי שהוא יראה בעתידזמן – 6 חודשיםמה המוצר המינימלי?הרבה מה לא עושים
  • בכדי לתת לכם לטעום מין התהליך,נבחן שני אתגרים איתם התמודדנו בפיתוח המוצר החדש
  • במוצר החדש אנחנו רוצים לאפשר חוויה חדשה שלא היתה ב FLASHאנחנו רוצים לתת את היכולת לשנות את עיצוב האתר בקליק אחד:אחת האפשרויות היא שינוי צבעיםהחוויה הרצויה – התנסות כמו בחנות בגדיםהצבעים האלה מתאימים ליאלה פחותאלה יותר
  • אלה פחות
  • אלה יותראו איך אשתי אומרת?"איפה זה פוגש אותי"
  • How many colors?Semantic names – yes or no. background 1,2 or 5 colors?
  • פירוק אתר לגורמיםאלמנטים, קטעי טקסט וכוספירת מספר הצבעים הנדרשים להביע אתר
  • פירוק לפלטת צבעים שטוחה מול סמנטית
  • פלטת סמי-סמנטיתUIראשוניניתן לראותבצהובהוראות פנימיות שלנו לשימוש בצבעים.פשוט? לא בטוח
  • בדקנו את השימושיות של סוגי פלטות שוניםאת הבנת המשתמש של מודל הצבעיםואיך משתמשים בהן
  • המסקנהפשטות5 צבעים מרכזיים, ללא שמותושימוש בגוונים של הצבעים המרכזיים
  • כך אנחנו מאפשרים אתחווית השיטוט בחנות הצבעיםוהחלפת פלטת צבעים אשר משנה את עיצוב האתר בקליק אחד
  • אתגר נוסף שעמד בפנינו:איזה SITE LAYOUT יהיה לנו?ביצענו מחקר מקיף של עשרות או מאות אתרי אינטרנט – איך הם בנויים, מה עושה אותם יפים, באיזה אלמנטים משתמשים?לבסוף, בחרתנו מבנה אתר אחיד שיתמוך בכמה שיותר סוגי אתריםאחת הדרישות, בשונה מהפלאש – אורך עמודים משתנה
  • אורך קבועאלמנט של "דפים"יכולת של דפים פנימיים בתוך עמוד מסוים
  • HEADER PAGE FOOTER
  • איך עורכים אלמנטים בהדר או פוטר?או בכלל אלמנטים שחוזרים בכל העמודיםשימו לב לטולטיפ...
  • פתרון ראשוןMaster page modeהצגתאלנטים שחוזרים בכל העמודים בלבד.בעיות:קשה להבין את המוד הזהאיך נכנסים אליואיך הם יושבים עם שאר האלנטים
  • המסקנה היא שחייבים לראות את כל האלמנטים תמיד על המסך.ואיך נבדיל ביניהם ונערוך אותם?על ידי קונספט“Show on all pages”
  • צקבוקס
  • בלחיצה עליו אני משנה את מצב התמונה –האם תופיע בעמוד זה או בכל העמודים
  • ומה הלאה?כמנהל מוצר, אני צריך להיות קשוב למשתמשיםRemove tooltips
  • המשך פיתוח שיפורים למוצר
  • אחרי 7 חודשיםלא מחכים לפיצר שיהיה גמור אלא מוציאים פיצר מינימאלימה שמוכר כ MVP
  • פתרון עתידיגרירת אלמנט להדר תגרום לו להופיע אוטומטית בכל העמודיםלמעשה, כבר נוסה ב a/b test,הפסיד, וחזר לשולחן הפיתוח לתיקוני באגים ושימושיות
  • אחרי שישה חודשי פיתוחבמרץ 2012השקנו את המוצר החדשזאת היתה טעימה קצרה שלאתגרים שהיו לנו בפיתוח המוצר, שהיום בונה את האינטרנט על ידי Stunning HTML5 websitesוהנה מספר דוגמאות לאתרים שנבנו מאז ב WIX
  • אתרים
  • יפים
  • מגוונים
  • מעוצבים
  • במגוון של נושאים
  • מכל העולם
  • היכן אנחנו היום, 7 חודשים אחרי השקת המוצר?
  • Success = Business successSuccess ≠ Superior technologySuccess ≠ State of the art platform…shoulders of flash giants – Marketing, Servers, CDNs, Operations, SupportConversion – up 25%Churn – Down 40%User Value – up 33%
  • Conversion – up 25%Churn – Down 40%User Value – up 33%
  • ולאן פנינו מועדות?כאן אתם נכנסים לתמונה
  • חנות אפליקציות שהושקה לאחרונהמאפשרת אינטגרציה של אפליקציות חיצוניות באתרי WIXכולל DEVELOPER CENTER ו SDK מלא ומפורט
  • אני מזמין אתכם להצטרף להצלחה של WIXולחשוף את המוצר שלכם למיליון משתמשים חדשים כל חודשולקחת חלק בבניית עתיד האינטרנט
  • Wix.com - HTML5 Challenges and Successes - by Omer Gartzman

    1. 1. Omer Gartzman, Product Manager
    2. 2.  Support center Server Client 6
    3. 3.  Where did we start from? Product management challenges Where are we heading? 8
    4. 4. © Martin Erikssonhttp://mindtheproduct.com/2011/10/what-exactly-is-a-product-manager/ 9
    5. 5. - Company history Founded – October 2006 Open beta - June 2008 Flash install base - 99%
    6. 6. - The numbers Millions registered users 1M new free users/month 40,000 new Premium sites/month
    7. 7. 13
    8. 8. Popular segments: Design Photography Consultancy Music Entertainment Clothing and Fashion Art Beauty and care Foods and drinks Construction Transportation Non for profit Sport Health Familly events Education Real Estate Highly diversified SOHO customer base - from art to law firms, from plumbers to models 14
    9. 9. 17
    10. 10. 18
    11. 11. 19
    12. 12. 20
    13. 13. 21
    14. 14. 22
    15. 15. 23
    16. 16. 24
    17. 17.  10 colors Semantic names 25
    18. 18. 26
    19. 19.  Non-semantic names 5 main colors and tones Stunning color transition 27
    20. 20. 28
    21. 21. 29
    22. 22. 30
    23. 23. 31
    24. 24. 32
    25. 25. 33
    26. 26. 34
    27. 27. 35
    28. 28. 36
    29. 29.  Usability tests A/B test new features Support feedback 37
    30. 30. 38
    31. 31. 39
    32. 32. 40
    33. 33. 41
    34. 34. Websites Examples
    35. 35. Websites Examples
    36. 36. Websites Examples
    37. 37. Websites Examples
    38. 38. Websites Examples
    39. 39. Websites Examples
    40. 40. Websites Examples
    41. 41. Websites Examples
    42. 42. Websites Examples
    43. 43. 52
    44. 44.  More than 1 Million HTML5 websites 1 Million new users each month Stunning websites Big players using Wix HTML5 websites 53
    45. 45.  Ok, ok, stunning websites, and what about the investors ? Conversion Churn User Value 54
    46. 46. 55
    47. 47.  Recently launched Integrating 3rd party applications into Wix HTML5 websites Developer center 56
    48. 48.  Building an application for website? Expose your app to 27M Wix users Visit dev.wix.com 57
    49. 49. Omer Gartzmanomerg@wix.com www.linkedin.com/in/omergartzmanSee full presentation at html5fest.wix.com/site 58

    ×