Kit de creación de sitios web de juegos
Consigue un kit gratuito para ayudarte a crear la página web perfecta para tu juego indie.
Kit de creación de sitios web de juegos
Consigue un kit gratuito para ayudarte a crear la página web perfecta para tu juego indie.
¡Gracias! Por favor, compruebe su correo electrónico.
Error

Cómo crear una página web para tu juego indie: Una guía paso a paso

Un sitio web es el núcleo de tus esfuerzos de marketing de juegos indie, pero crear uno no es una tarea sencilla. Aquí tienes una guía paso a paso para ayudarte a hacer el trabajo.

He construido mi parte de sitios web de videojuegos a lo largo de los años, y nunca fue fácil.

Diseñar, codificar, escribir versiones interminables de la misma copia, añadir características, atar todo junto - crear un sitio web no es una tarea sencilla para un equipo pequeño, y mucho menos para un individuo adormecido.

Nunca fue fácil, pero fue divertido.

Unconsejo sencillo y honesto: trata tus esfuerzos de creación de sitios web de la misma manera que manejas el proceso de desarrollo de un juego.

Si infundes la misma cantidad de pasión, creatividad y atención a los detalles en tu sitio web que en la creación de mundos virtuales, los resultados podrían sorprenderte.

Para ayudarte en tu difícil búsqueda, he preparado una detallada pero sencilla guía paso a paso para crear un sitio web para tu juego independiente.

Por qué necesitas un sitio web de videojuegos

Un sitio web es el núcleo de sus esfuerzos de marketing de juegos, uniendo todos los diversos lugares donde promociona y vende su juego.

Típicamente, es donde tú..:

  • Enlace a plataformas de publicación de juegos como Steam
  • Muestra el trailer de tu juego, las características y las capturas de pantalla
  • Captar a los suscriptores del boletín informativo
  • Lanza un blog de desarrollo para publicar noticias y actualizaciones sobre tu juego.
  • Enlaza con tus cuentas de medios sociales
  • Aloje su kit de prensa y los foros de la comunidad

Tu sitio web es también donde puedes vender tu juego directamente a los jugadores y evitar las altas tarifas de la plataforma de publicación. Si quieres hacer esto de una manera fácil, puedes vender las llaves de Steam a través de Humble Bundle como Astroneer o Mordhau. Aunque Humble se llevará un humilde recorte del 5%, se encargará de gestionar convenientemente el IVA y los impuestos sobre las ventas por ti.

Cómo crear una página web para tu juego indie

1. Elija una plataforma

Un consejo amistoso: aunque seas un desarrollador web experimentado, considera usar un constructor de sitios web en lugar de codificar tu sitio web desde cero.

Necesitas un sitio que puedas actualizar rápida y fácilmente, y puedo apostar que prefieres trabajar en tu juego que editar innumerables líneas de HTML y CSS.

Si eres parte de un equipo grande y tienes un presupuesto decente, entonces por todos los medios consigue un desarrollador web dedicado que pueda construir y actualizar continuamente tu sitio.

Sea cual sea la ruta que elija, aquí tiene algunas sugerencias de plataformas para ayudarle a hacer el trabajo, desde soluciones de bajo presupuesto hasta soluciones personalizadas.

Carrd

Si todo lo que necesitas es un sitio web rápido, simple y de una sola página para tu juego, Carrd podría ser una solución óptima. Es un constructor de sitios web simple y rápido que no te hará perder dinero, ya que viene con un precio de sólo $9 por año.

Si bien no puedes usarlo para crear un foro o un blog, Carrd te permitirá construir un sitio web decente y de aspecto profesional en unas pocas horas. También viene con algunas capacidades avanzadas; por ejemplo, puede agregar formularios para capturar los correos electrónicos de los usuarios.

