מיתוג ספר הומור: מכריכה מאוירת לזהות מותגית שלמה

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

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

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

מכאן נגזרו ארבע תכונות אישיות, שכל החלטה עיצובית ומילולית נבחנת מולן:

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

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

כל מסך באתר קיבל קופי לפי הכללים: סל ריק הוא "הסל ריק… כמו אחרי קקי טוב", עמוד 404 הוא "אופס, העמוד ירד במים", ועמוד התודה אומר "תודה, דנה! הקקי בדרך אליכם". לצד זה נבנה אוצר מילים – מה אומרים (אסלה, תא השירותים, מתנה שמצחיקה) ומה לא (צרכים, יציאות, "לחץ כאן", אימוג'י בכל משפט).

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

הוגדרו מרחב נשימה של 50% מגובה הלוגו, רוחב מינימלי של 120 פיקסלים במסך ו-30 מ"מ בדפוס, יחס קבוע של 4.76:1 ורשימת שימושים אסורים. הלוגו גם זז: בכניסה לאתר הוא "נכתב" שורה אחר שורה (0.45 שנייה לשורה), הדמות מהכריכה מצטיירת והלב פועם – ואז המסך הצהוב נפתח לאתר.

הצבעים לא נבחרו מטבלה – הם נלקחו מהכריכה ומהעולם של הספר: צהוב השמש של הכריכה, הדיו של העט ונייר בצבע שמנת. שלושת הצבעים האלה מחזיקים את כל המותג ביחס קבוע – 50% שמנת, 25% צהוב, 18% דיו – והאדום שמור ללב. סביבם הוגדרו צבעים משלימים לאיורים, להקדשה ולהודעות הצלחה.

כל צירוף של טקסט ורקע נבדק: דיו על צהוב בניגודיות 9.4:1 ודיו על שמנת ב-12:1 – שניהם ברמת AAA – וכל צבע משני עומד לפחות ב-WCAG 2.1 AA. לכל צבע הוגדרו גם ערכי RGB, CMYK ו-Pantone לדפוס.

בחרנו שלושה גופנים חינמיים מ-Google Fonts שתומכים בעברית: Fredoka העגול והחברותי לכותרות ולמחירים, Assistant הנקי לטקסט ולממשק, ו-Gveret Levin בכתב יד – רק לרגעים האישיים, כמו ההקדשה והסימנייה, ותמיד בשורה אחת ולא בפסקה. סולם קבוע של גדלים ומשקלים מבטיח שהאתר, המיילים והפוסטים נראים כמו משפחה אחת.

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

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

ארגז כלים קטן שחוזר בכל מקום: מרקר צהוב שמדגיש 2–4 מילים בכותרת, צל דיו קשיח (10px 12px, בלי טשטוש) לכפתורים ולכרטיסים, מדבקת קופון מקווקוות, כתב יד כחול להקדשות, אייקוני קו בעובי 1.8–2 ופינות מעוגלות של 4–8 פיקסלים לכל היותר – כי כריכה היא לא אפליקציה.

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

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