מה יש בעמוד
מי שמחפש אתרים לדוגמא מחפש בדרך כלל אחד משלושה דברים: לראות איך נראה אתר טוב לפני שמזמינים אחד, למצוא כיוון עיצובי, או פשוט להבין מה אפשר לעשות בתקציב סביר. בעמוד הזה יש את שלושתם.
ריכזנו כאן דוגמאות אמיתיות לאתרים שבנינו, עם הסבר קצר על מה כל אחד היה צריך לפתור, ואחריהן רשימת גלריות עיצוב בינלאומיות שאנחנו עצמנו עובדים איתן. בסוף יש שיטה קצרה להסתכל על אתר לדוגמא בלי ליפול למלכודת הרגילה.
איך מסתכלים על אתר לדוגמא נכון
הטעות הנפוצה היא להסתכל על אתר ולהגיד: אני רוצה כזה. אבל אתר הוא פתרון לבעיה של עסק מסוים. מה שעובד למעצבת פנים לא בהכרח יעבוד לחנות פיצוחים, וגם ההפך.
שלוש שאלות ששוות יותר מכל השראה ויזואלית:
- מה הפעולה שהאתר רוצה שתעשו? אם לא זיהיתם אותה תוך חמש שניות, העיצוב לא עובד, כמה שהוא יפה.
- למי הוא מדבר? אתר למוסד ציבורי ואתר למאמן אישי נראים אחרת מסיבה טובה. תשוו לאתרים בקהל היעד שלכם, לא לאתרים שמצאו חן בעיניכם.
- ממה הוא ויתר? אתר טוב מזוהה במה שאין בו. תפריט קצר, מסך פתיחה אחד, בלי קרוסלה שאף אחד לא גולל.
אתרים לדוגמא מתוך תיק העבודות שלנו
כל האתרים כאן הם פרויקטים אמיתיים שבנינו, מסודרים לפי סוג האתר ולא לפי יופי. ליד כל אחד כתוב מה שווה לשים לב אליו.
פיצוחי שאדי – חנות מקוונת לממכר פיצוחים, פירות ופירות יבשים
חנות מקוונת עם מאות פריטים שנמכרים במשקל. האתגר כאן הוא לא העיצוב אלא ההזמנה עצמה. שימו לב איך עמוד המוצר מטפל בבחירת כמות. לצפייה בפרויקט
מרכז הבמה – פורטל תוכניות מגוון ועדכני של הציבור החרדי
פורטל תוכן שמתעדכן כל הזמן. שימו לב איך נראה עמוד ראשי שצריך להציג הרבה תוכן חדש בלי להיראות עמוס. לצפייה בפרויקט
50 גוונים של חופש – ערן שטרן – עמוד נחיתה לריטריט
עמוד נחיתה יחיד עם מטרה אחת: הרשמה. שימו לב שאין תפריט שמסיח למקום אחר. לצפייה בפרויקט
מעצבת פנים אלונה אורלן – עמוד נחיתה
כשהמוצר הוא ויזואלי, התמונות הן התוכן. שימו לב ליחס בין תמונה לטקסט. לצפייה בפרויקט
אתר תדמית למורה דרך – חיליק ולד
אתר תדמית לבעל מקצוע יחיד. האתגר הוא לבנות אמון מהר, בלי מותג גדול מאחור. לצפייה בפרויקט
זוזו – הדרכה לבעלי מוגבלויות – קרן שלם
אתר לארגון ציבורי. נגישות כאן היא לא תוספת בסוף הפרויקט, היא נקודת המוצא. לצפייה בפרויקט
קונסרבטוריון הסדנא ירושלים – (בי"ס) למוזיקה
מוסד חינוכי עם שלושה קהלים שונים: הורים, תלמידים ומורים. שימו לב איך הניווט מפצל ביניהם. לצפייה בפרויקט
ג'רוזלם שמן זית – מכירת שמנים ובית בד
עסק עם סיפור ומוצר פיזי. שילוב של תדמית ומכירה באותו אתר. לצפייה בפרויקט
סמארט סטארט – השקעות נדל"ן – יובל שוורצמן
תחום שבו האמון הוא הכל. שימו לב לכמות ההוכחות ולרמת הפירוט. לצפייה בפרויקט
אבא פוסטמטי – ספר ילדים
אתר סביב מוצר בודד. כל העמוד עונה על שאלה אחת. לצפייה בפרויקט
ראויה – אתר למטפלת
אתר למטפלת אישית. הטון והצבע עושים כאן חצי מהעבודה. לצפייה בפרויקט
100 ימים של נדלן – קורס להתפתחות אישית וכלכלית
עמוד מכירה לקורס. מבנה קלאסי של דף מכירה ארוך, שלב אחרי שלב. לצפייה בפרויקט
גלריות עיצוב בינלאומיות ששווה להכיר
אלה המקומות שאנחנו עצמנו נכנסים אליהם לפני פרויקט חדש. בדקנו את כולן מחדש בספטמבר 2026 ושינינו את הרשימה בהתאם.
- Awwwards.com פרס יומי לאתרים. הרמה גבוהה מאוד, אבל שימו לב שחלק גדול מהאתרים שם הם ראווה טכנית ולא אתרים שמוכרים.
- SiteInspire.com אוסף מסודר שמתעדכן יומית, נוח לסינון לפי סגנון וסוג אתר.
- CSSDesignAwards.com פרסים יומיים עם דגש על ביצוע טכני. טוב לראות מה אפשר לעשות בדפדפן.
- Behance.net תיקי עבודות של מעצבים. טוב לראות קונספט שלם, לא רק אתר חי.
- Dribbble.com קטעי מסך קצרים. מצוין לרעיון נקודתי, פחות למבנה של אתר שלם.
- ThemeForest.net תבניות לרכישה. אפשר למיין לפי כמות מכירות ולהבין מה עובד בשוק בפועל.
- Webdesign-Inspiration.com גלריה רחבה שממשיכה להתעדכן, עם חלוקה לפי סגנונות וצבעים.
- BrutalistWebsites.com אוסף אתרים בסגנון ברוטליסטי. לא לכל עסק, אבל מרענן אם נמאס לכם מאותו דבר.
- Pttrns.com מתמקד בממשקי מובייל ואפליקציות, עם אלפי דוגמאות למסכים ספציפיים.
עדכון: Niice.co הופיע בגרסה הקודמת של הרשימה הזו. הוא כבר לא שירות השראה אלא פלטפורמה לניהול נכסי מותג, ולכן הורד מהרשימה.
שאלות נפוצות
איפה אפשר לראות אתרים לדוגמא בעברית?
בעמוד הזה יש שתים עשרה דוגמאות לאתרים ישראליים חיים מתיק העבודות שלנו, מחנות מקוונת ועד אתר למוסד חינוכי. היתרון של דוגמא ישראלית הוא שהיא מראה אתר שעובד בעברית ומימין לשמאל, משהו שגלריות בינלאומיות לא מראות.
איך יודעים אם אתר בנוי בוורדפרס?
הדרך הפשוטה היא להוסיף לכתובת את הסיומת wp-admin ולראות אם נפתח מסך כניסה של וורדפרס, או לחפש בקוד המקור של העמוד את הנתיב wp-content. רוב האתרים בדוגמאות שלנו בנויים בוורדפרס עם אלמנטור.
מותר להעתיק עיצוב מאתר לדוגמא?
יש הבדל בין השראה להעתקה. מבנה עמוד, סדר סקשנים ורעיון ניווט הם נחלת הכלל. טקסטים, תמונות, איורים וקוד מוגנים בזכויות יוצרים ואסור לקחת אותם. בפראקטיקה: קחו רעיונות, לא קבצים.
מה ההבדל בין אתר תדמית לעמוד נחיתה?
אתר תדמית עונה על כמה שאלות ומשרת כמה קהלים, ולכן יש בו תפריט וכמה עמודים. עמוד נחיתה עושה דבר אחד ומסיר כל דבר שמסיח ממנו, כולל התפריט. בדוגמאות למעלה יש את שני הסוגים זה לצד זה.
איך בוחרים אתר לדוגמא שמתאים לעסק שלי?
תתחילו מהפעולה ולא מהעיצוב. אם המטרה היא לקבל טלפון, תחפשו דוגמאות שמביאות לטלפון. אם המטרה היא מכירה ישירה, תחפשו חנויות. דוגמא מתחום אחר שנראית מדהימה היא לרוב הסחת דעת.
רוצים אתר כזה? בואו נדבר. ספרו לנו מה העסק שלכם צריך, ונציע את הדרך המתאימה. לעמוד יצירת קשר
