07 ביוני 2013 17:21/ 4 סימוני אהבתי

אל טורו

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

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

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

15 תגובות לאל טורו

ואו ! מהמם 😮
אשמח לעבוד איתך במידת הצורך (פיתוח אתרים HTML ).

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

עוד הערה אחת כללית, הסוג הזה של האתרים בד"כ נועד לאתרים של עמוד אחד. לפי הקונספט שלך, יש עוד מספר עמודים (בד"כ הלינקים שבתפריט יקפיצו אותך למיקום בעמוד, פה זה לא המקרה). יותר מזה, האתר אמור לתת אפשרות להזמין אוכל - חסר מאד איזה call-to-action שיהיה ברור ויקפוץ ישר ("הרכב לעצמך מנה" שבתפריט לא עושה את העבודה לדעתי, הוא משתלב יותר מדי עם הרקע ולכן לא בולט מספיק).

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

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

עריכה: שיפור עלה, באותו לינק.

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

מעולה, פשוט תענוג של עיצוב 😄
Added to fav 😄

נראה מצויין
אהבתי מאוד את הלוגו ואת הזרימה של התוכן באתר

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

לסיכום , עיצוב באמת ברמה מאוד גבוהה.
**אהמ עבודת השבוע אהמ**

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

דבר ראשון אני נהנה לקרוא תגובות מלאות מכם עם המון הערות, זה רק מחשל אותי 😄

עדן, במקרה הכנתי שני גרסאות של הבאר המתחלף,
http://up380.siz.co.il/up2/jyytzzkzqm02.png

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

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

נראה ממש טוב

לי טיפה ענק מידי

@]

נראה ממש טוב

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

עבודה מעולה, חלום למעצב, סיוט למקודד 😄

אהבתי לחלוטין.

@]

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

וואו. נראה ממש טוב. הוא קצת ענק והמתכנת יצטרך ליצור תאימות למסכים יותר קטנים
הייתי ממליץ לך על תאימות כזאת: http://css-tricks.com/
מתחת ל 400 פיקסלים בערך האתר קטן בהתאמה לרוחב הדפדפן - תשתמשו בזה.

יותר מהכל - אמיץ! הכי חשוב!
עיצוב מקסים!

מת על העיצובים שלך !
הייתי מעיף את הצל בהרכב לך מנה

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