En caso de que quieras añadir un foro y un blog más adelante, la creación de una publicación subreddit y Medium (o un blog impulsado por un fantasma, como el que estás leyendo ahora mismo) son soluciones adecuadas, especialmente para los desarrolladores solitarios.

El precio:

  • Pro: 9 dólares al año

ManaKeep

Seré honesto con usted: Me encanta este producto.

ManaKeep está hecho específicamente para desarrolladores de juegos independientes. Viene con una lista de correo, una plataforma de noticias, una galería de medios, foros, e incluso te permite vender tu juego directamente.

Puedes crear tu sitio web completo con un constructor de arrastrar y soltar y también incluir HTML y CSS personalizados, todo ello por una suscripción mensual asequible.

ManaKeep es perfecto para desarrolladores de juegos de lobos solitarios y equipos pequeños.

El precio:

  • Básico: 5 dólares al mes
  • Personal: 9 dólares al mes
  • Estudio: 14 dólares al mes.

Wordpress

Wordpress es el motor de un tercio de todos los sitios web del mundo, lo que significa que hay plantillas y plugins de Wordpress para casi todo.

Hay un sinfín de formas de crear un sitio web de Wordpress.

Mientras que los constructores de arrastrar y soltar como Divi y Elementor te permitirán personalizar visualmente cada uno de los aspectos de tu sitio web, vienen con una curva de aprendizaje empinada y es probable que pierdan semanas de tu precioso tiempo.

Los temas preelaborados como Eldritch y Entropia son probablemente una mejor solución y ofrecen casi todo lo que necesitas para un sitio web de un juego indie completo, desde blogs personalizados hasta integraciones de foros de bbPress.

El precio:

  • Personal: 4 dólares al mes
  • Prima: 8 dólares al mes
  • Negocios: 25 dólares al mes

Personalizado

Por último, pero no menos importante, puedes crear un sitio web con un código personalizado.  

En caso de que tengas alguna experiencia en desarrollo web y quieras hacerlo tú mismo, te recomendaría Startup 3, Unicorn y Webflow como tres increíbles creadores de sitios web de arrastrar y soltar que deberían reducir significativamente tu tiempo de desarrollo. Cruip también ofrece una amplia selección de plantillas HTML gratuitas.

Alternativamente, si eres parte de un equipo bien financiado y buscas contratar a un desarrollador web profesional para crear tu sitio web, puedes echar un vistazo a las plataformas de freelance como Upwork, Fiver Pro y Codementor.

En cualquier caso, si quieres que te tomen en serio y como desarrollador de juegos legítimo y profesional, necesitas absolutamente un dominio personalizado. Namecheap es una gran opción para comprar un nombre de dominio .com, .io o .game decente y ofrece un alojamiento fiable en caso de que decidas optar por una solución de autoalojamiento.

2. Establecer la marca

Logotipo

Con respecto al logotipo del juego, necesitarás tres versiones: sólo texto, una con sólo el icono y otra que combina las dos. Las usarás no sólo para tu sitio web, sino para todo, desde los avatares de los medios sociales hasta los recursos del kit de prensa y otros materiales de marketing.

Sus logotipos deben venir en una variación de luz y oscuridad. Usen la versión oscura sobre fondos brillantes, y la versión clara sobre fondos oscuros.

Todas las versiones de su logo también deben venir en dos formatos: raster de alta resolución (.png) y formato vectorial (.eps, .ai, o .svg).

Fuentes

Lo ideal sería que utilizaras las fuentes que aparecen en tu juego.

Si no es así, ve a Google Fonts o Fontpair y elige una combinación decente que refleje el estilo y el tono de tu juego.

Paleta de colores

Mientras que hay un montón de herramientas generadoras de color por ahí, Coolors es perfecto para los desarrolladores de juegos independientes. Puedes elegir hasta cinco colores y alternar los tonos con un solo clic.

Como mínimo, necesitarás un color que puedas usar para las llamadas a la acción, como los botones y los enlaces. Para mantener la coherencia de la marca, te recomiendo que elijas este color en el juego (por ejemplo, el color de la interfaz de usuario del juego).

