דלג לתוכן
01 / case studyבארכיון

PlayBuz - ממשק חנות משחקי מחשב (דמו)

דמו מ-2023 של חנות משחקי מחשב בסגנון Steam ו-Epic. יש עמוד חנות עם משחק מוביל ומבצעים, ועמוד לכל משחק עם תמונות, תגיות ומחיר. זה ממשק בלבד, ושום דבר לא נמכר.

מה עשינועיצוב ופיתוח

מסגרת
פרויקט דמו, ממשק בלבד
פלטפורמה
Web, דסקטופ
תוכן
7 משחקי דמו קבועים
שפה
אנגלית
שנה
2023
עמוד החנות של PlayBuz עם סרגל צד, פאנל סינון, באנר משחק מוביל ושורת מבצעים
03 / screens

מסכים

שורת המבצעים.
עמוד משחק.
04 / features

יכולות

  • 01

    עמוד חנות

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

  • 02

    שורת מבצעים

    כרטיסים עם עטיפת המשחק, שם, מחיר וכפתור Buy Now, שנכנסים בתנועה.

  • 03

    עמוד משחק

    תמונה גדולה עם תמונות ממוזערות להחלפה, תגיות, תיאור, מחיר וכפתור הוספה לסל.

  • 04

    ניווט כמו בלאנצ'ר

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

05 / how it works

איך זה עובד

  1. נכנסים לחנות

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

  2. פותחים משחק

    לוחצים על משחק ומגיעים לעמוד שלו, עם תמונות, תגיות, תיאור ומחיר.

  3. לוחצים על קנייה

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

06 / about

על הפרויקט

הרקע

PlayBuz הוא דמו של חנות משחקי מחשב, בסגנון של Steam ו-Epic. בנינו אותו באפריל ובמאי 2023 כפרויקט עיצוב, בלי לקוח.

מה בנינו

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

החלטות מרכזיות

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

איפה זה היום

הדמו באוויר ב-pbuz.amireliz.co.il, והוא בנוי למסך מחשב. שמות המשחקים, התיאורים והתמונות הם תוכן דמו, והתמונות הן עטיפות וצילומים רשמיים של המשחקים. שום דבר בחנות לא נמכר.

07 / stack

טכנולוגיות

  • Next.jsWEB
  • ReactUI
  • TypeScriptLANG
  • Tailwind CSSUI
  • Mantine
  • Framer Motion
  • SCSS
  • Vercel
08 / next step

רוצים לבנות משהו דומה?

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