מיתוג סוכנות ביטוח
איילת ביטוח ופיננסים: שפה שלמה סביב לוגו קיים
בלי לשנות בלוגו אף קו בנינו זהות שלמה: ניתוח הסמל, שלושה ערכי מותג, פלטת כחולים, גופן, 8 גרסאות לוגו, 15 אייקונים, ספר מותג ומערכת עיצוב לאתר.
לפירוט הפרויקטמיתוג עסקי ועיצוב UX/UIמיתוג עסקי, עיצוב לוגו ו-UX/UI
אנחנו בונים מותג שלם מהלוגו ועד ספר המותג ומערכת העיצוב, ומעצבים ממשקי אתרים ואפליקציות שנעים להשתמש בהם. בית תוכנה מחיפה שמחזיק גם את העיצוב וגם את הקוד, ולכן מה שמעוצב הוא גם מה שנבנה.
מיתוג עסקי שהוא הרבה יותר מלוגו
לוגו הוא רק הסימן. מותג הוא ההבטחה שהלקוח מרגיש בכל מפגש איתכם: בצבעים, בטיפוגרפיה, בטון הדיבור, באתר, בכרטיס הביקור ובאפליקציה. מיתוג עסקי נכון מתחיל באסטרטגיה, מי אתם, למי אתם מדברים ובמה אתם שונים, ורק אחר כך עובר לעיצוב.
התוצר הוא זהות מותגית שלמה ועקבית: לוגו בגרסאות לכל שימוש, פלטת צבעים, גופנים, אייקונים, ספר מותג ומערכת עיצוב שאפשר לבנות ממנה אתר ואפליקציה. כך כל נקודת מגע נראית ומרגישה כמו אותו עסק.
לפרויקטי המיתוג בתיק העבודותעיצוב UX/UI שמוביל את הגולש לפעולה
עיצוב UX הוא החוויה: איך משתמש מוצא את מה שחיפש, כמה לחיצות לוקח לו להזמין ומה קורה כשהוא טועה. עיצוב UI הוא מה שהוא רואה: הכפתורים, הטקסטים, הצבעים והמרווחים. שניהם יחד קובעים אם אתר או אפליקציה מייצרים פניות או מאבדים לקוחות.
אנחנו מתחילים מהמשתמש ומהמטרה העסקית, בונים זרימות ואב טיפוס אינטראקטיבי, ומעצבים כל מסך בשפה של המותג. העיצוב נגיש מהיסוד, בהתאם לתקן הישראלי ו-WCAG, ונמסר כמערכת עיצוב שהמפתחים שלנו מממשים בקוד נקי.
מה כולל שירות המיתוג?
כל פרויקט מותאם לעסק, אבל אלה הרכיבים שמרכיבים מותג שלם ושעובד גם בעולם הדיגיטלי.
אסטרטגיית מותג ומיצוב
ניתוח קהל היעד והמתחרים, הגדרת ערכים, מסר וטון דיבור. ההחלטות העיצוביות נבחנות מול האסטרטגיה ולא מול טעם אישי.
לוגו וסימן מותג
סימן מקורי בגרסאות לרקע כהה ובהיר, לרוחב ולגובה, ובגרסת סמל בלבד לאייקון וחותמת, בקבצים וקטוריים.
צבעים וטיפוגרפיה
פלטה מוגדרת עם יחסי שימוש וניגודיות נגישה, וגופנים שתומכים בעברית ובאנגלית ונטענים מהר באתר.
ספר מותג
מסמך שמסביר איך משתמשים בזהות: אסטרטגיה, לוגו, צבעים, גופנים, אייקונים, דוגמאות יישום ומה אסור לעשות.
מערכת עיצוב לדיגיטל
רכיבים, מרווחים וסגנונות שמגדירים כפתור, טופס וכרטיס פעם אחת, כדי שכל עמוד ומסך ייבנו באותה שפה.
יישומים בדיגיטל ובדפוס
כרטיס ביקור, ניירת, רשתות חברתיות, מצגות, אתר ואפליקציה, כדי שהמותג יופיע אחיד בכל מקום שבו הלקוח פוגש אתכם.
מיתוגים שיצרנו
ארבע זהויות מותגיות מלאות, כל אחת מתחום אחר. לחצו על כל אחת לסיפור המלא: האתגר, ההחלטות העיצוביות והתוצרים.
מיתוג משרד עורך דין
מוטלק בדראן: סמכות שקטה, זהב על שחור מוגת
זהות שנבנתה סביב איור "האישה העיוורת" בקו זהב עדין: שש גרסאות לוגו, פלטת זהבים וגוון חול, שלושה גופנים סריפיים וכרטיסי ביקור, ניירת, אתר ורשתות חברתיות.
לפירוט הפרויקט
מיתוג משרד רואי חשבון
רוזין-אילוז: זהות שנבנתה סביב סימן ii
סימן ii, פלטת גרפיט, נייר ונחושת, שלושה גופנים, דוגמת ii וספר מותג מלא למשרד רואי חשבון מחיפה: זהות רגועה ומדויקת כמו העבודה עצמה.
לפירוט הפרויקט
מיתוג ספר ועולם דיגיטלי
ספר הקקי הגדול: מכריכה אחת למערכת עיצוב
לוגו שנגזר מכתב היד שעל הכריכה, שלושה צבעי יסוד, שלושה גופנים, עקרונות קול, איורים, ספר מותג של 10 פרקים ומערכת עיצוב שממנה נבנה אתר החנות.
לפירוט הפרויקטמה כולל עיצוב ה-UX/UI?
עיצוב ממשק טוב הוא תוצאה של תהליך ולא של השראה רגעית. אלה השלבים והתוצרים:
- אפיון משתמשים ומטרות: מי משתמש, מה הוא מנסה להשיג ומהי הפעולה העסקית שחשוב להוביל אליה.
- זרימות ומסע משתמש: מיפוי הצעדים מהכניסה ועד ההזמנה או הפנייה, והסרת כל מכשול מיותר בדרך.
- שלדי מסכים (Wireframes): פריסת התוכן והפעולות על כל מסך לפני שמתחילים לצבוע, כדי לאשר את ההיגיון.
- עיצוב UI בשפת המותג: צבעים, טיפוגרפיה, רכיבים ומצבי מגע לכל מסך, במחשב, בטאבלט ובנייד.
- אב טיפוס אינטראקטיבי: גרסה שאפשר ללחוץ עליה, כדי לחוות ולתקן לפני שכותבים שורת קוד.
- נגישות מובנית: ניגודיות, גדלי מגע, סדר קריאה ותמיכה בקורא מסך, בהתאם לתקן הישראלי ו-WCAG.
עיצוב UX/UI שהפך למוצר
מסכים אמיתיים מאפליקציות שעיצבנו ופיתחנו, מהאפיון ועד המכשיר. לחצו על כל אחת לסיפור המלא.
אפליקציה לחנות אונליין
בייקס: החנות בכיס של הלקוחות
אפליקציה שמחוברת לחנות הקיימת: אותה עגלה, אותם מחירים ואותו מועדון. התשלום נשאר באתר המאובטח וההתראות מכבדות שבת.
לפירוט הפרויקט
אפליקציית שטח לצוותים
פרדי תעשיות רהיטים: אפליקציית נהגים ומודדים
אפליקציית נייד שמציגה לכל נהג ומודד רק את סידור העבודה היומי שלו, מעדכנת סטטוס תחנות בזמן אמת ואוספת חתימה דיגיטלית מהלקוח.
לפירוט הפרויקט
אפליקציה ללקוחות הקליניקה
אלה אלזמי: הקליניקה בכיס של הלקוחות
קביעת תור בארבעה צעדים, תורים קרובים וכרטיס לקוחה, באנדרואיד ובאייפון. מתקינים בלחיצה מהמסך הראשי, בלי חנות אפליקציות, ועם פרטיות מובנית.
לפירוט הפרויקט
אפליקציית נוכחות ומיקום
Just In: שעון נוכחות חכם בנייד
העובדים מחתימים כניסה ויציאה מהנייד עם אימות מיקום, באייפון ובאנדרואיד, בלי חנות אפליקציות: קישור ב-SMS והאפליקציה מותקנת בלחיצה.
לפירוט הפרויקטועוד אפליקציות שפיתחנו:אפליקציית BarkBoard לפנסיון כלבים
ועוד אתרים שעיצבנו ופיתחנו:אתר הזמנת התורים של אלה אלזמיחנות בייקסהאתר והאשפים של איילת ביטוחקטלוג הנכסים של 2inaBOX
מהאסטרטגיה למותג חי, בשלבים ברורים
כל שלב מתועד ומאושר על ידיכם לפני המעבר לבא אחריו, ואין הפתעות בדרך.
01
היכרות ואסטרטגיה
שיחה על העסק, הקהל והמתחרים, והגדרת ערכים, מיצוב וטון דיבור שמהם נגזרת כל החלטה עיצובית.
02
זהות חזותית
סימן ולוגו, פלטת צבעים, גופנים ואייקונים, בכמה כיוונים ראשוניים שמתכנסים לכיוון אחד מאושר.
03
אפיון ועיצוב UX/UI
זרימות, שלדי מסכים ועיצוב כל מסך של האתר או האפליקציה, כולל אב טיפוס אינטראקטיבי.
04
ספר מותג ומערכת עיצוב
תיעוד הזהות ורכיבי הממשק כך שכל מי שעובד עם המותג, היום ובעתיד, יוכל ליישם אותו נכון.
05
יישום ופיתוח
מעבר מהעיצוב לקוד נקי בידי המפתחים שלנו, ויישום הזהות בדפוס, ברשתות ובחומרי השיווק.
06
ליווי והמשך
עדכונים, יישומים חדשים והרחבת מערכת העיצוב עם הצמיחה של העסק, כדי שהמותג יישאר עקבי.
מותג, עיצוב וקוד אצל אותו צוות
ברוב המקרים מעצב אחד מוסר קבצים, ומפתח אחר צריך לפענח אותם. אצלנו הצוות שמעצב הוא הצוות שמפתח, ולכן העיצוב נבנה מלכתחילה כך שאפשר לממש אותו מהר, נגיש ובלי פשרות:
- מערכת עיצוב שהופכת לקוד: הצבעים, הגופנים והרכיבים שבספר המותג הם בדיוק מה שנטען באתר.
- עיצוב שמכבד ביצועים: גופנים וגרפיקה שנבחרים גם לפי משקל וזמן טעינה, לטובת חוויית משתמש ו-SEO.
- מבנה שמוכן ל-SEO: היררכיית כותרות, תמונות ומבנה עמודים שנקבעים כבר בשלב העיצוב.
- בעל אחריות אחד: אין תיאום בין ספקים. מי שהגדיר את המותג מלווה אותו עד שהוא עולה לאוויר.
מהו מיתוג עסקי ומה ההבדל בינו לבין עיצוב לוגו?
מיתוג עסקי הוא התהליך שבו עסק מגדיר מי הוא, למי הוא מדבר ומה מבדיל אותו, והופך את זה לשפה חזותית ומילולית עקבית. עיצוב לוגו הוא רק חלק אחד מהתהליך. מותג שלם כולל גם צבעים, גופנים, אייקונים, טון דיבור, כללי שימוש ויישומים באתר, באפליקציה, בדפוס וברשתות החברתיות.
ההבדל מורגש כשהעסק גדל. בלי זהות מוגדרת, כל מסמך, פוסט ועמוד באתר נראים אחרת. עם ספר מותג ומערכת עיצוב, כל מי שעובד עם העסק יודע בדיוק איך המותג נראה ומה אסור לעשות לו. את הדוגמה הברורה ביותר אפשר לראות במיתוג איילת ביטוח ופיננסים, שבו בנינו שפה שלמה סביב לוגו קיים בלי לשנות בו אף קו.
- אסטרטגיית מותג, מיצוב וטון דיבור
- לוגו וסימן מותג בגרסאות לכל שימוש
- פלטת צבעים, טיפוגרפיה ואייקונים
- ספר מותג ומערכת עיצוב לדיגיטל
- יישומים: אתר, אפליקציה, דפוס ורשתות חברתיות
עיצוב UX/UI לאתרים ולאפליקציות: למה הוא משפיע על המכירות
עיצוב UX/UI קובע אם גולש מבין תוך שניות מה אתם מציעים ואם הוא מצליח להזמין, להתקשר או להשאיר פרטים. UX הוא החוויה כולה: הזרימה, הסדר והמהירות. UI הוא העיצוב שרואים: כפתורים, טקסטים, צבעים ומרווחים. מדריך מעמיק על ההיגיון שמאחורי זה מופיע במאמר פסיכולוגיה של עיצוב UX/UI.
אנחנו מתחילים מאפיון המשתמשים והמטרה העסקית, בונים זרימות ושלדי מסכים, ומעבירים אב טיפוס אינטראקטיבי לאישור לפני שכותבים קוד. העיצוב נגיש מהיסוד, בהתאם לתקן הנגישות הישראלי 5568, וכך חוסכים תיקונים יקרים אחרי ההשקה. דוגמאות למסכים אמיתיים אפשר לראות באפליקציית השטח של פרדי ובאפליקציית בייקס.
איך נראה תהליך מיתוג עסקי אצלנו, שלב אחר שלב
התהליך מתחיל בשיחת היכרות על העסק, הקהל והמתחרים, ממשיך לזהות חזותית בכיוון אחד מאושר, ועובר לעיצוב ממשקים, ספר מותג ומערכת עיצוב. בסוף באים היישום והפיתוח בקוד נקי, והליווי בהמשך הדרך. כל שלב מתועד ומאושר על ידיכם לפני שמתקדמים.
כשהמותג נבנה יחד עם אתר או אפליקציה, אנחנו כותבים תחילה אפיון כתוב, כפי שמוסבר במדריך איך כותבים אפיון תוכנה, ובסוף עוברים על רשימת בדיקות להשקת אתר. את סדר הגודל של ההשקעה אפשר להעריך במחשבון העלויות ובמדריך כמה עולה אתר ב-2026.
- היכרות ואסטרטגיה: ערכים, מיצוב וטון דיבור
- זהות חזותית: סימן, לוגו, צבעים, גופנים ואייקונים
- אפיון ועיצוב UX/UI כולל אב טיפוס אינטראקטיבי
- ספר מותג ומערכת עיצוב
- יישום ופיתוח בקוד נקי, וליווי בהמשך
מיתוג מחדש: מתי רענון מספיק ומתי צריך זהות חדשה
לא כל עסק צריך להתחיל מאפס. כשהלוגו קיים וחזק, אפשר לבנות סביבו שפה שלמה ולהשאיר אותו כפי שהוא. כך עשינו עם איילת ביטוח ופיננסים, והתוצאה היא אותו לוגו עם צבעים, גופן, אייקונים ומערכת עיצוב שמחברים אתר, רשתות ומסמכים. כשהזהות הקיימת לא מספרת את הסיפור הנכון, כמו במקרה של משרד עורך הדין מוטלק בדראן, בונים זהות חדשה סביב רעיון מרכזי אחד.
בחירה נכונה בין רענון למיתוג מחדש נעשית בשיחת האפיון, אחרי שבודקים מה כבר עובד. גם במיתוג רוזין-אילוז ובמיתוג ספר הקקי הגדול התחלנו ממה שקיים, ובנינו עליו במקום להחליף הכול.
מיתוג ועיצוב בחיפה ובכל הארץ: למי השירות מתאים
אנחנו בית תוכנה בחיפה ועובדים עם עסקים מכל הארץ ומחוץ לה. שירות המיתוג והעיצוב מתאים לעסקים שמתחילים ורוצים זהות מקצועית מההתחלה, לעסקים שצמחו והמראה שלהם כבר לא עקבי, ולמי שבונה אתר או אפליקציה ורוצה שהעיצוב והקוד ייצאו מאותו צוות.
את העיצוב אנחנו מעבירים להמשך לפיתוח אתרים או לפיתוח אפליקציות באותו צוות, ואפשר גם להזמין מיתוג בנפרד. את העבודות הקודמות אפשר לראות בתיק העבודות, ואת כל השירותים בעמוד השירותים שלנו. לשיחת היכרות ללא התחייבות אפשר לפנות דרך עמוד יצירת הקשר.
מאמרים שכדאי לקרוא בהמשך
שאלות נפוצות
מה כולל שירות מיתוג עסקי?
שירות מיתוג עסקי מלא כולל אסטרטגיית מותג ומיצוב, לוגו וסימן מותג בגרסאות לכל שימוש, פלטת צבעים, גופנים ואייקונים, ספר מותג ומערכת עיצוב לדיגיטל, וכן יישומים כמו כרטיס ביקור, ניירת, רשתות חברתיות, אתר ואפליקציה. ההיקף מותאם לצורך של כל עסק.
מה ההבדל בין עיצוב לוגו למיתוג עסקי?
עיצוב לוגו יוצר סימן אחד. מיתוג עסקי בונה סביבו מערכת שלמה: אסטרטגיה, צבעים, טיפוגרפיה, טון דיבור וכללי שימוש. הלוגו מזהה את העסק, והמותג גורם ללקוח לזכור אותו ולסמוך עליו בכל נקודת מגע, מהאתר ועד כרטיס הביקור.
כמה עולה מיתוג עסקי ועיצוב UX/UI?
המחיר תלוי בהיקף: האם נדרש מיתוג מלא או רענון, כמה מסכים או עמודים צריך לעצב, והאם מבקשים גם ספר מותג ומערכת עיצוב. אחרי שיחת היכרות אנחנו נותנים הצעה מפורטת לפי רכיבים. להערכה ראשונית אפשר להשתמש במחשבון העלויות.
מהו ספר מותג ולמה צריך אותו?
ספר מותג הוא מסמך שמסביר איך משתמשים בזהות: אסטרטגיה, לוגו, צבעים, גופנים, אייקונים, דוגמאות יישום ומה אסור לעשות. הוא מבטיח שמעצבים, מפתחים וספקי דפוס יציגו את המותג באופן אחיד גם כשהצוות מתחלף. דוגמה אפשר לראות במיתוג רוזין-אילוז.
כמה זמן לוקח תהליך מיתוג?
משך התהליך תלוי בהיקף ובמהירות האישורים. מיתוג מלא עובר בשלבים של אסטרטגיה, זהות חזותית, עיצוב ממשקים, ספר מותג ויישום, וכל שלב מאושר לפני הבא. בשיחת ההיכרות אנחנו מציגים לוח זמנים מפורט שמותאם לפרויקט שלכם.
האם אפשר למתג מחדש בלי להחליף את הלוגו?
כן, כשהלוגו הקיים חזק. אפשר לנתח אותו, לגזור ממנו צבעים, גופן ואייקונים ולבנות שפה עיצובית שלמה בלי לשנות בו אף קו. כך עשינו במיתוג איילת ביטוח ופיננסים, ובשיחת האפיון בודקים אם הלוגו שלכם מתאים לגישה הזו.
מה ההבדל בין UX ל-UI?
UX הוא חוויית המשתמש: הזרימה, הסדר, המהירות ומה קורה כשהוא טועה. UI הוא העיצוב הוויזואלי של הממשק: כפתורים, צבעים, גופנים ומרווחים. עיצוב טוב דורש את שניהם, כי ממשק יפה שקשה להשתמש בו לא מוכר, וממשק פשוט שנראה לא מקצועי לא משכנע.
מה זה אב טיפוס אינטראקטיבי ולמה הוא חשוב?
אב טיפוס אינטראקטיבי הוא גרסה של האתר או האפליקציה שאפשר ללחוץ עליה ולעבור בין מסכים, בלי קוד אמיתי. הוא מאפשר לחוות את הזרימה ולתקן אותה לפני הפיתוח, וכך חוסך שינויים יקרים. באפליקציות כמו אפליקציית אלה אלזמי עבדנו כך.
האם אתם גם מפתחים את האתר או האפליקציה שעיצבתם?
כן. אצלנו המעצבים והמפתחים עובדים באותו צוות, ולכן העיצוב נבנה כך שאפשר לממש אותו מהר ובקוד נקי. את הקוד כותבים מפתחים ולא AI. אפשר להמשיך לפיתוח אתר או לפיתוח אפליקציה, ואפשר גם להזמין רק את העיצוב.
האם העיצוב נגיש לפי התקן הישראלי?
אנחנו מתכננים נגישות כבר בשלב העיצוב: ניגודיות צבעים, גדלי מגע, סדר קריאה ותמיכה בקורא מסך, בהתאם לתקן הישראלי 5568 ול-WCAG. כך חוסכים תיקונים אחרי ההשקה. פירוט בנושא מופיע במאמר נגישות אתרים לפי תקן 5568.
האם אתם עובדים עם עסקים מחוץ לחיפה?
כן. אנחנו בית תוכנה בחיפה ועובדים עם לקוחות בכל הארץ וגם בחו"ל. התהליך מתנהל בשיחות וידאו ובמסמכים משותפים, והלקוחות מאשרים כל שלב מרחוק. אפשר להכיר את העבודות בתיק העבודות.
מוכנים לבנות מותג שלא מתבלבלים איתו?
שיחת היכרות קצרה וללא התחייבות, ונבין יחד אם מדובר במיתוג חדש, ברענון או בעיצוב ממשק לאתר ולאפליקציה.