En caso de que su interfaz de usuario sea mínima o completamente blanca/negra, puede aprovechar Colormind para generar una paleta de colores a partir de las capturas de pantalla del juego.

3. Crear una maqueta

Una vez que hayas elegido una plataforma y establecido la marca, es hora de crear una maqueta de tu sitio web de videojuegos.

Puedes usar una herramienta de diseño gráfico como Canva, una herramienta de alambre como Whimsical, o un buen lápiz y papel para crear una estructura visual. Tener incluso una maqueta aproximada y sencilla te ayudará a crear el contenido de tu sitio web.

Aquí hay una sencilla infografía para ayudar mientras garabateas y haces un boceto, seguida de instrucciones detalladas sobre cómo crear el contenido de cada sección.

4. Crear el contenido

I. Llamada a la acción

La sección superior de su sitio web (también conocida como "por encima del pliegue") es lo primero que verán los visitantes, así que es crucial que capte su atención inmediatamente.

Después de todo, el 55% de ellos pasarán menos de 15 segundos en su sitio web.

El objetivo principal de esta sección es actuar como una llamada a la acción, canalizando el tráfico a una página de financiación colectiva o a la página de la próxima tienda; recogiendo direcciones de correo electrónico en caso de que aún no hayas lanzado tu juego; y enviando a los visitantes a plataformas de distribución como Steam o a tu propia tienda después de que hayas lanzado.

Yendo de arriba a abajo, de izquierda a derecha, el segmento de "llamada a la acción" debe presentar los siguientes elementos:

Logotipo
Debe utilizar la versión de sólo texto de su logotipo, o el texto y el símbolo combinados. Aunque puede utilizar el formato de logotipo .png en su sitio web, le sugiero encarecidamente que utilice una versión .svg ya que mantendrá la calidad en monitores más grandes.

Menú
Si quieres mantener las cosas simples y crear una sola página (una "página de aterrizaje"), no necesitas un menú. De hecho, la mayoría de los sitios web de juegos indie son páginas únicas sin menú para maximizar los clics en los botones que llevan a las páginas de la tienda de juegos.

En el caso de que decidas añadir más páginas (o enlazar con plataformas externas como Medium o Discord) y te preocupe que un menú desvíe la atención de tus visitantes, siempre puedes utilizar un menú hamburguesa como solución elegante y semioculta.

En cualquier caso, deberías añadir un botón de llamada a la acción en el menú que lleve a un lugar donde los jugadores puedan comprar tu juego (o dejar su dirección de correo electrónico, en caso de que aún no lo hayas lanzado).

Titular
Este es un poco complicado de escribir, pero ofrece una gran oportunidad para ganar un poco de tráfico extra.

A diferencia de las plataformas de terceros, puedes optimizar tu sitio web para los motores de búsqueda. Puedes utilizar una ingeniosa herramienta gratuita llamada Ubersuggest para averiguar qué buscan los jugadores y obtener un montón de ideas de palabras clave para incorporar al texto de tu sitio web.

He aquí un ejemplo sencillo: Supongamos que tu juego trata de zombis. Una rápida búsqueda de palabras clave mostraría que hay más de 130.000 búsquedas mensuales de"juego de zombis". Aunque es poco probable que puedas competir por estas palabras clave exactas, podrías probar con una palabra clave más larga pero similar como "juego de zombis" (~15.000 búsquedas mensuales), que es más fácil de clasificar.

Dicho esto, no sacrifiques la claridad y el atractivo por el tráfico de búsqueda potencial.Eltitular debe describir con precisión el juego y hacer que los jugadores quieran jugarlo.

El titular debe tener entre 6 y 12 palabras y puede ir seguido de un texto más detallado, que es menos importante, ya que menos gente lo leerá. Dependiendo de si ha lanzado su juego o no, su titular debería ir seguido de un botón de la tienda (por ejemplo, "Comprar en Steam") o de un formulario de correo electrónico.

