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

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

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

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

שינויים גורפים שנעשו

• כתיבת קוד הטמעת עיצוב מאפס תוך דגש על קוד scss + js תקני ומתועד. 
• הרחבת שטח הפנים של האתר מגריד 960 לגריד רחב בהרבה של 1280. 
• שינויי פונט. 
• שימוש נרחב ונכון יותר בצבעי המותג לאורך האתר. כמו כן שימוש נכון והמשכי בצבעים בכדי ליצור אצל הגולש חווייה אחידה וברורה. 
• החלפת אייקונים לאורך כל האתר. 
• גריד פנימי אחיד וברור בין כלל העמודים. 

בדוגמא למטה ניתן לראות את ההבדלים באזור העליון Header בין האתר הישן לחדש

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

באתר החדש

באתר הישן

עמוד הבית 

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

לוח שתיל

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

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

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

עמוד מודעת דרושים

עמוד מאמרים הראשי