ספר המותג של מור ממן

פיתוח אפליקציות ומערכות

מ״יש לי רעיון״
לאפליקציה שאפשר להוריד.

על הספר

איך המותג נראה, נשמע ומתנהג.

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

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

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

01מהות ומסריםמי אני, במה אני מאמין, למי אני עובד ומה צריך לעבור בכל מפגש עם המותג.
02טון וקופימדבר כמו מפתח שיושב מולך ושואל קודם מה העסק צריך. בגובה העיניים ובגוף ראשון.
03לוגושני קווים שזזים קדימה ובועת שיחה. המבנה וכללי השימוש.
04צבעשלושה צבעים מרכזיים. לכל אחד תפקיד ברור.
05טיפוגרפיהשני פונטים. אחד לכותרות, אחד לקריאה.
06שפה חזותיתמסלולים, מסכים ותנועה עם כיוון. הרבה לילה, מעט כחול.
07יישומיםאותה מערכת על מסך, על נייר ועל במה.
08הורדותקבצי המקור המאושרים של המותג.

פרק 01

מהות ומסרים

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

מי אני

מור ממן.

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

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

10+שנות פיתוח

7מוצרים באוויר

3תחומים: אפליקציות, מערכות וחיבורים

סיפור המותג

הלקוח מביא רעיון. אני עוזר לו להגיע לחנות.

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

01

המצב

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

02

הדרך

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

03

התוצאה

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

אני מאמין

כל מוצר טוב מתחיל בשאלה מה המשתמש צריך לעשות.

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

ארבע תכונות

כך אני עובד. כך גם המותג צריך להרגיש.

01

לומד את העסק קודם

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

02

פשוט לשימוש

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

03

בגובה העיניים

מדברים פתוח. מסבירים מה בונים, למה ומה זה יעלה, בלי ז׳רגון ובלי להסתתר מאחורי מילים גדולות.

04

חושב כמו יזם

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

המסר

מה אומרים ובאיזה סדר

משפט הפתיחה

מ״יש לי רעיון״ לאפליקציה שאפשר להוריד.

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

המסר

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

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

משפט הבידול

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

ניסוח אסטרטגי. לא משכתבים אותו.

עקרונות שמחזיקים את המסר

01

מתחילים בשיחה

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

02

מרעיון למוצר

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

03

מטרה ברורה בעסק

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

הקהל

מה שמגדיר את הלקוח הוא הצורך. לא הגודל.

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

קהל ראשי

יזמים עם רעיון לאפליקציה.

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

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

קהל משני

עסקים שצריכים מערכת.

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

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

שותפים

מעצבים, משווקים וסוכנויות.

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

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

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

פרק 02

טון וקופי

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

חמישה עקרונות

מדבר עם אדם אחד. לא עם קהל.

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

העיקרוןכך כןכך לא

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

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

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

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

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

מילים

המילים שמשתמשים בהן. והמילים שנשארות בחוץ.

במקוםכותבים

פתרונות דיגיטליים←אפליקציה, מערכת

פיתוח מקצה לקצה←מאפיון ועד השקה

טכנולוגיה חדשנית←מה זה עושה למשתמש

אנחנו / הצוות←אני

צור קשר←בואו נדבר

MVP←גרסה ראשונה

אוטומציה חכמה←פחות העתקות ידניות

כללי כתיבה

פנייה: ביחיד, בגובה העיניים. כפתור הפעולה נשאר ״בואו נדבר״.
משפטים: קצרים יחסית. רעיון אחד בכל פסקה.
שאלות: מותר וכדאי לפתוח בשאלה שהלקוח שואל את עצמו.
מספרים: בספרות: 200 חידות, 7 מוצרים.
שמות מוצרים: בשפת המקור: Royal Passover, dibble, יו״ש 360.
גרשיים: גרש וגרשיים עבריים (׳ ״), לא מירכאות של מקלדת.
אנגלית: כותרת עזר באנגלית באותיות גדולות, כמו SELECTED WORK. רק כעיטור, אף פעם לא במקום העברית.
סימן קריאה: חריג. הביטחון מגיע מהתוכן.
אימוג׳י: לא באתר ולא במסמכים. בוואטסאפ במידה.

ערוצים

אותו קול בכל מקום.

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

וואטסאפ · פנייה ראשונה

היי, ראיתי את האתר. יש לי רעיון לאפליקציה ואשמח להבין מאיפה מתחילים.

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

כל הודעה נגמרת בצעד הבא, בלי לחץ.

אינסטגרם · ביו

מפתח אפליקציות ומערכות. מ״יש לי רעיון״ לאפליקציה שאפשר להוריד.

@moris_ma · mmn.co.il

אותו משפט בכל רשת.

פוסט פרויקט

הצורך · מה בנינו · מה זה נותן

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

