קהילת דיגיטל ואינטראקטיב

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי UX-UI, וכו'. הכתיבה בפורום הינה לחברי הקהילות המקצועיות של פרוג.
מנהלת הפורום: סיון
להצטרפות לקהילת מפתחי אתרי אינטרנט, הקש כאן
להצטרפות לקהילת ux-ui, הקש כאן

בניית אתרים וחוויית משתמש >> תוכן מקצועי

תיקי עבודות של עיצוב אתרים >> העבודות האחרונות, תהנו!

SHUGE שפרה כהן.png
SHUGE שפרה כהן 01.png
אומנות האופציות שפרה כהן.png
WhatsApp Image 2026-03-10 at 2.11.40 AM (1).jpeg
WhatsApp Image 2026-01-07 at 11.45.24 AM.jpeg
קלף קליין.jpg
בראש פתוח.jpg
מכון ספורנוקטן.jpg
לב גדול.jpg
בלוי ספרים.jpg
הצגת אתר תדמית משרד שמעוני5.jpg
WST השקעות נדלן בדובאי-3.png
WST השקעות נדלן בדובאי-2.png
WST השקעות נדלן בדובאי-1.png
WST השקעות נדלן בדובאי.png
הצגת פרוייקט ישראל דיזקינד 4.png
היום אשתף אתכם בפרויקט שעבדנו עליו לא מעט,
שאני אומר 'עבדנו' זה גם נעמי טויטו,
מנהלת המשרד, וגם הצוות שלה,

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

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

אז ככה זה נראה לפני העיצוב,
אחרי שיחת אפיון ארוכה,
gloomap_124aac40.png

לפני העיצוב,
אני רוצה לשתף אתכם בשלב ההשראות,
היו המון כיוונים,
ככה נראת תקיית החומרים במחשב,
image 1.png

שבסוף יצטמצמו ויתלכדו לכדי קונספט מגובש ומאורגן,
Group 22.png

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

מסך פתיחה:
Group 18.png

Group 18 (1).png


אזור 'המגרש שלנו', שימו לב איך בכל האזור הויז'ואל מדבר באותה שפה:
Group 18.png

Group 18 (3).png


מספיק עם ספויילרים לדף הבית,
נעבור לעמודים הפנימיים,
פרסומט:
Group 18 (4).png

Group 18 (5).png


מטמדיה:
Group 18 (6).png


מיתוג אסטרטגי:
Group 18 (7).png

עמוד פרויקט:
Group 18 (8).png


קורסים והדרכות:
Group 18 (12).png


אולפני מט:
Group 18 (9).png


המטקאסט:
Group 18 (10).png


צור קשר:
Group 18 (11).png


לחוויה מושלמת,
חפשו 'סטודיו מט' או היכנסו ללינק הישיר:

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

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

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

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

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

חובה לבצע אפיון מדויק לרמת ה 80% 90% לפחות,
היתרונות של אפיון מוקדם הם אינסופיים, כנ"ל עיצוב,

אז אחרי שיחת אפיון של שעתיים +, ויצירת מפת אתר,
ומסמך מפורט על הרשאות, הגיע זמן העיצוב,

רק בשביל להבין את הסדר גודל,
מדובר בעיצוב של 30+ מסכים לדסקטופ,
ועוד 30+ מסכים למובייל,
לפני ההדמיות, הנה כל העיצוב כ'מקשה אחת',
מערכת דירוגע (2).png

מערכת דירוגע (1) (1).png


ועכשיו, להדמיות,
דף הבית:
Group 15.png

Group 15 (1).png

Group 15 (2).png


אזורים אישיים שונים:
Group 15 (3).png

Group 15 (5).png


דשבורד נדל"ן:
Group 15 (6).png

Group 17.png


ממשיכים להעלאה שליחה והצגת מודעה למערכת:
Group 15 (7).png


שירותים משלימים (שירותים מגורם חיצוני שיכולים לעזור למשתמשי המערכת):
Group 15 (8).png