(Opcional) Imagen o Video
Aunque no es necesario añadir una imagen junto al titular, sí que se puede, especialmente si se cree que proporcionará un contexto más amplio (o un caramelo para la vista) para el titular. También puede optar por mover toda la sección del trailer aquí, pero tenga en cuenta que esto dividirá la atención del visitante del sitio web.

II. Remolque

Si una captura de pantalla de un juego vale más que mil palabras, un tráiler del juego podría muy bien valer mil descargas.

Hay dos formas de presentar el tráiler en la página de inicio: como incrustación o como botón de reproducción que activará una ventana emergente de vídeo. Sea cual sea la opción que elijas, es una idea inteligente colocar tu tráiler en la primera o segunda sección de tu página web.

Esta es una guía sencilla para hacer un tráiler de primera para tu juego.

III. Reportajes

Consejo rápido: cuando escribas sobre las características de tu juego, no es necesario escribir largos fragmentos de texto; un párrafo o una frase corta servirá.

No tienes que enumerar cada una de las características, sólo enfócate en 3-6 de las más atractivas.

¿Tu juego tiene una función de permeabilidad? ¿Existe una artesanía innovadora? ¿Quizás incluya elementos que puedas usar en otros juegos?

IV. Capturas de pantalla

Asegúrate de que tus capturas de pantalla tengan un tamaño al menos de Full HD (1920x1080 píxeles), pero 4k es mejor. Si tu juego tiene elementos complejos de HUD, recuerda eliminarlos cuando hagas las capturas de pantalla.

V. Críticas y premios

El apoyo de los influenciadores es una de las formas más efectivas de incrementar las ventas de tu juego, pero conseguir que periodistas y serpentinas de renombre revisen tu juego puede ser difícil, especialmente si eres un desarrollador solitario o un nuevo/pequeño estudio independiente.

Aunque puedes intentar contratar una agencia de relaciones públicas de videojuegos o utilizar estrategias de marketing de juegos para llamar la atención de la prensa, aquí tienes un consejo: busca periodistas especializados que escriban para publicaciones más pequeñas. Además de que es más probable que revisen su juego, las publicaciones para las que escriben también podrían atraer a un público que es más probable que lo compre.

Puedes aplicar la misma lógica cuando se trata de llegar a YouTube y a los influenciadores de Twitch: si estás construyendo un juego steampunk, intenta encontrar un Let's Player o un streamer que cubra BioShock, Dishonored u otros juegos similares.

Empieza por crear una lista de periodistas e influyentes y envíales un correo electrónico, o incluso puedes enviarles un mensaje público o privado en los medios sociales. Una vez que terminen de revisar tu juego, puedes fácilmente presentar de 3 a 6 de las mejores reseñas en tu sitio web.

Ganar premios puede ser más difícil/más costoso si necesitas viajar a festivales y conferencias de desarrollo de juegos. Una alternativa asequible es buscar eventos locales de juegos independientes que ofrezcan premios, o puedes nominar tu juego en línea en IGF, IndieCade, IndiePrize y sitios web similares.

VI. Pie de página

El propósito del pie de página de su sitio web es actuar como una red de seguridad para atrapar a los visitantes antes de que lleguen al final de la página.

Es su última oportunidad de convertir a los visitantes en compradores y suscriptores de correo electrónico, yun lugar en el que puede incluir enlaces útiles, como los de su carpeta de prensa o cuentas de medios sociales.

