Lompati ke konten utama
7Colors Game

CASE STUDY

Hub Mini-Game Sangat Ringan

Peningkatan performa, lokalisasi dwibahasa, dan SEO global untuk koleksi 279 mini-game yang dapat dimainkan di browser

  • Hub Mini-Game
  • Astro / TS
  • Dwibahasa i18n
  • Kecepatan Tinggi
Mockup PC yang menampilkan Hub Mini-Game Sangat Ringan

プロジェクト詳細

Project Overview

Sebuah proyek yang berfokus pada peningkatan fungsi, lokalisasi bahasa Jepang-Inggris, dan SEO global untuk platform koleksi mini-game browser tanpa instalasi dan pemuatan cepat (total 279 game) yang dibangun dengan Astro dan TypeScript.

Project Goal

  • Menyediakan lingkungan game bebas stres yang diluncurkan dalam hitungan detik untuk memberikan pengalaman pengguna yang lancar.
  • Membersihkan kualitas dengan mengarsipkan game yang tidak stabil dan menyelesaikan bug input klik/sentuh.
  • Meningkatkan lalu lintas domestik dan internasional melalui terjemahan dwibahasa dan SEO terarah.

Scope of Work

  • Pemisahan kode dan pengoptimalan jejak ringan menggunakan Astro dan Vanilla JS
  • Menerapkan sistem pengalihan dwibahasa i18n untuk menu, aturan permainan, dan instruksi menggunakan parameter URL
  • Menyematkan data skema JSON-LD dan tag bahasa alternate untuk pengoptimalan mesin pencari global
  • Memperbaiki koordinat klik dan sentuh yang meleset di game seperti Gomoku yang disebabkan oleh batas viewport dan pengubahan ukuran
  • Mengembangkan pembuat level otomatis untuk Color Sort untuk memverifikasi secara matematis dan menghasilkan tingkat yang dapat diselesaikan saja
  • Menyaring game khusus PC secara otomatis pada akses layar seluler dan menambahkan label platform (Khusus PC / Siap Seluler)
  • Merancang bingkai iklan sidebar responsif untuk layar yang lebih lebar dari 1640px untuk mencegah tumpang tindih dengan area gameplay

Key Highlights

  • Memanfaatkan terjemahan dwibahasa berbasis skrip alih-alih membuat file duplikat per bahasa untuk menjaga kecepatan situs dan mempertahankan nilai SEO.
  • Menerapkan kompensasi batas otomatis untuk mencapai akurasi reaksi klik piksel-demi-piksel di berbagai viewport dan status pengubahan ukuran.
  • Memprioritaskan pengalaman pengguna dengan menyaring game PC yang tidak dapat dimainkan dari daftar tata letak seluler, menghemat data dan klik.
  • Mengintegrasikan placeholder tata letak iklan yang berukuran sebelumnya untuk menghilangkan lompatan tata letak Cumulative Layout Shift (CLS) selama pemuatan.

LET’S CREATE TOGETHER

Sebuah ide cukup untuk memulai.

Ceritakan apa yang ingin Anda buat atau selesaikan. Kami membantu merumuskan lingkup dan langkah berikutnya.

Diskusikan proyek

Lingkup dan estimasi biaya dibahas sesuai kebutuhan Anda.

Tanya jawab