मुख्य सामग्री पर जाएं
7Colors Game

CASE STUDY

सुपर लाइटवेट मिनी-गेम हब

279 ब्राउज़र-चलाने योग्य मिनी-गेम के संग्रह के लिए प्रदर्शन में सुधार, द्विभाषी स्थानीयकरण और वैश्विक SEO

  • मिनी-गेम हब
  • Astro / TS
  • द्विभाषी i18n
  • उच्च गति
सुपर लाइटवेट मिनी-गेम हब प्रदर्शित करने वाले पीसी का मॉकअप

プロジェクト詳細

Project Overview

Astro और TypeScript के साथ निर्मित एक बिना इंस्टॉलेशन और त्वरित-लोडिंग वाली ब्राउज़र मिनी-गेम संग्रह प्लेटफ़ॉर्म (कुल 279 गेम) के लिए कार्य सुधार, जापानी-अंग्रेज़ी स्थानीयकरण और वैश्विक SEO पर केंद्रित एक परियोजना।

Project Goal

  • एक सहज उपयोगकर्ता अनुभव प्रदान करने के लिए सेकंडों में शुरू होने वाला तनाव-मुक्त गेमिंग वातावरण प्रदान करना।
  • अस्थिर खेलों को हटाकर और क्लिक/टच इनपुट त्रुटियों को हल करके गुणवत्ता को साफ करना।
  • द्विभाषी अनुवाद और लक्षित SEO के माध्यम से घरेलू और अंतर्राष्ट्रीय ट्रैफ़िक बढ़ाना।

Scope of Work

  • Astro और Vanilla JS का उपयोग करके कोड विभाजन और हल्के फ़ुटप्रिंट अनुकूलन
  • URL मापदंडों का उपयोग करके मेनू, खेल के नियमों और निर्देशों के लिए द्विभाषी i18n स्विचिंग सिस्टम लागू किया
  • वैश्विक खोज इंजन अनुकूलन के लिए JSON-LD स्कीमा डेटा और वैकल्पिक hreflang टैग एम्बेड किए गए
  • व्यूपोर्ट सीमाओं और आकार बदलने के कारण गोमोकू जैसे खेलों में क्लिक और टच निर्देशांक ऑफ़सेट को ठीक किया
  • गणितीय रूप से सत्यापित करने और केवल हल करने योग्य चरणों को आउटपुट करने के लिए Color Sort के लिए एक स्वचालित चरण जनरेटर विकसित किया
  • मोबाइल स्क्रीन एक्सेस पर केवल-पीसी गेम को स्वचालित रूप से फ़िल्टर किया और प्लेटफ़ॉर्म लेबल (केवल पीसी / मोबाइल तैयार) जोड़े
  • गेमप्ले क्षेत्र के साथ ओवरलैपिंग को रोकने के लिए 1640px से व्यापक स्क्रीन के लिए उत्तरदायी साइडबार विज्ञापन फ्रेम तैयार किए

Key Highlights

  • साइट की गति को बनाए रखने और SEO मूल्य बनाए रखने के लिए प्रति भाषा डुप्लिकेट फ़ाइलें बनाने के बजाय स्क्रिप्ट-संचालित द्विभाषी अनुवाद का लाभ उठाया।
  • विभिन्न व्यूपोर्ट और आकार बदलने की स्थितियों में पिक्सेल-परफेक्ट हिट प्रतिक्रिया सटीकता प्राप्त करने के लिए स्वचालित सीमा ऑफ़सेट लागू किया।
  • मोबाइल लेआउट सूचियों से गैर-चलाने योग्य पीसी गेम को पूर्व-फ़िल्टर करके उपयोगकर्ता अनुभव को प्राथमिकता दी, जिससे डेटा और क्लिक की बचत हुई।
  • लोड के दौरान संचयी लेआउट बदलाव (CLS) लेआउट जंप को समाप्त करने के लिए पूर्व-आकार के विज्ञापन लेआउट स्लॉट प्लेसहोल्डर को एकीकृत किया।

LET’S CREATE TOGETHER

शुरुआत के लिए एक विचार काफ़ी है।

बताएँ कि आप क्या बनाना या हल करना चाहते हैं। दायरा और आगे की प्रक्रिया तय करने में हम मदद करेंगे।

परियोजना पर बात करें

आपकी ज़रूरत के अनुसार काम का दायरा और लागत पर चर्चा होगी।

अक्सर पूछे जाने वाले सवाल