מיפוי לפי תוכן

יש סדרה של תמונות שראוי להציג אחת-אחת במרכז הבמה?

Creative Scale Active · לפחות 5 תמונות חזקות שכל אחת עומדת לבד (עבודות, חללים, רגעים), כשהאמצעית בפוקוס

swiper

יש סדרת תמונות שכל אחת צריכה שם ומשפט שמתחלפים איתה?

Sync with Vertical Text · גלריה של יעדים או פרויקטים שלכל תמונה כותרת קצרה ומשפט (סיורים, נכסים)

swiper

הגולש צריך לדפדף בתמונות גדולות אחת אחרי השנייה?

Lightbox Navigation · תמונה אחת גדולה בכל פעם, בלי חצים, עם ספירה (גלריית תיק עבודות, סיפור בתמונות)

swiper

הנקודות של הגלריה יושבות על תמונה, ובהירה עלולה להעלים אותן?

Dots on a pill · כרטיס עם כמה תמונות, כשהנקודות יושבות על התמונה (נכס, חדר, מוצר)

swiper

יש הרבה פריטים קטנים שמספיק להראות שהם קיימים, בלי לבחור ביניהם?

Autoscroll (מארקי) · שורה של 6 ומעלה פריטים קטנים שלא צריך לקרוא אחד-אחד (לוגואים של לקוחות, תמונות אווירה)

fancybox

הגולש ירצה לבחור תמונה מתוך סדרה ולפתוח אותה בגדול?

Carousel with thumbs · 5 עד 20 תמונות של דבר אחד, עם שורת תמונות קטנות לבחירה ופתיחה בגדול (מוצר, חדר, פרויקט)

fancybox

הגלריה נצפית בעיקר בטלפון, וצריך לרמוז שיש עוד תמונות?

Carousel: peek בטלפון · גלריית מוצר בטלפון, כשהתמונה הבאה מציצה מהצד

fancybox

יש הרבה תמונות של מקום אחד, והגולש בא לבדוק אותו לפני הזמנה?

BookingGallery · 10 ומעלה תמונות של נכס או מקום אחד (חדר, דירה, וילה, מסעדה), כמו בבוקינג או Airbnb

fancybox

ה-hero צריך כמה תמונות אווירה, ואף אחת לא צריכה להיבחר?

NetflixSlideShow · 3 עד 6 תמונות אווירה שמתחלפות לבד ברקע של hero, בלי חצים

fancybox

יש בדף אפקט שכדאי להראות בסרטון, כי חי בדף הוא ייראה כמו תוכן שמנסים ללחוץ עליו?

UkClip · סרטון קצר שהוקלט מאתר, כדי להראות אפקט בלי שיפעל בדף עצמו

components

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

Card on a picture · פתיחה של עמוד, או הפסקה עם קריאה לפעולה באמצע אודות / תמונת מקום רחבה, שרובה נשאר חשוף מ-960 ומעלה / כותרת, משפט ועד 3 כפתורים בכרטיס צר בטור אחד / בטלפון הכרטיס ממלא את הרוחב, והתמונה נראית רק עם רווח ריק מתחתיו

outside-the-box

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

Hover swap · מוצר או אובייקט, ותמונה שנייה שלו בשימוש או על אדם / כרטיסים בגריד שאפשר לרחף עליהם / שתי התמונות באותו יחס / רק בדסקטופ: בטלפון נשארת הראשונה

outside-the-box

יש למותג חומר או מקום שמתאים לו (מפה, נייר, בד), ודף בהיר שנראה ריק בלי שום דבר ברקע?

Page texture · מותג עם אופי של חומר או מקום (מפה, נייר, בד) / דף בהיר שנראה ריק או שטוח / חלש מאוד, כמה אחוזים / על הדף כולו, לא מאחורי כותרת

outside-the-box

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

Full-width picture · תמונה רוחבית מרשימה במיוחד, שעומדת לבד / הפרדה בין שני חלקים של הדף / בלי מלל ובלי תוכן מעליה / לרוב פעם אחת בדף

outside-the-box

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

Tabs Slider · 3 עד 6 נושאים בעלי שם קצר, לכל אחד תמונה וטקסט (מתקני מלון, תחומי טיפול)

swiper

יש רשימה שכל פריט בה נפתח להסבר ומחליף את התמונה לצדו?

Slider Sync Accordion · רשימת יתרונות או שירותים, לכל פריט שם, פסקה ותמונה משלו

swiper

יש קטגוריות שכדאי להציג יחד, אחת בהבלטה?

Material You Slider · כמה קטגוריות או תחומים עם תמונה גדולה ושם, כשהפעיל נפתח והאחרים צרים

swiper

הגולש בוחר קטגוריה ואז רואה רשימה שלמה שלה?

Tabs + panels · כמה קטגוריות, ובכל אחת רשימה שלמה משלה (חוף / תרבות / סקי, סוגי טיפולים)

swiper

יש רשימה שהכותרות מספיקות לסריקה, והתוכן נפתח לפי בחירה?

UkAccordion · שאלות ותשובות, או כל רשימה שבה כל פריט נפתח לפסקה

components

יש כמה גרסאות של אותו תוכן שהגולש בוחר ביניהן?

WebflowTabs · 2 עד 5 תצוגות של אותו נושא, כשרק אחת מוצגת בכל רגע

components

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

FancyboxHtml · תוכן שנפתח בחלון מעל העמוד (טופס, פירוט מלא, תנאים, סרטון)

fancybox

יש סרטון שמסביר את הנושא, ולא רוצים שהעמוד יטען אותו מראש?

