דוגמאות לעיצוב אתרים

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

אתר לקבוצת גיימינג מקצוענית בגרפיט וירוק־חומצי: שם ענק בקו מתאר שפס סריקה ממלא, מכ״ם חי על קנבס, כוונת שעוקבת אחרי העכבר, כרטיסי שחקנים שמתמלאים בנתונים בריחוף וספירה לאחור למשחק הבא.

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

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

אתר לליל טכנו שבו הטיפוגרפיה היא מופע האורות: אותיות ענק שפועמות כמו אקולייזר ב־132 BPM, לייזרים שעוקבים אחרי העכבר, אוסצילוסקופ שזז לפי הביט ושמות אמנים שזורמים לשני הכיוונים. בלי הבזקים מהירים.

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

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

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

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

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