עיצוב אתרים: זהות חזותית שנבנתה רק בשבילכם

מה עושה עיצוב אתרים טוב לעסק?

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

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

למה אנחנו מתחילים מתוכן ומחקר, לא מצבעים?

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

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

מה מקבלים בכל שלב של תהליך העיצוב?

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

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

אילו טעויות עיצוב גורמות לגולשים לעזוב?

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

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

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

איך העיצוב נראה בטלפון, בטאבלט ובמחשב?

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

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

עיצוב אתרים בוורדפרס: איך שומרים על העיצוב לאורך זמן?

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

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

מה משפיע על המחיר של עיצוב אתר?

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

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