Italiana - קונספט לאתר של מסעדה איטלקית
קונספט לאתר של מסעדה איטלקית עם כמה סניפים, סביב הרעיון ״איטליה. בלי לטוס.״ הזמנת שולחן נראית ככרטיס עלייה למטוס, המנות הן בולי דואר והסניפים מוצגים כלוח המראות.
מה עשינוקונספט, עיצוב, איורים ופיתוח
מסכים
יכולות
- 01
הזמנת שולחן ככרטיס עלייה
טופס ההזמנה נראה ככרטיס טיסה מהבית שלכם לאיטליה. בוחרים סניף, תאריך, שעה ומספר סועדים. כרגע השליחה מחייגת לסניף שנבחר, ובהמשך אפשר לחבר מערכת הזמנות.
- 02
הסיפור של המקום כדרכון
הקטע על המקום הוא דרכון פתוח עם חותמות של טאבון העצים, חומרי הגלם מאיטליה, הפסטה הטרייה והמנות הטבעוניות.
- 03
מנות כבולי דואר
ארבע מנות הדגל מוצגות כבולים עם שוליים משוננים, מחיר בפינה ותגיות כמו צמחוני, טבעוני וללא גלוטן.
- 04
הסניפים כלוח המראות
שמונה הסניפים מוצגים כמו לוח המראות בשדה תעופה, עם כתובת, שעות וכפתור חיוג. אפשר לסנן לפי ארבעה אזורים.
- 05
עמוד תפריט
פתיחה, פיצות, פסטה וקינוחים, עם מחירים, תגיות ותוספות. פס הקטגוריות נשאר למעלה כשגוללים ומראה באיזו קטגוריה אתם.
- 06
מובייל
כל הרכיבים מותאמים לטלפון. לוח ההמראות הופך לרשימה עם כפתור חיוג, ותפריט הניווט נפתח מכפתור.
איך זה עובד
מגיעים לעמוד הבית
הפתיח אומר ״איטליה. בלי לטוס.״, ומתחתיו גוללים דרך הסיפור של המקום, מנות הדגל, היין והאירועים. כל קטע נראה כמו חלק מטיסה לאיטליה.
עוברים על התפריט
בעמוד התפריט קופצים בין פתיחה, פיצות, פסטה וקינוחים. ליד כל מנה יש מחיר, תוספות ותגיות כמו טבעוני או ללא גלוטן.
מוצאים סניף קרוב
בלוח ההמראות בוחרים אזור ורואים את הסניפים שבו, עם כתובת ושעות פתיחה. כפתור החיוג מתקשר ישר לסניף.
מזמינים שולחן
בכרטיס העלייה בוחרים סניף, תאריך, שעה וכמה סועדים. השליחה מחייגת לסניף שבחרתם, ואת ההזמנה סוגרים איתם בטלפון.
על הפרויקט
הרקע
Italiana הוא קונספט לאתר של מסעדה איטלקית, עם טאבון עצים, פסטה טרייה, יין ושמונה סניפים מעכו ועד באר שבע. המסעדה לא קיימת. הסניפים, הכתובות, הטלפונים, השעות והמחירים הם נתוני דוגמה.
רוב אתרי המסעדות נראים אותו דבר, עם צילום אוכל גדול, תפריט PDF וטופס יצירת קשר. רצינו לבדוק כמה רחוק אפשר ללכת עם רעיון אחד ועדיין לתת למסעדה הזמנת שולחן, רשימת סניפים ותפריט.
מה בנינו
הרעיון הוא ״איטליה. בלי לטוס.״, וכל קטע באתר בנוי סביבו. הזמנת שולחן היא כרטיס עלייה למטוס. הקטע על המקום הוא דרכון עם חותמות. מנות הדגל הן בולי דואר עם מחיר ותגיות. רשימת הסניפים היא לוח המראות, עם סינון לפי אזור וכפתור חיוג לכל סניף. יש גם קטע יין וקוקטיילים, קטע אירועים, וכרטיסים למשלוחים, לשובר מתנה ולמועדון החברים.
בעמוד התפריט יש פתיחה, פיצות, פסטה וקינוחים, ופס קטגוריות שנשאר בראש המסך. כל האיורים, מהפיצה ועד בקבוק היין, מצוירים בקוד. אין באתר אף צילום.
החלטות מרכזיות
הרעיון לא פוגע בשימוש. כרטיס העלייה הוא עדיין טופס רגיל עם שדות ותוויות, ולוח ההמראות הוא עדיין רשימה עם כתובת, שעות וטלפון.
כל התוכן יושב בקובץ אחד, מהסניפים והשעות ועד המנות והמחירים. כדי להפוך את הקונספט לאתר אמיתי מחליפים שם את נתוני הדוגמה.
דאגנו גם לנגישות. קורא מסך יודע איזה סינון פעיל בלוח ההמראות, טופס בלי סניף מציג הודעה, והאיורים הדקורטיביים מוסתרים ממנו.
בטלפון חלק מהרכיבים נראים אחרת. לוח ההמראות הופך לרשימה עם כפתור חיוג גדול, כרטיס העלייה מסדר את השדות מחדש, והתפריט הראשי נפתח מכפתור.
איפה זה היום
זה קונספט. כדי שזה יהיה אתר של מסעדה צריך לחבר מערכת הזמנות, להחליף את נתוני הדוגמה ולהוסיף הצהרת נגישות ומדיניות פרטיות.
טכנולוגיות
- Next.jsWEB
- ReactUI
- TypeScriptLANG
- CSS
- SVG
- next/font
רוצים לבנות משהו דומה?
קראו על בניית דפי נחיתה, או ספרו לנו על הפרויקט שלכם. נקבע שיחת היכרות קצרה ונחזור עם הצעה מותאמת.