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

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי 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
המקדם הנכון הוא "שיתוף" :)

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

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

נתחיל:

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

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

1633644581893.png

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

מודה שבהתחלה איבדתי ידיים ורגליים
ולא הבנתי מי נגד מי. במיוחד בנתונים.

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

1633644948023.png

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

1633645076759.png

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

1633645131953.png


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

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

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

1633645561511.png

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

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

התייעצתי פה עם החברה איך אני יכולה ליצור דברים מסויימים:

הפרוייקט התקרב לסופו.
הטאצ האחרון שהוספנו הוא אפשרות של גרירת אלמנטים
בצורה חופשית ברחבי הדף.
את השדרוג המהמם הזה עשה @roni ravitz עם קסמי JS.

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

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

אז קבלו אותו:
נקודות התחלה.

5.gif

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

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

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

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

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


אפשר לגרור את העיגולים הצבעוניים ע"ג הלוח עם הנקודות:

1633646125541.png

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

1633646133313.png

אחרי בחירת התשובה יוצגו לכם גרפים עם נתונים מעניינים

1633646142627.png

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

1633646152878.png

לאתר - (רק לדסקטופ ברזולוציית 1920*1080)
כנסו מפה: https://meizam.it/

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

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


מצ"ב קישור לאתר >

בהזדמנות זו,
תודה לכל המענה לשאלותי מעת לעת..
וכמובן, שנה טובה!
שנת שגשוג והצלחה!!

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

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

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

לוח מודעות

הפרק היומי

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


תהילים פרק כה

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