עמוד השירות:
Group 15 (9).png


מרכז הידע:
Group 15 (10).png


D דטא (כלים שיעזרו למשתמשי המערכת):
Group 15 (11).png


מאמרים:
Group 15 (12).png

Group 15 (13).png


ולבסוף, עיצוב מיילים מותאם לרשימת התפוצה למנויי המערכת:
Group 15 (4).png


כמובן שיש עוד המון מסכים,
אבל שמרתי לכם את המרכזיים,

המערכת תושק בקרוב,
אשמח לשמוע מה דעתכם,
על התהליך, האפיון והעיצוב.
 תגובה אחרונה 
שמחה לשתף אתכן באתר נוסף שיצרתי לרעות המהממת @רעות:)
לרעות עסק ייחודי של מיתוג מוצרים וארועים, ולא תאמינו גם מאכלים!
כל המוצרים אצלה מקבלים 'ערך מוסף'
מוזמנים להכנס להתרשם ולהגיב
לא הייתי בפורום הזה כבר שנים
הייתי עסוקה בלהביא ללקוחות שלי את
השירות הטוב ביותר לאתרים יוצאי דופן,
וכך גם לא שיתפי הרבה.
אבל הגיע הזמן לחזור ולשתף באתר
שהיתה עליו הרבה עבודה-
החל משלב בחירת הקונספט,
השפה העיצובית (מוריה כהן האגדית היתה כאן בסיפור)
כתיבת התוכן והקופי
החשיבה על המשפך השיווקי המתאים
עיצוב האתר עצמו
ולבסוף בניית האתר עם הרבה GSAP שהוציא לי קרניים
אהבתם?
תספרו לנו על זה
שיהיה קורת רוח אחרי העבודה המאומצת:)

שלום לחברי קהילת פרוג היקרים!

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

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

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


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

🔥 וובינר מיוחד לחברי קהילת פרוג 🔥

המולקולות של הפיגמה

איך נראית עבודת עיצוב חכמה באמת ב 2026

הרצאה מאת בני אונגר
מעצב מזה 8 שנים, מעצב מוצר בהייטק, UX UI ו Product Designer​

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

מתי?​

יום שלישי, כ"ד בטבת | 13.01.26
שעה: 20:00 עד 21:00
הוובינר יתקיים בזום לייב

למי?​

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








מפגשי העשרה - מה זה?!​

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

להצטרפות לקבוצת המעצבים הגרפיים בפרוג ←
להצטרפות לקבוצת דיגיטל בפרוג ←

עדיין לא בקהילה?
ההרשמה לקהילת פרוג פתוחה, וההשתתפות בפעילויות ההשקה ללא עלות.
להרשמה לקהילת פרוג ←


שמחים שאתם איתנו!
ומתרגשים לפתוח יחד את ההשקה לקידום הקבוצות בקהילת פרוג.
  • תודה
Reactions: סיון1 //
1 תגובות
https://shakuf.org/
אני אחראי על הפרונטד
אפיון פיגמה שלי
וגם ביצוע בפועל
אשמח לביקורת
תודה רבה
  • תודה
Reactions: סיון ו-ציף2 //
1 תגובות
ב"ה זכיתי לאפיין ולעצב מחדש את האתר של קול הלשון.

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

כבר שתפתי באא"ר (ויש שם קישורים לחומרים מעניינים בקול הלשון)

