עיצוב כרטיס ביקור דיגיטלי שנראה מקצועי: 7 כללים

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

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

מה הופך כרטיס ביקור דיגיטלי למקצועי?

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

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

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

איך בונים סדר חזותי במסך הראשון?

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

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

אילו צבעים וגופנים כדאי לבחור?

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

הקריאות נמדדת ביחס ניגודיות בין צבע הטקסט לצבע הרקע. לפי הנחיות הנגישות של W3C (תקן WCAG 2.2, רמה AA), טקסט רגיל צריך יחס ניגודיות של לפחות 4.5:1, וטקסט גדול, כלומר בערך 24 פיקסלים ומעלה או 18.5 פיקסלים ומעלה בהדגשה, צריך לפחות 3:1. כלים חינמיים לבדיקת ניגודיות מאפשרים להזין שני צבעים ולקבל את היחס מיד.

מה עושים עם אפור בהיר ופסטלים?

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

איזה גופן מתאים לעברית?

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

איזה לוגו או תמונה מתאימים לכרטיס?

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

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

איך מעצבים כפתורים שנוחים ללחיצה?

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

כמה כללים פרקטיים:

1. כתבו על הכפתור פעולה במילים: ״התקשרו אליי״, ״שלחו הודעה בוואטסאפ״, ״שמרו איש קשר״.
2. הדגישו כפתור ראשי אחד בצבע המותג, ושאר הכפתורים בגוון מעודן יותר.
3. השאירו רווח בין כפתורים, כדי שלא ילחצו בטעות על הסמוך.
4. הוסיפו אייקון קטן לצד הטקסט, אבל לא במקומו.

אילו טעויות עיצוב נפוצות כדאי להימנע מהן?

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

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

איך כותבים טקסט קצר וברור לכרטיס?

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

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

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

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

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

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

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

תבנית מוכנה או עיצוב מאפס?

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

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

איך בודקים את הכרטיס לפני שמפיצים אותו?

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

1. לחצו על כל כפתור ובדקו שהוא מוביל למקום הנכון: שיחה, וואטסאפ, מייל ואתר.
2. סרקו את קוד ה-QR ממרחק של כמה עשרות סנטימטרים ובדקו שהוא נפתח מהר.
3. קראו את כל הטקסט בקול ובדקו שאין שגיאות כתיב.
4. בדקו שהתמונה והלוגו חדים ולא חתוכים.

אם משהו מהם נכשל, תקנו אותו לפני שמחלקים את הקישור ללקוחות.

מה עושים אחרי שהעיצוב מוכן?

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

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

שאלות נפוצות

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

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

איזו ניגודיות נדרשת בין טקסט לרקע?

לפי הנחיות הנגישות של W3C (WCAG 2.2, רמה AA) טקסט רגיל צריך יחס של לפחות 4.5:1, וטקסט גדול לפחות 3:1.

מה הגודל המינימלי של כפתור בכרטיס דיגיטלי?

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

האם עדיף לשים תמונה אישית או לוגו?

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

האם כדאי לבחור תבנית מוכנה או לעצב מאפס?

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

מקורות

• W3C - Understanding SC 1.4.3: Contrast (Minimum), WCAG 2.2
• W3C - Understanding SC 2.5.8: Target Size (Minimum), WCAG 2.2