פרויקט 01 · נבנה ישר ב-HTML

חנות אונליין
לאביזרי אופנוע

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

שנה
2026
תפקיד
מחקר · עיצוב · בנייה
לקוח
יבואנית רכב גדולה
משך
אוגוסט–נובמבר 2026
טיוטה: כל הטקסטים בעמוד מחכים לנוסח של בן. המשך "אוגוסט–נובמבר" הוא הערכה לפי תאריכי הקבצים, לא נתון שבן אישר.
  1. 0121עמודים, מעמוד הבית ועד אישור ההזמנה
  2. 02156תיקונים מתועדים, כל אחד עם הגרסה הקודמת לצידו
  3. 03227גרסאות בנייה, כל אחת נבדקה ב-375, 768 ו-1440
ניווט הפרקים נעוץ בצד מ-1024 ומעלה ומסמן את הפרק שבמסך. מתחת ל-1024 הוא שורה נגללת אופקית מתחת להדר.

סקירה01

על הפרויקט
אחריות
כלים

הבעיה02

ההקשר
למה בלי פיגמה
הסיכון

התהליך03

מחקר

ממתין לתוכן מבן

רפרנסים

ממתין לתוכן מבן

כיוונים

ממתין לתוכן מבן

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

האב-טיפוס04

פתיחה במסך מלא

האב-טיפוס נטען רק כשהפרק מתקרב למסך (7.6MB). הוא מוצג ברוחב אמיתי, 1440 או 375, ומוקטן למסגרת. במבט מפתח נדלקות בתוכו ההערות לפיתוח שלו (show-round). העותק נוצר על ידי mask_proto.py ולא נערך ביד.

לפני / אחרי05

לפני אחרי
הצילומים נלקחו מהעותק המוסתר עם המתג הפנימי של האתר (body.is-before), ברוחב 1440. מתחת ל-768 מוצג זוג הצילומים של המובייל. הלפני הוא בצד שממנו מתחילה הקריאה.

סבבי הערות06

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

מה הפיתוח מרוויח07

  1. 01

  2. 02

  3. 03

  4. 04

הפרויקט הבא בקרוב