יובל יוסףweb design · build

מותג תוכן · גיאולוגיה · עמוד לימוד

Lithos

Layers hold tales of time — מותג בהשראת אבן ושכבות, שבו הגלילה עצמה היא חפירה אל תוך הזמן העמוק.

שנה
2026
תפקיד
אסטרטגיה · עיצוב · בנייה
סוג
מותג תוכן / עמוד קורס
סטטוס
צפייה באתר החי ↗
מיתוגעמוד קורסאינטראקציהיוקרה מינרלית
lithos
Lithos

סקירה

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

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

האתגר

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

הגישה

01

חושך של סלע

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

02

סריף כספר יסוד

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

03

שכבות אינטראקטיביות

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

04

ריסון עריכתי

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

”ההווה הוא המפתח לעבר — וכל גלילה כאן היא עוד צעד אחורה בזמן.“

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

01

שחור כחומר גלם

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

02

מטאפורת השכבות כמבנה

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

03

סריף לסמכות, סאנס למידע

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

04

נתונים כדרמה

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

איך זה נבנה

  1. שלב 01

    מושג ועולם

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

  2. שלב 02

    מיפוי שכבות

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

  3. שלב 03

    עיצוב ובנייה

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

  4. שלב 04

    ליטוש עומק

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

Lithos — עולם המותג — ורידי לבה כתומים על רקע סלע שחור
עולם המותג — יוקרה מינרלית בשחור וכתום

התוצאה

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

מה כלול בפרויקט

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