אם אין תוצאה שאפשר להוכיח, לא ממציאים אחת.

פרק 03

לוגו

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

הסיפור של הלוגו

שני קווים. שיחה אחת.

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

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

Momentum · Conversation · Product

למה ככה

01

תנועה קדימה

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

02

שני צדדים, קו אחד

שני הקווים זהים ומקבילים. הלקוח ואני, באותו כיוון ובאותו קצב.

03

הכול מתחיל בשיחה

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

04

נקודת הנחיתה

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

הקונספט

Mמור

Mממן

בועההשיחה

הסימןMMN

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

אנטומיה

כל חלק בסימן עושה משהו.

1הקו הראשוןמקבילית עם פינה מעוגלת בבסיס

2הקו השניעותק זהה של הראשון, באותו מרחק

3נטייה של 60°הכיוון קדימה, משמאל למטה לימין למעלה

4בועת השיחהעיגול בקוטר של שליש מגובה הסימן

5הזנבמשולש קטן שהופך עיגול לבועה

6קו הבסיסכל החלקים נוחתים על אותו קו

בנייה

רשת אחת. בלי קו מיותר.

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

קו עליון וקו בסיס, שביניהם כל הסימן
שני קווי עזר מקבילים בזווית של 60 מעלות
מרחק קבוע בין הקווים, שווה לרוחב קו אחד בבסיס
עיגול הבועה, שנוגע בקו הבסיס

פרופורציות

כל המידות נגזרות מ-X.

X הוא רבע מגובה הסימן. ממנו נגזרים הרווח בין הסימן לשם, גודל השם ומרחב הנשימה.

4Xגובה הסימן. X הוא רבע ממנו

2Xהרווח בין הסימן לשם

2.75Xגודל הגופן של השם, טעמולה 500

Xמרחב הנשימה המינימלי מכל צד

מרחב נשימה

משאירים ללוגו מקום.

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

גרסאות

משתמשים בגרסה שמתאימה למקום.

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

אייקון

הסימן עובד לבד.

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

מידות מינימום

מתחת לזה, הלוגו מפסיק להיקרא

אופקי120 פיקסלים במסך · 30 מ״מ בדפוס

מוערם72 פיקסלים במסך · 20 מ״מ בדפוס

סימן16 פיקסלים במסך · 5 מ״מ בדפוס

מה לא עושים

הלוגו לא משתנה.

לא בונים את הסימן מחדש. משתמשים בקבצים המקוריים.

פרק 04

צבע

שלושה צבעים מרכזיים. לכל אחד תפקיד ברור.

60%לילהNight

30%אורLight

10%כחולSignal Blue

קודים

לחיצה על קוד מעתיקה אותו

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

צבעי עזר

חמישה צבעים שעובדים בשקט

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

יחסים

לילה לעומק. אור לקריאה. כחול לפעולה.

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

אפליקציה שאפשר להוריד

18.2 : 1

אור על לילה · כותרות וטקסט באזורים הכהים

מאפיון ועד השקה

10.1 : 1

ערפל על לילה · טקסט משני על כהה

נעים להכיר, אני מור

5.6 : 1

צפחה על אור · טקסט משני על בהיר

בואו נדבר

5.2 : 1

לבן על כחול · כפתורים ומשטחי פעולה

לפרויקט המלא ↗

6.8 : 1

שמיים על לילה · קישורים והדגשות על כהה

מטוס, נקודה, מסלול

3.8 : 1

כחול על לילה · רק לגרפיקה ולטקסט גדול, לא לטקסט רץ

כפתורים

פעולה אחת צריכה להיות ברורה.

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

ראשי

בואו נדבר

רגיל, נסו לעבור עליו

בואו נדבר

ריחוף

בואו נדבר

פוקוס מקלדת

משני

לכל הפרויקטים

רגיל

לכל הפרויקטים

ריחוף

לכל הפרויקטים

פוקוס מקלדת

קישור

לפרויקט המלא ↗

רגיל

לפרויקט המלא ↗

ריחוף

על רקע כהה

בואו נדבר

ראשי

לכל הפרויקטים

משני

לפרויקט המלא ↗

קישור

מה לא עושים

בואו נדבר

טקסט כהה על כחול

טקסט רץ בכחול על רקע כהה

כחול לטקסט רץ על לילה

בואו נדבר

גרדיאנטים ומעברי צבע בכפתור

בואו נדברלהצעת מחיר

שני כפתורים ראשיים באותו אזור

פרק 05

טיפוגרפיה

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

הפונטים של המותג

טעמולה ואלמוני.

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

אב

טעמולה

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

אב

אלמוני

טקסט רץ, כפתורים, תפריטים, כיתובים וטפסים. רגיל לקריאה, בולד לפעולה.

