עיצוב מערכת UI/UX

מערכת לניהול אתרים CMS

אוגוסט 2016

יעוד המערכת

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

האתגר

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

אפיון ועיצוב מערכת CMS

להסבר על המערכת והייעוד שלה לחצו לפירוט המלא

עיצוב מערכת

לחצו על התמונה להגדלה

קהל היעד

אפיון קהל היעד

התובנות מניתוח קהל היעד

לאחר כל הטענות, הוחלט לתת פתרון וליצור את המוצר העתידי…

ניתוח שוק

בניתוח שוק באינטרנט רואים שקיימים מתחרים שונים בתחום – מערכת לניהול אתרים CMS

לדוגמא: Wix ,WordPress ,Juomla ועוד…

תהליך המוצר

סיפור המוצר היכרות עם מערכת הלקוח

הלקוח

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

היכרות עם המוצר

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

המערכת שלו מסוגלת להתמזג מול פלטפורמות אחרות שקיימות בשוק

כמו Wix או WordPress.

הצגת המערכת

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

הלקוח מתחיל להציג איך נראה הזנת הנתונים

ברגע שהחלון נפתח רואים מסך עם עץ תפריטים.

לחצו על התמונה להגדלה

יצירת קשר

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

הסבר הלקוח על התהליך

תהליך הקמת דף תוכן

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

פתרון למערכת

סימולציה של המוצר הסופי

ניצול מסך

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

ניצול אחסון

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

לחצו על התמונה להגדלה

עריכת עמוד

תהליך הקמת דף תוכן

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

לחצו על התמונה להגדלה

מסך המודולים

אזור המודלים במערכת

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

רכישת מודלים

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

לחצו על התמונה להגדלה

הרעיון מאחורי הסקאצ'

סימולציה של אזור המודלים

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

לחצו על התמונה להגדלה

פתרון לרכישת מודלים

תהליך רכישת מודלים

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

לחצו על התמונה להגדלה

סיום הפרויקט

סיום אפיון ועיצוב של הפרויקט

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

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

מעוניינים בעיצוב מערכת

אתם מוזמנים ליצור קשר בקליק אחד

גם אתם תוכלו ליהנות מהשירות שלי השאירו פרטים או צרו איתי קשר ונדבר…