קצת פרטים על אופי העבודה:
  1. הייתי צריכה ללמוד דאטאבייס של מערכת שלימה המסונכרנת באופן מלא עם ממשק טלפוני, ולפי המבנה הקיים ליצור אתר מודרני ונח לשימוש. האתגר היה לא קל בכלל, ודרש גם מצוות הפיתוח וגם ממני רעיונות ופתרונות יצירתיים.
  2. השראות, רעיונות ומחקר - נעזרתי הרבה מאוד במאמרים מקצועיים באתר medium, "חפרתי" את יוטיוב (עם נטפרי! זה היה אתגר לא קל...), אמזון, איביי, ו... גוגל. חייבת לציין שחווית המשתמש בגוגל היא מהטובות שיש. (אני מתכוונת לכלים של גוגל, כמו תרגום).
  3. אתר קול הלשון כולל בתוכו מנוע חיפוש שיעורים אדיר (למעלה מ3 מליון שיעורים), וישבתי שעות ארוכות רק כדי למפות את כל סוגי החומרים והמסננים המתאימים לקול הלשון.
  4. כל שיעור מתנגן ב"דף נגן". ישבתי לפתח נגן וידאו ואודיו מאפס (וזה היה אתגר גדול). מצאו את ההבדלים בין הנגן הישן לנגן החדש ---
  5. בעתיד יעלה גם ממשק חדש לטריוויות (ידעתם שיש טריוויות בקול הלשון?) - ושם הייתי צריכה להלך בין הטיפות. ליצור ממשק של משחק המכבד את התוכן התורני ואופי המשתמשים.
  6. האתגר המרכזי - בכל רגע נתון יש כמות גדולה מאוד של משתמשים באתר קול הלשון, מכל מקום בעולם (גוגל אנליטיקס מרתק). חוץ מזה - קהל היעד מגוון מאוד גם מבחינה מגזרית וגם מבחינה גילאית. והאתר צריך לתת מענה מושלם לכולם...
  7. יש הרבה מאוד פיצ'רים חדשים באתר החדש. אחד המוצלחים הוא כניסה לאתר באמצעות חשבון גוגל + איזור אישי למשתמש עם פלייליסטים, הורדות, מעקב אחרי רבנים ועוד.
  8. האתר עדיין בפיתוח מואץ, ובהמשך יעלה לאוויר גם בנק התורה בגרסה חדשה.

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

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

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

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

לדוגמא: אדם רוצה לדעת אם אפשר להתיר נדרים לכמה אנשים יחד בערב ראש השנה. הוא בוחר את החודש (תשרי) את החג (ראש השנה) את (ערב ר"ה) את (התרת נרדים) ואז הוא מקבל את ה5 שאלות הכי מצוייות בהתרת נדרים ושם הוא יקבל את התשובה.
הנה תרשים זרימה חלקי:
image.png
הנה השאלה והתשובה:
האם אפשר להתיר עבור כמה אנשים יחד?
יש נוהגים שכמה אנשים אומרים יחד סדר התרת נדרים. ואין לעשות כן אלא בשעת הדחק.

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

נו, מה דעתכם?

הצטרפות לניוזלטר

איזה כיף שהצטרפתם לניוזלטר שלנו!

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

לוח מודעות

הפרק היומי

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


תהילים פרק כג

אמִזְמוֹר לְדָוִד יי רֹעִי לֹא אֶחְסָר:בבִּנְאוֹת דֶּשֶׁא יַרְבִּיצֵנִי עַל מֵי מְנֻחוֹת יְנַהֲלֵנִי:גנַפְשִׁי יְשׁוֹבֵב יַנְחֵנִי בְמַעְגְּלֵי צֶדֶק לְמַעַן שְׁמוֹ:דגַּם כִּי אֵלֵךְ בְּגֵיא צַלְמָוֶת לֹא אִירָא רָע כִּי אַתָּה עִמָּדִי שִׁבְטְךָ וּמִשְׁעַנְתֶּךָ הֵמָּה יְנַחֲמֻנִי:התַּעֲרֹךְ לְפָנַי שֻׁלְחָן נֶגֶד צֹרְרָי דִּשַּׁנְתָּ בַשֶּׁמֶן רֹאשִׁי כּוֹסִי רְוָיָה:ואַךְ טוֹב וָחֶסֶד יִרְדְּפוּנִי כָּל יְמֵי חַיָּי וְשַׁבְתִּי בְּבֵית יי לְאֹרֶךְ יָמִים:
נקרא  8  פעמים
למעלה