Repasemos los elementos típicos del pie de página:

  • CTA inferior: Los visitantes de un sitio web que se desplazan hasta el final de la página podrían ser más propensos a ver tu juego, así que una llamada a la acción desde abajo no es una mala idea. Este elemento debería ser esencialmente una variación del CTA de la parte superior de la página.
  • Formulario del boletín de noticias: El marketing por correo electrónico es 4400% más efectivo que el marketing de medios sociales y puede ser crítico tanto para el pre-lanzamiento como para el post-lanzamiento de tu videojuego. El correo electrónico es una de las formas más efectivas de conseguir que la gente compre tu juego (o respalde tu proyecto en Kickstarter), y una forma amigable de conectar con tus fans. Recomendaría usar MailerLite, Mailchimp o Revue para impulsar tu boletín.  
  • Cosas legales: Aburrido, pero importante. Usa GetTerms para generar fácilmente documentación legal como una política de privacidad y términos de servicio.
  • Kit de prensa: No olvides incluir un enlace a tu kit de prensa en el pie de página (a menos que ya esté en otro lugar de la página).

5. Inspiración

De vez en cuando, me encuentro con un sitio web de videojuegos que realmente me atrae, ya sea con inteligentes llamadas a la acción, diseño único, o simplemente marcando todas las casillas de lo que un sitio web de juegos debe tener.

Así que he compilado una pequeña lista de sitios web de videojuegos para ayudarte a inspirarte mientras creas el tuyo propio.  

El infierno suelto es sencillo y directo: compra el juego, únete a nuestro Discord y apúntate a las actualizaciones. ¿Eres periodista? Aquí tienes el kit de prensa.

Soles llorones utiliza los activos del juego para lograr la consistencia de la marca.

Mordhau es un gran ejemplo de una proposición de valor clara y simple: "Juego de Melé Medieval Multijugador"

La parábola de Stanley está diseñado para captar instantáneamente la atención de los visitantes con un estrafalario mando en 3D.

Astrónomo está magnífica y eficazmente diseñada, con todos los elementos necesarios para comercializar con éxito un juego independiente.

Noita hace un gran trabajo tanto con el diseño minimalista como con la copia asombrosa: "Un roguelite de acción mágica donde cada píxel es simulado".

En lugar de presentar "compre ahora" como la principal llamada a la acción, Ashen te está pidiendo que veas el trailer del juego.

El Valle de Stardew tiene un gran aspecto kit de prensa.

Killer Queen Black presenta un enlace a una hoja de ruta pública de hoja de ruta de desarrollo de Trello que es una buena manera de ganarse la confianza de los jugadores, especialmente en una época en la que muchos juegos independientes se quedan sin actualizaciones.

Explorar, experimentar, repetir

Su sitio web podría no ser perfecto en su primer intento, y eso está bien.

La versión alfa de tu juego puede parecer un poco descuidada o puede tener algunos errores, y eso es algo que puedes arreglar. Lo mismo ocurre con la construcción y actualización de tu sitio web.

Aunque mi intención era proporcionar información valiosa, directrices útiles y una receta para crear un sitio web para su juego, nada de lo escrito en este artículo está grabado en piedra.

Definitivamente puedes pensar fuera de la caja y explorar diferentes combinaciones o incluso diseños extravagantes, sólorecuerda medir su rendimiento. Aquí es donde una herramienta gratuita como Bitly podría ser útil, para ayudarte a ver cuántas personas han hecho clic en el botón "Comprar ahora".

Así que... ¡Felicidades! Si has llegado hasta aquí, deberías tener suficientes cimientos para empezar a construir un sitio web para tu juego.

Para ayudarte a empezar, he creado un ingenioso kit de creación de sitios web de juegos independientes que incluye este post en formato PDF, junto con otras cosas, descárgaloaquí.

Kit de creación de sitios web de juegos

Consigue un kit gratuito para ayudarte a crear la página web perfecta para tu juego indie.

Consigue tu kit

Kit de creación de sitios web de juegos

Consigue un kit gratuito para ayudarte a crear la página web perfecta para tu juego indie.

¡Gracias! Por favor, compruebe su correo electrónico.
Error

También podrías disfrutar