Omitir y pasar al contenido principal
7Colors Game

CASE STUDY

Centro de Mini Juegos Ultraligero

Mejora del rendimiento, localización bilingüe y SEO global para una colección de 279 mini juegos jugables en el navegador

  • Hub de Mini Juegos
  • Astro / TS
  • Localización i18n
  • Alta Velocidad
Maqueta de una PC que muestra el Centro de Mini Juegos Ultraligero

プロジェクト詳細

Project Overview

Un proyecto centrado en la mejora de funciones, localización en japonés e inglés y SEO global para una plataforma de colección de mini juegos de navegador sin instalación y de carga rápida (279 juegos en total) construida con Astro y TypeScript.

Project Goal

  • Proporcionar un entorno de juego sin estrés que se inicie en segundos para ofrecer una experiencia de usuario fluida.
  • Limpiar la calidad archivando juegos inestables y resolviendo errores de entrada táctil y de clic.
  • Incrementar el tráfico nacional e internacional mediante traducción bilingüe y SEO dirigido.

Scope of Work

  • División de código y optimizaciones de huella ligera utilizando Astro y Vanilla JS
  • Implementó un sistema de cambio bilingüe i18n para menús, reglas de juego e instrucciones mediante parámetros de URL
  • Incorporó datos de esquema JSON-LD y etiquetas de idioma alternate para la optimización global de motores de búsqueda
  • Corrigió compensaciones de coordenadas de clics y toques en juegos como Gomoku causados por bordes de ventana gráfica y redimensionamiento
  • Desarrolló un generador automático de niveles para Color Sort para verificar matemáticamente y generar solo niveles con solución
  • Filtró automáticamente los juegos solo para PC en accesos a pantallas móviles y agregó etiquetas de plataforma (Solo PC / Listo para Móvil)
  • Diseñó marcos de anuncios flotantes laterales adaptables para pantallas de más de 1640 px para evitar la superposición con el área de juego

Key Highlights

  • Aprovechó la traducción bilingüe impulsada por scripts en lugar de crear archivos duplicados por idioma para preservar la velocidad del sitio y mantener el valor SEO.
  • Implementó compensaciones de bordes automatizadas para lograr una precisión de reacción de impacto píxel a píxel en diferentes ventanas gráficas y estados de redimensionamiento.
  • Priorizó la experiencia del usuario al pre-filtrar juegos de PC no jugables de las listas de diseño móvil, ahorrando datos y clics.
  • Integró marcadores de posición de anuncios previamente dimensionados para eliminar los saltos de diseño de cambio de diseño acumulado (CLS) durante la carga.

LET’S CREATE TOGETHER

Una idea basta para empezar.

Cuéntanos qué quieres crear o resolver. Te ayudamos a definir el alcance y los siguientes pasos.

Hablemos de tu proyecto

El alcance y el presupuesto se adaptan a tus necesidades.

Preguntas frecuentes