FancyboxVideo · סרטון יוטיוב אחד ליד הסבר: תמונה עם כפתור הפעלה, והסרטון נפתח בחלון

fancybox

צריך חלון קופץ בקוד HTML פשוט, בלי רכיב?

Vanilla HTML popup · אותו חלון קופץ, בלי React: כפתור ו-div בעמוד שכתוב ב-HTML פשוט

fancybox

גולש במחשב ירוויח מתצוגה מקדימה בריחוף, בלי ללחוץ?

UkTooltipCard · פריט קטן שמסתיר מאחוריו תמונה ופרטים (תבנית, מוצר בכרטיס קטן)

components

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

UkCheckList · שלוש עד חמש שורות קצרות מתחת לפסקה, שקל יותר לסרוק מעוד פסקה

components

יש בעמוד חלק שמופיע ריק לכמה שניות עד שהוא נטען?

UkLoader · משהו שנטען לאט בתוך העמוד (מפה, iframe, וידאו, טופס חיצוני)

components

שווה למבקר לחכות כשתי שניות בכניסה הראשונה בשביל רגע פתיחה?

UkPageLoader · אתר שהפתיחה היא חלק מהרושם שלו (סטודיו, מותג, פורטפוליו), לא אתר שמחפשים בו טלפון

gsap/loaders

הקורא צריך להעתיק את הטקסט הזה?

UkCopyBox · טקסט שהקורא צריך לקחת ולהדביק במקום אחר (פרומפט, קוד, כתובת)

components

רוצים להראות אתר אמיתי שאפשר לגלול בו, ולא רק צילום מסך?

UkLiveFrame · אתר או עמוד חי שמציגים בתוך העמוד, עם מעבר בין מחשב, טאבלט וטלפון (עבודות, דמואים)

components

יש סרטון שרק חלק מהגולשים יפעילו?

UkWistia · סרטון שמתארח ב-Wistia, כשהעמוד צריך להיפתח מהר

components

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

UkReadMore · טקסט ארוך שרוב הקוראים לא צריכים במלואו (ביוגרפיה, תיאור מפורט, תנאים)

components

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

Split banner · קריאה לפעולה, הרשמה לניוזלטר / משפט אחד ושדה או כפתור / בין שני רקעים בהירים שונים, למשל לבן ואז פוטר אפור / הבאנר בצבע חזק משלו

outside-the-box

יש למותג שני צבעים, כהה ובהיר, ודף ארוך שכל הסקשנים שלו על אותו רקע בהיר?

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

outside-the-box

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

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

outside-the-box

יש בכותרת כמה מילים שהן העיקר, והדף נראה יבש בלי משהו שהעין נוחתת עליו?

Title play · כותרת של hero או של סקשן מרכזי / כמה מילים בכותרת שהן העיקר / פעם או פעמיים בדף, לא על כל כותרת

outside-the-box

האתר מוכר כלי שבו הלקוח כותב בקשה ומקבל דף או אתר מוכן, ויש כמה דוגמאות של בקשה וצילום מסך של הדף שיצא?

Hero Site Generator: a prompt becomes a site · מוצר שיש בו באמת שורת בקשה שמייצרת דף או אתר / כמה זוגות של בקשה קצרה בשורה אחת וצילום מסך של הדף שיצא / כפתור אמיתי אל הכלי ליד הרכיב, כי הוא תמונה של שדה ולא שדה / שטח רחב, בדרך כלל hero

coming-soon

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

Pictures on one grid · אודות, היכרות, סטודיו, פרויקט / 2 עד 3 תמונות מאותו עולם: דמות, פרט מהעבודה, מקום / מלל רגיל לידן

outside the box

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

Over the picture · כל split של מלל ליד תמונה / רצועה בהירה ושקטה בתמונה, בצד שפונה למלל (לכותרת) / צוות, שירותים או פרויקטים בשורות (לכרטיס) / סקשן באמצע העמוד עם תמונה מרשימה לרוחב המסך (לראש של סקשן)

outside the box

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

Band card · חבילות, שירות, אודות / תמונה אנכית אחת חזקה, ותמונה לפס או צבע / שתי פסקאות קצרות

outside the box

יש סקשן שהיה יושב בגריד שווה של עמודות, ואפשר לתת לו מקצב משלו?

Asymmetry · אודות, שירותים, פתיחה של עמוד, הצהרה, המלצה, קריאה לפעולה / תמונה חזקה אחת או כמה, מעט מלל

outside the box

יש 3 עד 4 יתרונות או מסלולים, עם תמונה או איור לכל אחד?

Bento · 3 עד 4 יתרונות, מסלולים או עקרונות / תמונה או איור לכל אחד / מלל קצר

outside the box

יש split של מלל ותמונה, בעמוד שכל השאר בו יושב על הקונטיינר?

uk-expand-to-edge · כל split של מלל ליד תמונה / תמונה רחבה שלא נפגעת כשהיא נחתכת בקצה המסך

outside the box

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

Container card · סקשן אחד שצריך לבלוט: תהליך, תפריט, מחירון, קריאה לפעולה / או תמונה רחבה של מקום, ומלל שלא קריא עליה ישירות / או תמונה מוגזמת בעמוד לבן, עם focal point בצד אחד וצד ריק למלל

outside the box

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

BG elements · אתר עם עולם ויזואלי / אלמנט שקוף ועדין בלי מסגרת, רקע נושם ולא משהו שתופס את העין: זר באתר חתונה, איור של מנה במסעדה / בלי שום מידע בתוכו / או סקשן על רקע חלק, בלי תמונה מתאימה (רשת, גרדיאנט)

outside the box

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

Tailwind website style · כל סקשן עם כותרת ותוכן / שלוש עמודות

outside the box