אבגדהוזחטיכךלמםנןסעפףצץקרשת · ABCDEFGHIJKLMNOPQRSTUVWXYZ · 0123456789 ₪ ? ! @

משקלים

שלושה משקלים בטעמולה. שניים באלמוני.

טעמולה 300מספרים גדולים, ציטוטים ומשטחים שקטים

לאפליקציה שאפשר להוריד

טעמולה 500כותרות, שמות פרקים ומשפט הפתיחה

לאפליקציה שאפשר להוריד

טעמולה 700הדגשה נקודתית ולא ברירת מחדל

לאפליקציה שאפשר להוריד

אלמוני רגילטקסט רץ וכיתובים

לאפליקציה שאפשר להוריד

אלמוני בולדכפתורים, תפריטים ותוויות

לאפליקציה שאפשר להוריד

היררכיה

שבעה סגנונות. זה מספיק.

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

סגנוןדוגמהדסקטופמוביילפונט

תצוגהלאפליקציה96 / 9854 / 58Taamula 500

כותרתהפרויקטים שלי.56 / 6236 / 42Taamula 500

כותרת משנהמערכות לניהול העסק28 / 3422 / 28Taamula 400

טקסטאני מתחיל מהעסק ולא מהקוד. קודם לומד איך העסק עובד.21 / 3019 / 28Almoni 400

כפתור ותפריטבואו נדבר20 / 2417 / 22Almoni 700

כיתוברשימת מקומות עם חיפוש וסינון16 / 2215 / 20Almoni 400

כותרת עזרSelected work13 / 1612 / 16Almoni 700 · 0.18em

כללים

איך כותבים עם טעמולה ואלמוני

פחות סגנונות, יותר אוויר.

01

טעמולה לא לטקסט רץ

טעמולה עד 3 שורות. מעבר לזה עוברים לאלמוני.

02

אלמוני לא קטן מ-15px

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

03

יישור לימין

עברית מיושרת לימין. לא מיישרים לשני הצדדים. כותרת קצרה מותר למרכז.

04

אורך שורה

עד 70 תווים בשורה. ריווח שורות 1.4 בטקסט ו-1 עד 1.15 בכותרות.

05

הדגשה בצבע

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

06

לא מוסיפים פונט

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

פרק 06

שפה חזותית

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

הקו המנחה

המוצר במרכז. כל השאר מסלול סביבו.

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

01

מסך במרכז

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

02

מסלול סביב

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

03

כחול מסמן

הכחול נכנס כשיש לו תפקיד: פעולה, נקודה, מילה אחת.

04

הרבה לילה

רקע כהה הוא הבית. אור הוא הפסקה לקריאה.

צורות ומרווחים

עגול, רך ועקבי.

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

פינות

כפתור · מלא

שדה · 12

כרטיס · 24

מסלול · 42%

מרווחים

8

16

24

32

48

64

96

128

רקעים ודפוסים

דפוס אחד בכל חומר.

הדפוסים מוסיפים אופי לרקע. הם לא מתחרים בתוכן.

הקבצים

כל דפוס, בכהה ובבהיר

קבצי SVG ב-1920 על 1080, מוכנים לשקף, לפוסט או להדפסה.

01

דפוס אחד באזור

לא משלבים שני דפוסים באותו משטח.

02

לא מאחורי טקסט רץ

דפוס מאחורי כותרת קצרה בלבד.

03

חותכים לפי הפורמט

מותר לחתוך ולהגדיל. לא מותר לעוות.

04

נקודה כחולה אחת

בכל דפוס יש לכל היותר נקודה מודגשת אחת.

אייקונים

אייקונים שמסבירים. לא מקשטים.

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

01

רשת

משטח של 24 על 24, עם שוליים של 2 פיקסלים.

02

קו

עובי 1.5 בגודל 24. קצוות ופינות מעוגלים.

03

צבע

לילה על בהיר, אור על כהה. כחול רק למצב פעיל.

04

תנועה

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

מסכים

המוצר הוא התמונה.

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

01

מסך אמיתי

צילום מסך מהמוצר החי. לא מסך שצויר במיוחד.

02

מסגרת אחת

אייפון בצבע כסף. אותה מסגרת בכל מקום.

03

זווית קלה

עד 6 מעלות. מסך אחד מוביל, השני מאחוריו.

04

בלי עומס

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

צילום

אדם אמיתי. עבודה אמיתית.

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

לצלם: מור מול המחשב, מסך עם קוד או עם מוקאפ

בעבודהשירותים, פוסטים ומיילים

לצלם: מור עם טלפון ביד, בודק אפליקציה

בבדיקהפוסטים על פרויקטים והשקות

לצלם: פגישה עם לקוח, צילום מהצד

בשיחה״בואו נדבר״ ושיחת היכרות

