Obsidian Gaming
طراحی یک فضای منظم برای کشف، نقد و گفت‌وگو درباره‌ی بازی‌ها
خلاصه
Obsidian Gaming یک پروژه‌ی مستقل UI است. یک محصول دیجیتال را در حوزه‌ای که به آن علاقه دارم از ابتدا طراحی کردم. هدفم فقط چند صفحه‌ی زیبا نبود. می‌خواستم تجربه‌ای بسازم که بازیکن در آن بازی‌ها را کشف کند، اطلاعاتشان را بررسی کند و با خیال راحت‌تری بازی بعدی‌اش را انتخاب کند.
این پروژه فرصتی بود تا مسیر کامل یک ایده را طی کنم: مفهوم اولیه، ساختار صفحه‌ها، طراحی رابط کاربری و در آخر ساخت یک دموی قابل تعامل.
مسئله
نقطه‌ی شروع، تجربه‌ی شخصی خودم از پلتفرم‌های ایرانی مثل زومجی و سایت‌های دانلود بازی بود. تقریباً همه یک مشکل مشترک داشتند: دسته‌بندی درست و منظمی برای پیدا کردن بازی نداشتند.
برای همین تمرکزم را روی یک تجربه‌ی یکپارچه‌ی «کشف بازی» گذاشتم، نه یک فروشگاه یا مرجع دانلود. در این تجربه جست‌وجو، فیلتر، امتیاز، محتوای مرتبط و اطلاعات هر بازی در یک محیط منسجم کنار هم می‌آیند. به‌جای بازطراحی یک محصول موجود، راه‌حل خودم را برای این مسئله پیشنهاد دادم.
مخاطب
گیمرهایی که بازی‌های جدید را دنبال می‌کنند و پیش از انتخاب به اطلاعات، امتیازها و محتوای مرتبط نیاز دارند:
- بازیکنی که دنبال بازی بعدی‌اش است
- بازیکنی که چند عنوان را با هم مقایسه می‌کند
- بازیکنی که می‌خواهد از راه ویدیوهای سازندگان و انجمن‌ها با تجربه‌ی دیگران آشنا شود
این مخاطب‌شناسی فعلاً بر پایه‌ی فرضیه‌ی خودم است و هنوز با تحقیق کاربری تأیید نشده.
فرایند
- ایده: بخش‌هایی را مشخص کردم که تجربه‌ی کشف بازی را کامل می‌کنند.
- ساختار: چیدمان صفحه‌ها، نمایش اطلاعات بازی، جست‌وجو و فیلترها، و کارت بازی.
- طراحی بصری: بعد از جا افتادن ساختار، هویت بصری را بر پایه‌ی فضای gaming پروژه جلو بردم.
- لایو دمو: بخشی از طرح را به یک دموی قابل تعامل تبدیل کردم تا تعامل‌ها فقط در حد تصویر ثابت نمانند.
پروژه از اواسط تیر ۱۴۰۵ شروع شد. در طول مسیر دامنه‌اش بزرگ‌تر شد و صفحه‌ی جزئیات بازی و چند صفحه‌ی دیگر به آن اضافه شدند. طراحی در Figma انجام شد و لایو دمو روی WordPress منتشر شد.
تصمیم‌های کلیدی طراحی
۱. جست‌وجو و فیلتر، پیش از فهرست
در یک پلتفرم کشف بازی، کاربر گاهی از اول بازی مشخصی در ذهن دارد و گاهی می‌خواهد با معیارهای مختلف بین چند بازی بگردد. برای همین جست‌وجو و فیلترها بالای صفحه‌اند و پیش از مرور فهرست در دسترس‌اند.
هدف، کوتاه کردن مسیر رسیدن به ابزارهای اصلی بود. کاربر لازم نیست اول همه‌ی محتوا را مرور کند و بعد به ابزار محدود کردن نتایج برسد.
۲. کارت بازی: دو امتیاز، دو دکمه
دو امتیاز، دو نوع ارزیابی متفاوت‌اند:
- امتیاز انجمن: نظر جامعه‌ی بازیکنان درباره‌ی بازی.
- امتیاز آبسیدین: امتیاز اختصاصی پلتفرم، بر پایه‌ی معیارهای مشخص و یک چارچوب ارزیابی مستقل.
کنار هم دیدن این دو، مقایسه‌ی نظر جمعی بازیکنان با ارزیابی پلتفرم را ممکن می‌کند. ولی برای اینکه این ایده به یک سیستم قابل اعتماد تبدیل شود، معیارها و روش محاسبه‌ی هر امتیاز باید دقیق تعریف شوند. این کار هنوز انجام نشده.
دو دکمه هم برای دو قصد متفاوت کاربرند:
- «میخوام بازی کنم»: بازی را به فهرست شخصی اضافه می‌کند، بدون اینکه کاربر از صفحه بیرون برود.
- «جزئیات»: به صفحه‌ی اختصاصی بازی می‌برد، برای بررسی دقیق‌تر.
۳. ویدیوهای سازندگان و انجمن‌ها
انتخاب بازی فقط به متن و امتیاز محدود نیست. ویدیوهای سازندگان تصویر ملموس‌تری از فضا، گیم‌پلی و سبک بازی می‌دهند. انجمن‌ها راهی به گفت‌وگوها و تجربه‌های بازیکنان دیگرند.
با این بخش‌ها می‌خواستم محصول از یک فهرست ساده‌ی بازی فراتر برود و ظرفیت تبدیل شدن به محیطی برای کشف، بررسی و تعامل را پیدا کند. در دموی فعلی این دو بخش نمایشی‌اند و به سرویس واقعی محتوا یا گفت‌وگو وصل نیستند.
۴. صفحه‌ی جزئیات بازی
کاربر بعد از کشف یک بازی برای بررسی بیشتر به این صفحه می‌آید. مشخصات و هر دو امتیاز در یک ستون کنار متن آمده‌اند و دکمه‌ی «میخوام بازی کنم» زیر آن‌هاست. تب‌ها بررسی آبسیدین، انجمن، ویدیوها و نیازمندی‌های سیستم را از هم جدا می‌کنند.
سیستم بصری
هویت بصری روی یک فضای تاریک، gaming و پرکنتراست بنا شده:
- خاکستری‌های تیره: زمینه‌ای عمیق و متمرکز
- قرمز: جلب توجه، برجسته کردن عناصر مهم و حس انرژی
این ترکیب با فضای مورد انتظار از یک محصول گیمینگ هماهنگ است و بین پس‌زمینه‌ی آرام و عناصر تعاملی تضاد روشنی می‌سازد. هدفم فقط استفاده از رنگ‌های رایج گیمینگ نبود. می‌خواستم هویتی قابل تشخیص بسازم و انسجام بصری بخش‌های مختلف محصول را حفظ کنم.
وضعیت پروژه
پروژه از مرحله‌ی Figma فراتر رفته و یک لایو دمو از آن روی سایت شخصی‌ام منتشر شده.
- قابل تعامل: جست‌وجو، فیلترها، افزودن بازی به فهرست شخصی و صفحه‌ی جزئیات.
- نمایشی: ویدیوها، پروفایل‌ها، بحث‌ها و خبرنامه. به بک‌اند یا سرویسی وصل نیستند.
این خروجی یک نمونه‌ی قابل تعامل از رابط محصول است، نه یک پلتفرم گیمینگ کامل و آماده‌ی استفاده‌ی عمومی.
اگر دوباره شروع می‌کردم
- اول ایده را اعتبارسنجی می‌کردم، بعد صفحه‌ها را گسترش می‌دادم. با چند گیمر حرف می‌زدم: چطور بازی انتخاب می‌کنند، موقع مقایسه به چه نگاه می‌کنند و امتیاز دیگران چقدر برایشان مهم است.
- دو امتیاز را می‌آزمودم. آیا واقعاً به تصمیم کمک می‌کنند یا سردرگمی می‌سازند؟
- نمونه‌ی اولیه را با کاربر تست می‌کردم. به‌خصوص مسیر جست‌وجو، فیلتر، ذخیره‌ی بازی و ورود به صفحه‌ی جزئیات.
- مرز نسخه‌ی اول را از ابتدا روشن می‌کردم. کدام قابلیت در نسخه‌ی اولیه قابل پیاده‌سازی است و کدام به زیرساخت مستقل نیاز دارد.
آنچه یاد گرفتم
این پروژه کمکم کرد تفاوت «طراحی یک قابلیت» و «ساختن یک سرویس واقعی» را بهتر بفهمم. طراحی بخش انجمن با پیاده‌سازی حساب کاربری، ذخیره‌ی اطلاعات و مدیریت گفت‌وگو یکی نیست.
Obsidian Gaming فرایند طراحی محصول، تفکر ساختاری و توانایی تبدیل طرح به دمو را نشان می‌دهد. هنوز هم می‌تواند با تحقیق کاربری، آزمودن تعامل‌ها و تکمیل بخش‌های نمایشی بهتر شود.
Summary
Obsidian Gaming is an independent UI project. I designed a digital product from scratch in a field I care about. The goal wasn't just a few good-looking pages: I wanted an experience where a player can discover games, look into them, and choose their next one with more confidence.
It was a chance to take one idea the whole way: from the first concept and page structure, through the interface design, to an interactive demo.
The problem
The starting point was my own experience with Iranian gaming platforms such as Zoomg and game download sites. Almost all of them shared one problem: there was no clear, well-organised way to find a game.
So I focused on a single “game discovery” experience rather than a store or a download hub: one where search, filters, scores, related content and each game's details sit together in one consistent place. Instead of redesigning an existing product, I proposed my own answer to the problem.
Audience
Gamers who follow new releases and want information, scores and related content before they choose:
- players looking for their next game
- players comparing a few titles
- players who want to hear from others through creator videos and forums
This audience is my own assumption for now. It hasn't been validated with user research.
Process
- Idea: I defined the parts that make game discovery complete.
- Structure: page layout, how game information is shown, search and filters, and the game card.
- Visual design: once the structure held, I built the visual identity around the project's gaming mood.
- Live demo: I turned part of the design into an interactive demo, so the interactions aren't just still images.
The project started in early July 2026. Along the way its scope grew, and a game details page and a few other pages were added. The design was done in Figma and the live demo is published on WordPress.
Key design decisions
1. Search and filters before the list
On a game discovery platform, sometimes the user already has a game in mind and sometimes they want to browse several games by different criteria. That's why search and filters sit at the top of the page, available before the list.
The aim was to shorten the path to the main tools. Users don't have to scroll through everything before they can narrow the results.
2. The game card: two scores, two buttons
The two scores are two different kinds of rating:
- Community score: what the player community thinks of the game.
- Obsidian score: the platform's own rating, based on defined criteria and an independent review framework.
Seeing both side by side lets players compare the crowd's view with the platform's. To make this a system people can trust, though, the criteria and the way each score is calculated need to be defined precisely. That hasn't been done yet.
The two buttons serve two different intentions:
- “I want to play”: adds the game to a personal list without leaving the page.
- “Details”: opens the game's own page for a closer look.
3. Creator videos and forums
Choosing a game isn't only about text and scores. Creator videos give a more tangible sense of the world, the gameplay and the style. Forums open a door to other players' conversations and experiences.
With these sections I wanted the product to go beyond a simple list of games and have room to grow into a place for discovery, review and conversation. In the current demo both sections are for display only and aren't connected to a real content or discussion service.
4. The game details page
After discovering a game, the user comes here to look closer. The details and both scores sit in a column beside the text, with the “I want to play” button under them. Tabs separate the Obsidian review, the forum, videos and system requirements.
Visual system
The visual identity is built on a dark, high-contrast gaming mood:
- Dark greys: a deep, focused background
- Red: to draw attention, highlight what matters and add energy
The combination fits what people expect from a gaming product and creates a clear contrast between a calm background and the interactive elements. I didn't just want the usual gaming colours. I wanted a recognisable identity that keeps every part of the product visually consistent.
Project status
The project has gone beyond Figma: a live demo is published on my personal site.
- Interactive: search, filters, adding a game to your list, and the details page.
- Display only: videos, profiles, discussions and the newsletter. They aren't connected to a back end or any service.
This is an interactive sample of the product's interface, not a complete gaming platform ready for public use.
If I started again
- Validate the idea first, then grow the pages. I'd talk to a few gamers: how they choose games, what they look at when comparing, and how much other players' scores matter to them.
- Test the two scores. Do they actually help people decide, or do they confuse?
- Test the prototype with users, especially the path through search, filters, saving a game and opening the details page.
- Set the scope of the first version early: which features fit a first release, and which need their own infrastructure.
What I learned
This project helped me understand the difference between designing a feature and building a real service. Designing a forum section is not the same as building user accounts, data storage and discussion management.
Obsidian Gaming shows product design process, structural thinking and the ability to turn a design into a working demo. It can still get better with user research, interaction testing and finishing the display-only sections.