BRANDING CASE STUDY

מיתוג סוכנות ביטוח: מלוגו קיים לזהות מותגית שלמה

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

לקוח אילת ביטוח ופיננסים
תחום עבודה מיתוג, שפה עיצובית ומערכת עיצוב
תוצרים ספר מותג · 8 גרסאות לוגו · 15 אייקונים
ספר המותג של אילת ביטוח ופיננסים - כריכה, פלטת צבעים ולוגו LA

01. האתגרלוגו חזק, בלי שפה סביבו

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

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

02. ניתוח הסמלשלוש צורות שמסתתרות בלוגו

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

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

ניתוח הלוגו של אילת ביטוח ופיננסים: זווית 60 מעלות, הקשת והגרדיאנט
ניתוח הסמל: קו העלייה ב-60°, הקשת המחברת והגרדיאנט, ועובי הקו (x) כיחידת מידה.

03. אסטרטגיית המותגביטחון, בהירות, צמיחה

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

ביטחון

המשולש היציב של ה-A, הכחולים העמוקים וכותרות כבדות ויציבות.

בהירות

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

צמיחה

קו העלייה של ה-L שעולה ב-60°, והחץ "קדימה" שחוזר בכל הממשק.

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

04. גרסאות הלוגולוגו אחד, שמונה גרסאות

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

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

05. פלטת הצבעיםהכחולים של הסמל

הצבעים לא נבחרו מטבלה - הם נדגמו ישירות מהלוגו: שלושה גוונים מתוך הגרדיאנט ו-Navy עמוק מהשם. סביבם בנינו משטחים בהירים בגוון כחלחל, צבעי סטטוס לאתר ותמה כהה. כל צירוף של טקסט ורקע נבדק ועומד ב-WCAG 2.1 AA, כך שהמותג קריא לכולם.

Navy
#011D35
Petrol
#0A547D
Petrol Mid
#1F6E92
Steel
#378BAB
Brand Soft
#E2EFF5
Surface
#F4F7F9

06. טיפוגרפיהגופן אחד, היררכיה של משקלים

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

אילת ביטוח
Assistant ExtraBold
כותרות - משקל 800
שקט נפשי, מתוכנן מראש
Assistant Regular
טקסט וממשק - משקלים 400-600
אבגדהוזחטיכלמנסעפצקרשת
Arial
מסמכי Word ומחשבים ללא הגופן

07. שפה גרפית ואייקוניםקו, קשת ומעבר

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

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

08. מערכת עיצוב לאתרמהמותג לקוד

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

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

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

שאלות נפוצות על מיתוג סוכנות ביטוח

מה כולל תהליך מיתוג לסוכנות ביטוח?

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

אפשר לבנות מיתוג מלא בלי להחליף את הלוגו?

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

מה ההבדל בין ספר מותג למערכת עיצוב?

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

למה הצבעים של המותג כחולים?

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

איך מוודאים שהמיתוג נגיש?

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

איך עושים מיתוג סוכנות ביטוח סביב לוגו קיים?

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

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

// FAQ

שאלות נפוצות

כמה גרסאות לוגו ואייקונים נמסרו בפרויקט?
נמסרו שמונה גרסאות לוגו שנגזרו מהקובץ המקורי בלי לצייר אותו מחדש, וסט של 15 אייקוני קו מקוריים. לכל גרסה הוגדרו מרחב נשימה, גודל מינימלי ורשימת שימושים אסורים, וכל התוצרים מרוכזים בספר מותג.
איזה גופן נבחר ומה ההיררכיה שלו?
נבחר Assistant כגופן היחיד של המותג, כי שם הלוגו כתוב בסנס גיאומטרי מונוליין. ההיררכיה נבנית ממשקל וגודל ולא מהחלפת גופנים: 800 לכותרות, 600 לכותרות משנה ו-400 לטקסט, וב-Arial למסמכי Word.

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

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