מה אפשר ליצור עם כלי AI ג׳נרטיביים
ואיך מגיעים לשם, מהכיוון ועד התוצאה
המכנה המשותף: לפני הבנייה הייתה החלטה ברורה על האופי.
מעצבת, בונה ומפתחת חוויות Web עם AI
הגעתי אליו דרך QA, עיצוב, מוצר, משתמשים ובנייה אמיתית.
למדתי איך דברים נשברים.
למדתי איך דברים נראים.
למדתי איך אנשים משתמשים בהם.
למדתי לקחת אחריות על המוצר השלם.
AI לא החליף את כל השכבות האלה -
הוא פשוט נתן לי לעשות איתן הרבה יותר.
לא ברור למי בונים, איזו תחושה רוצים ומה הפעולה החשובה.
פריסה, פונט וכרטיסים נשארים בלי בדיקה מול המוצר.
התמונה, הטקסט והתנועה מספרים סיפורים שונים.
לא צבע מסוים ולא כלי מסוים.
בודקים אם הבחירות מתאימות למוצר.
הכלים כבר יודעים לבנות מהר.
הערך המקצועי עובר לשלוש החלטות:
אותו עסק יכול להיראות אחרת לגמרי — לפי ההחלטות שלנו.
״שעת זהב
שאפשר לקחת איתכם.״קונספט מוצע לתרגיל הבושם
למי? אנשים שמחפשים ניחוח אישי.
מה מרגישים? חום, קרבה ואיפוק.
מה רואים קודם? בקבוק באור של סוף היום.
מה עושים? מגלים את הניחוח.
אפשר להיעזר ב־AI כדי להציע כיוונים. אנחנו בוחרים איזה מהם מתאים.
Bona Nova לכותרות · Cormorant Garamond ללועזית · Heebo 300 לטקסט.
הזהב מסמן פעולה וקווים; הוא אינו ממלא כל שטח.
פינות 0 · קו 1px · כמעט בלי צללים. העומק מגיע מאור ומניגודיות.
מקטעים כהים ובהירים · תוכן מרכזי · חשיפות איטיות ומאופקות.
לא כותבים ״יוקרתי״. מגדירים את ההחלטות שיוצרות את התחושה.
כבר יש שפה. עכשיו יוצרים תמונות, סצנות ודמויות שמתאימות לה.
פרטים יפים. מתאים לאזור סיפור המוצר.
המוצר נוכח, ויש מקום לכותרת מימין.
הרבה אווירה, אבל הרקע מתחרה בטקסט.
שלוש חלופות שנוצרו עם AI להרצאה. בוחרים לפי התפקיד בעמוד.
הדרים, פריחת תפוז ועץ רך.
ניחוח חם שנשאר קרוב.
AMBER / 01 · מותג דמיוני שנבנה לתרגול במצגת · אותה תמונה B, עם כותרת, ניווט ופעולה
רואים מה אפשר לעשות, ואז בוחרים איזו תנועה מתאימה לאתר.
סרטון קצר של המוצר
או תנועת מצלמה סביבו.
מייצאים סדרת תמונות
מתוך הסרטון.
גוללים קדימה — הרצף מתקדם.
חוזרים — הרצף חוזר.
תשע תחנות מתוך תנועת הסיבוב
למתקדמים: Canvas מציג תמונה; GSAP + ScrollTrigger יכולים לקשור את הרצף לגלילה. Lenis הוא תוספת אפשרית להחלקה.
מה המשתמש
צריך לזכור?
בוחרים מוקד מוצר, כותרת, עולם או פעולה.
נותנים לתנועה תפקיד לחשוף, להסביר או להגיב.
משאירים אזורים שקטים כדי שיהיה נעים לקרוא ולהמשיך.
״וואו״ יכול להיות גם צילום מצוין, טיפוגרפיה או קומפוזיציה שקטה.
כיוון, רפרנס, מערכת עיצוב ונכסים — נכנסים לאותה בקשת בנייה.
הדרים, פריחת תפוז ועץ רך.
ניחוח חם שנשאר קרוב.
AMBER / 01 · מותג דמיוני שנבנה לתרגול במצגת · פריסה בסיסית שנבנתה להמחשה
הדרים, פריחת תפוז ועץ רך.
ניחוח חם שנשאר קרוב.
AMBER / 01 · מותג דמיוני שנבנה לתרגול במצגת · תמונה גדולה יותר וקומפוזיציה מכוונת
מסתכלים על מה שהתקבל, בוחרים מה לשפר ומנחים שוב.
שומרים: התמונה, האור, הצבעים והתוכן.
הדרים, פריחת תפוז ועץ רך.
ניחוח חם שנשאר קרוב.
הדרים, פריחת תפוז ועץ רך.
ניחוח חם שנשאר קרוב.
השוואה מבוקרת שנבנתה להרצאה. התוכן והנכס נשמרו בין הגרסאות.
| לקוח | שלב | תאריך | פעולה |
|---|---|---|---|
| סטודיו נועה | אישור עיצוב | 12.09 | אישור |
| בית אור | איסוף תוכן | 15.09 | העלאה |
| מיקה | בנייה | 18.09 | צפייה |
השלב הבא: לעבור על ההצעה
ולשלוח אישור עד 12.09.
אותו מידע. חוויה שמבהירה ללקוח מה לעשות עכשיו.
למי בונים, מה רוצים שירגישו, מה רואים ומה עושים.
חמש החלטות חזותיות, מותאמות למוצר שלכם.
תמונה שנבחרה בכוונה ושינוי אחד לבדיקה בסבב הבא.
בחרו פתיחה אחת — ובנו משהו שתרצו להראות.
הזיזו את הסמן מעל הדוגמה
הפער במהירויות הוא שיוצר את תחושת העומק.
יש לכם לקוח שצריך אתר או ממשק
לצד המערכת והאוטומציות שאתם בונים?
אשמח לשמוע על הפרויקט
ולבדוק אם מתאים לנו לעבוד יחד.
לחצו מחוץ לתמונה או על Esc כדי לסגור