כן

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

לא

קוד ירוק על מסך שחורלחיצות ידיים מבוימותתמונות סטוקאנשים שנוצרו ב-AIרובוטים ומוחות זוהרים

תנועה

התנועה מכוונת. היא לא מקשטת.

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

מהיר200msריחוף, לחיצה ושינוי צבע

רגיל450msתפריטים, טלפונים שזזים בריחוף

רגוע600msתוכן שנכנס למסך בגלילה

לוגו1400msפתיח וסגיר של סרטון או מצגת

זרימהcubic-bezier(.2, .7, .2, 1)העקומה של כל התנועות

מרחק24pxתוכן נכנס מלמטה, עם הופעה הדרגתית

זרימה: התחלה זריזה ועצירה רכה

כן

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

לא

קפיצות ואפקט גומיטקסט שזז בזמן קריאהפרלקסה כבדהאפקט הקלדה וגליץ׳תנועה בלי כיבוי

הלוגו בתנועה

יוצא לדרך.

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

בפתיחה או בסגירה. לא באמצע ולא בלופ.

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

פרק 07

יישומים

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

מור ממן

פיתוח אפליקציות ומערכות

054-528-2826
mmn.co.il

אוקטובר 2026

לכבוד
[שם הלקוח], [שם העסק]

הצעה לפיתוח אפליקציה

שלום [שם],

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

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

אם משהו לא ברור, אני כאן.

בברכה,
מור ממן

פיתוח אפליקציות ומערכות054-528-2826 · mmn.co.il

הצעה לפיתוח · [שם העסק]

מה עושים
ובאיזה סדר

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

אפיוןשבוע 1-2

עיצובשבועות 3-4

פיתוח והשקהשבועות 5-10

2

9:41●●●

moris_ma

מה המשתמש צריך לעשות, ואיך מקלים עליו להגיע לשם?

מור ממן

moris_ma מהשאלה הזאת מתחילים כל אפיון. לא מהטכנולוגיה ולא ממספר המסכים.

Mor Mamanמפתח · 7 אפליקציות
צפייה

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

מור ממן

מ״יש לי רעיון״ לאפליקציה שאפשר להוריד.

מה לבנות, למי ומאיפה מתחילים.

בואו נדבר.

תבניות

התבניות נותנות מסגרת. לא כותבות את התוכן.

חתימת מייל

הסימן, שם, תפקיד וקישור אחד.

מור ממןפיתוח אפליקציות ומערכותmmn.co.il

סושיאל

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

מסך טוב הוא מסך שלא צריך להסביר.

מור ממן

ציטוט · משפט אחד ושם

[מסך מהפרויקט]

[שם הפרויקט]

[מה בנינו, במשפט אחד]

פרויקט · מסך, שם ומשפט

שאלה שחוזרת אצל לקוחות

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

התשובה בפוסט

שאלה · השאלה בגרפיקה, התשובה בטקסט

כיסוי ללינקדאין

1584 על 396. משפט הפתיחה ומסלול.

מ״יש לי רעיון״ לאפליקציה שאפשר להוריד.

הורדות

הקבצים

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

לוגו

רקעים ודפוסים

אייקונים

24 קבצי SVG בקו של 1.5. לוחצים על אייקון בפרק 06 כדי להוריד אותו, או מורידים את כולם כאן.

פונטים

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

למפתחים

הצבעים, הטיפוגרפיה והתנועה כמשתני CSS.

:root {
  /* brand */
  --night:  #080D17;   /* 60% */
  --light:  #F5F7FF;   /* 30% */
  --blue:   #2962EC;   /* 10%, actions only */
  /* support */
  --mist:   #B1BBCD;   /* secondary text on dark */
  --slate:  #5A6478;   /* secondary text on light */
  --sky:    #6B95FF;   /* links on dark */
  --blue-hover: #3C72F3;
  --surface: #0F1726;
  /* type: weight size/line-height */
  --font-display: 'Taamula', 'Almoni', sans-serif;
  --font-text:    'Almoni', Arial, sans-serif;
  --display:  500 96px/98px var(--font-display);
  --title:    500 56px/62px var(--font-display);
  --subtitle: 400 28px/34px var(--font-display);
  --body:     400 21px/30px var(--font-text);
  --ui:       700 20px/24px var(--font-text);
  --caption:  400 16px/22px var(--font-text);
  --radius-button: 50px;
  --radius-field: 12px;
  --radius-card: 24px;
  /* motion */
  --ease-flow: cubic-bezier(.2, .7, .2, 1);
  --duration-fast: 200ms;
  --duration-base: 450ms;
  --duration-calm: 600ms;
  --duration-logo: 1400ms;
}

מ״יש לי רעיון״
לאפליקציה שאפשר להוריד.