בקצרה: עיצוב אתר יוקרתי לעסק קטן נבנה מאיפוק ולא מקישוטים: הרבה מקום ריק, שניים-שלושה צבעים, גופן כותרות עם אופי, צילומים אמיתיים ואיכותיים, מעט מילים, תנועה עדינה ועקביות מלאה בין העמודים. אף אחת מההחלטות האלה לא דורשת תקציב של מותג גדול. כולן דורשות לוותר על הרבה דברים.
למה מראה יוקרתי חשוב גם לעסק קטן
הלקוח לא יכול לבדוק את איכות העבודה שלכם לפני שהוא פונה. הוא יכול לבדוק רק את מה שהוא רואה, והאתר הוא לרוב הדבר הראשון. אתר מוקפד אומר לו, בלי מילים, שגם בעבודה עצמה מקפידים. אתר צפוף ומבולגן אומר את ההפך, גם אם השירות מצוין.
מותגי יוקרה גדולים כמעט אף פעם לא דוחסים הרבה לעמוד אחד. הם משאירים מקום, בוחרים מעט מילים ומקפידים על כל פרט. את אותם עקרונות אפשר להפעיל באתר של קוסמטיקאית, משרד עורכי דין קטן או נגר. והתוצאה משנה איך הלקוח תופס את העסק, ולפעמים גם את הציפייה שלו למחיר. על העקרונות הכלליים של עיצוב טוב כתבתי במאמר על עיצוב אתרים מקצועי.
היסודות: מקום, צבע וטיפוגרפיה
1. מקום ריק. הסימן הבולט ביותר לעיצוב יוקרתי הוא מרווח. כותרת עם מקום סביבה, תמונה אחת גדולה במקום ארבע קטנות, פסקה קצרה עם רווח לפניה ואחריה. אתר צפוף מרגיש כמו עלון מבצעים, ואתר מרווח מרגיש כמו קטלוג. רק לא להגזים: מקטעים ענקיים שמכריחים לגלול הרבה בלי לקבל מידע מעייפים, במיוחד בטלפון. המטרה היא אוויר סביב כל אלמנט, לא חורים בין המקטעים.
2. מעט צבעים. פלטה של שניים-שלושה צבעים, עם הרבה רקע ניטרלי. צבע אחד חזק שמופיע במעט מקומות נראה יקר יותר מחמישה צבעים שמתחרים זה בזה. לבן, שמנת או אפור חם, צבע כהה לטקסט, וצבע מותג אחד לכפתורים ולהדגשות: זה עובד כמעט תמיד. איך בוחרים את הצבעים, במאמר על צבעים לאתר.
3. טיפוגרפיה עם אופי. גופן הכותרות הוא הכלי החזק ביותר ליוקרה. כותרת גדולה בגופן מיוחד, עם הרבה מקום מסביב, אומרת "חשבו פה על כל פרט". גופן ברירת מחדל אומר את ההפך. בטקסט הרגיל: גופן נקי וקריא, עם גובה שורה נדיב ושורות לא ארוכות מדי. בעברית הבחירה מצומצמת יותר מבאנגלית, ולכן היא חשובה עוד יותר.
הצילום: המקום שבו כדאי להשקיע
4. צילום אמיתי ואיכותי. כמה צילומים טובים של העסק, באור טבעי ובסגנון אחיד, עושים יותר מכל אפקט. תמונות מאגר מוכרות הן הדרך המהירה ביותר להוריד את התחושה. אם יש תקציב להשקיע בדבר אחד, זה יום צילום אצל צלם מקצועי.
כדאי לתכנן את הצילום לפני שמצלמים:
- סגנון אחיד: אותו סוג אור, אותם גוונים, אותה רמת קרבה.
- רקעים נקיים. מטבח מסודר, שולחן ריק, קיר שקט.
- פרטים קרובים: ידיים בעבודה, חומרים, כלים. הם נראים יוקרתיים יותר מצילומים רחבים.
- כמה צילומים רוחביים למחשב וכמה לאורך לטלפון.
הרחבה במאמר על תמונות לאתר.
הגימור: מילים, תנועה ופרטים
5. פחות מילים. אתרים יוקרתיים אומרים פחות. כותרת של חמש מילים, משפט אחד מתחתיה. במקום "אנו מציעים מגוון רחב של שירותים איכותיים ומקצועיים במחירים הוגנים", כתבו מה אתם עושים, במשפט אחד ישיר. ביטחון נשמע קצר.
6. תנועה עדינה. תנועה איטית ורכה, כמו תמונה שנחשפת בעדינות או כותרת שעולה מתוך מסכה, מרגישה מוקפדת. תנועה מהירה וקופצנית מרגישה זולה. הכלל: מעט תנועה, עשויה טוב, ועם תפקיד. אובייקט אחד שמספר משהו על העסק שווה יותר מעשרה אפקטים. באתר של עו"ד רינת לוי מוסקוביץ', למשל, הפתיחה היא מאזניים מזהב בתלת-ממד, אובייקט אחד שאומר מיד "משפט". אפשר לקרוא על זה בסיפור הפרויקט.
7. פרטים קטנים:
- קווים דקים במקום מסגרות עבות.
- פינות מעוגלות במידה, ובאופן אחיד בכל האתר.
- אייקונים מאותה משפחה, באותו עובי קו.
- כפתורים שמגיבים בעדינות לריחוף ולחיצה.
- מרקם עדין ברקע, כמו נייר או שיש, במקום רקע שטוח לגמרי.
- מרכאות, מקפים ומספרים שכתובים נכון בעברית.
אף אחד מאלה לא מורגש לבד. כולם יחד יוצרים את התחושה.
8. עקביות. העיקרון שמחזיק את כל השאר. אותו ריווח בין מקטעים, אותו סגנון כותרות, אותו כפתור, בכל עמוד. אתר שבו כל עמוד נראה קצת אחרת מרגיש כמו טלאים, גם אם כל עמוד לבד יפה.
מה לא עושה יוקרה
- זהב בכל מקום. מעט זהב יכול לעבוד, הרבה נראה זול.
- אנימציות על כל אלמנט.
- גופן "מפואר" בכתב יד לכל הטקסט.
- וידאו כבד שמאט את האתר. מראה יוקרתי שנטען לאט מאבד את היוקרה בשנייה הרביעית.
- המילים "יוקרתי" ו"פרימיום" בטקסט. מראים, לא אומרים.
דוגמה: אותו עסק, שתי גרסאות
נניח שיש לכם סטודיו לעיצוב גבות בבאר שבע. בגרסה הרגילה: רקע ורוד, חמש תמונות בסליידר, כותרת "הסטודיו המוביל בדרום!", שלושה מבצעים בצבעים שונים, ושני חלונות קופצים. בגרסה המוקפדת: רקע שמנת, צילום אחד גדול וקרוב של עבודה, כותרת "עיצוב גבות בהתאמה אישית, באר שבע", משפט אחד על הגישה, וכפתור אחד לקביעת תור. למטה שלוש עבודות עם הסבר קצר והמלצות במילים של הלקוחות. אותו עסק, אותם מחירים, ושתי ציפיות שונות לגמרי מהלקוחה. על הצגת העבודות יש מאמר על עמוד גלריה ועבודות.
האם זה מתאים לכל עסק
כמעט. מראה מוקפד לא אומר מראה מנוכר. אינסטלטור, מוסך או מסעדה עממית לא צריכים להיראות כמו בוטיק אופנה, אבל הם בהחלט נהנים מסדר, מצילום טוב ומעקביות. ההבדל הוא בטון: השפה נשארת חמה וישירה, והעיצוב פשוט נקי יותר. מה שמשתנה מעסק לעסק הוא המינון, לא העיקרון. כדי לראות את ההבדל בין מראה שנבנה סביב עסק למראה של תבנית, קראו את המאמר על למה אתרים נראים אותו דבר.
צ'קליסט: האם האתר שלכם נראה מוקפד
פתחו את דף הבית במחשב ובטלפון, ועברו על השאלות האלה בכנות:
- כמה צבעים שונים יש במסך הראשון? יותר משלושה זה כבר הרבה.
- האם יש מקום לנשום סביב הכותרת, או שהיא צמודה לתמונות ולכפתורים?
- האם כל התמונות באותו סגנון, או שיש תערובת של מאגר, צילומי טלפון ועיצובים גרפיים?
- כמה מילים יש בכותרת הראשית? אם יותר מעשר, אפשר לקצר.
- האם הכפתורים נראים אותו דבר בכל העמודים?
- האם יש משהו שזז בלי סיבה?
- האם המרווחים בין המקטעים זהים, או שכל מקטע מרגיש אחרת?
עדיף לעשות את הבדיקה הזאת אחרי יום או יומיים שלא הסתכלתם על האתר, כשהעין כבר לא רגילה אליו. כל "לא" ברשימה הוא תיקון קטן, ושלושה-ארבעה תיקונים כאלה כבר משנים את התחושה של האתר כולו.
לסיכום
מראה יוקרתי לעסק קטן הוא סדרה של החלטות לוותר: על צבעים, על מילים, על אפקטים ועל תמונות מאגר. מה שנשאר, עשוי טוב ועקבי, משדר איכות. באתר המותג של אלה אוזן ובשאר העבודות שלי אפשר לראות איך זה נראה בפועל. ואם אתם רוצים אתר כזה לעסק שלכם, כדאי להתחיל בתהליך העבודה שלי.
רוצים אתר שעובד בשביל העסק?
ספרו לי מה אתם צריכים, ותקבלו כיוון ברור והצעת מחיר מסודרת.