עיצוב, חידוד וקידוד לאתר

אפיון לעיצוב אתר.

מדובר בעיצוב בעל תבנית אחת אשר חוזרת על עצמה בכמעט כל דפי האתר כאשר מרכז הדף תמיד משתנה.

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

www.facebook.com
www.flickr.com
http://www.fotolia.com/
http://brightkite.com/
http://www.powerset.com/
http://www.storenvy.com/
http://www.getbackboard.com/

להלן העיצוב לדפים השונים:

תבנית דף כללית – תשמש את כל הדפים

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

דף הבית –

1) סלוגן\כותרת גדולה במרכז המסך.
2) באנר פלאש במרכז המסך (הבאנר מאופיין בנפרד בסוף סעיפי האפיון).
3) מתחת לבאנר הפלאש שלושה בלוקים של טקסט וקישורים בסגנונות שונים.
4) תיבת הודעות\חדשות.

דפים נוספים –

1) 6 דפי טפסים. יכילו שדות למילוי בצירוף טקסט, כותרות, הודעות שגיאה במידה והטופס לא מו��א כמו שצריך וכו'. גודל הטפסים נע בין שדה מילוי אחד לבין 9 שדות למילוי.


2) 3 דפי הסבר\טקסט. יכילו כותרת, טקסט, מספר קישורים ואייקון\תמונה מתאימה. כל הדפים האלה מאוד דומים אחד לשני, מדובר על שינויים קלים בין דף לדף.

3) דף מפת אתר\מרכז עזרה. יכיל רשימת קישורים והסברים קצרים לידם.

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

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

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

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

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

10) דף תוכן + חלון וידאו. יהיה זהה לגמרי לדף בסעיף תשע חוץ מתוספת של חלון וידאו בסגנון יוטיוב (הוידאו מיוצר על ידנו).

11) באנר פלאש בדף הבית. באנר אינטראקטיבי בגודל בערך של 750*250 פיקסל. הבאנר מחולק לשלושה חלקים, כשהעכבר עובר מעל כל החלק מגיב החלק באנימציה נחמדה, כשהעכבר לוחץ על כל חלק הדף משתנה לדף אחר (החלקים מתפקדים כקישורים).

12) לוגו לאתר.

הערה חשובה – בבקשה לתמחר את הבאנר בנפרד ואת הלוגו בנפרד.

הערות כלליות על העיצוב:

1) יש צורך בקביעת קונספט כללי לאתר – צבעים שולטים, רקע, פונטים וכו...

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

חיתוך וקידוד האתר:

1) כל הדפים צריכים להיות חתוכים לטובת קידוד העיצוב.
2) כל הדפים צריכים להיות מקודדים ב:
XHTML, CSS
כאשר הדפים בנויים בדיבים ולא מטבלאות.
3) כל הדפים צריכים להתאים באופן מושלם לכל גרסאות האקספלורר, פיירפוקס וכרום.
4) כל הדפים צריכים לעבור ואלידצית קוד (דף תוצאות ירוק!) באתר הבדיקות של
W3C
5) הקוד של כל הדפים צריך להיות חסכוני, קצר ויעיל.

הערה חשובה – עניין קידוד העיצוב מאוד מאוד מאוד חשוב לנו (!!!). הקוד חייב להיות תקני ותואם את כל הדפדפנים. בנוי בצורה נכונה כאשר כל הגדרות העיצוב בקבצים חיצוניים.



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

תודה רבה!