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

פורום קהילת אנשי המקצוע מתחום האינטרנט: מעצבי אתרים, מתכנתים ומפתחים, אנשי 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
  • 1K
  • ממשק קטן שבניתי ליצירת הזמנות דיגיטליות,
    תראו כאן.
    0 תגובות
    פנתה אלי בעלת עסק בשם סבונבון, שיש לה מוצר ייחודי ומהמהם
    סבונים שקופים בניחוחות משכרים
    וניתן לעצב אותם בהתאמה אישית עם תמונה / ברכה או מזכרת.
    המוצר קנה אותי, לגמרי.
    הוא בעיני מתנה ייחודית ומקסימה
    ולהפתעתי הלקוחה סיפרה שיש לה אתר תדמית, אבל הוא פשוט לא עובד :(

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

    אז ביקשתי קישור וזה מה שראיתי:
    screencapture-sabonbon-co-il-2020-11-12-14_37_08.png
    אז נכון, זה אתר שנבנה כפרוייקט ע"י תלמידת וורדפרס ולא נעשתה עבודת מחקר, אפיון או התעמקות בעיצוב
    כך שבאמת אין לבוא בכלל בטענות למי שבנה אותו..

    אנחנו רק התמקדנו במה אפשר לשפר אותו ולהציג את המוצר באוירה המתאימה.
    ולא למשל בגלריה כזו:
    screencapture-sabonbon-co-il-2020-11-12-14_37_40.png
    או בתצוגה כזו של אפשרויות:
    screencapture-sabonbon-co-il-2020-11-12-14_38_24.png
    חוץ ממה שאין באתר בכלל אופצית רכישה, הוא לא ווקומרס.

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


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

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

    היה לי מרתק להעלות על הכתב את המגמות והתובנות הבאות. מקווה שתהנו.


    כלי העיצוב של העתיד


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

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

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


    א. עבודה בענן

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

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


    ב. פלטפורמות עיצוב במקום כלי עיצוב
    בשונה מכלי עיצוב פלטפורמה היא מוצר שיודע להחיל מעליו כל מיני התנהגויות.
    זה אומר שבמקום להשתמש באילוסטריטור + פוטושופ + אינויז׳ן + זפלין ועוד נוכל לבצע את כל הפעולות הנדרשות להפקת התוצר בפלטפורמה אחת כדוגמת סקצ׳, פיגמה, xd ועוד.
    פלטורמות אלו נבנו מלכתחילה עם מבנה המאפשר להרחיב את היכולות שלהן ולאפשר לעוד כלים להתממשק איתן כדוגמת anima המדהימה.
    Figma מאפשרת כיום לעצב, ליצור פרוטוטייפ מתקדם של התנהגות ואינטרקציות, לשתף קוד עם המפתחים ומדברים כבר על עיצוב חי ומקודד שיבנה בלחיצת כפתור ישירות מפיגמה.
    תחברו את כל היכולות האלו ביחד עם הענן ותקבלו מגה מוצר!

    https://www.animaapp.com/


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

    דוג׳:
    • reamove.bg - כלי שצורב רקעים מאובייקטים בלחיצת כפתור.
    • canva.com - פלטפורמה מטורפת עם ספריית ענק של עיצובים מוכנים מכל הסוגים החל ממצגות ועד עיצובים לרשתות חברתיות המאפשרת לבצע עליה התאמות ושינויים בהתאם לצרכים. בשניה הראשונה זה נשמע מופרך להשתמש בעיצובים מוכנים אבל העתיד הולך לשם ואין סיבה שמעצבים לא ינצלו אותה במקומות המתאימים.
    • https://coolors.co/ - מחולל פלטות צבעים מותאמות לצבעים נבחרים.

    coolors.co


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

    vectary.com - מחולל מודלים תלת מימדיים

    • https://www.wix.com/logo/maker - מחולל לוגואים של wix. אולי זה נשמע לא מקצועי ממבט ראשון אבל שווה נסיון - מביא תוצאות לא רעות בכלל וזה רק ילך וישתפר.


    מחולל הלוגואים של wix

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

    זה היה על קצה המזלג. יש עוד הרבה כלים מדהימים אבל לא נלאה:)


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


    ואיך אתם רואים את העתיד? האם נתקלתם בעוד כלים מהעתיד? נשמח שתשתפו:)
    דבר ראשון אציג את עצמי
    שרה בורנשטיין- מעצבת לפרינט עם נסיון ארוך
    הוספתי לאחרונה עיצוב לווב וגם בניה קלה :)
    במעבר בין עיצוב לפרינט לעיצוב לווב
    שבו את ליבי 2 אפשרויות שאין אותן בפרינט
    1. אין מגבלת מקום, לא צריך להצטמצם לA4 או לעמוד עיתון במקרה הטוב
    תמיד אפשר להוסיף עוד מקטעים כמובן כל עוד זה בגבול הטעם הטוב....
    2. אנימציות!
    כשאני ניגשת לאתר, בשלב האפיון והעיצוב
    בעצם אני עובדת כמו בפרינט, חושבת על קונספט
    לאחר שיש לי אותו, אני חושבת איך האנימציות יכולות לשמש אותו
    כי לשים סתם את האפשרויות שיש לאלמנטור להציע, זה כל אחד יכול...
    אבל אם האנימציה מגיעה עם חשיבה מאחוריה, בהתאמה מיוחדת לקונספט הנוכחי
    דוגמת האתר של מייפל
    www.maplesweetbox.co.il
    שמאמינה שעליו יצא קצפה של @זה אני :) ;)
    היתה פה מטרת גירוי, יש פה תוצרים מעולים, טעימים ואסתטיים במיוחד,
    יש תמונות מצוינות לעבוד איתן
    מה שנותר זה לחשוב, איך אני יכולה לתת את הגירוי יותר מפרינט,
    אז אם בכל מודעה של גלידות, יוגורטים, וקורנפלקס אנחנו נתקלים בנסיון להקפיץ אותם החוצה מהמודעה
    איזה כיף! פה אפשרי באמת להקפיץ את המוצרים החוצה מהקופסא
    האנימצית גלילה שם מורכבת מהבסיס של אלמנטור, רק ענין של ניסוי ותהיה עד שמגיעים לתוצאה הרצויה
    אגב, גם באנימציות לוטי, אפשר להגיע לדברים מותאמים אישית מקסימים
    יש סרטון הסבר של אלמנטור שרואים שם את האיש מדווש על אופניים רק בגלילה, זו גם דוגמא מצוינת בעיני
    מה אני לא אוהבת? שימוש מרובה באנימציות, עד שבא כבר להקיא מהן, אז פליז תשמשו במינון נכון :)
    מזמינה את @סימי. לספר לנו על מה עובדים עכשו באלמנטור, ששווה להתחיל לחכות... :)

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

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

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

    לוח מודעות

    הפרק היומי

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


    תהילים פרק כה

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