Unity Blog - Plataforma Multilingüe

Industria
Ocio y entretenimiento
Solución
Solución CMS
Tecnología
Drupal, React, NextJS

Unity blog es un blog interactivo y multilingüe que forma parte de Unity Technologies, la empresa líder mundial en videojuegos. El mayor reto de Unity fue conseguir consolidar sus tecnologías web y asegurar que su portal de blogs fuera capaz de adaptarse al plan tecnológico establecido por la empresa. 1xINTERNET ayudó a Unity a crear la base para su futuro desarrollo web, centrándose en los intereses estratégicos de Unity Technologies en el ámbito de expansión de la oferta de sus servicios en el futuro.

¿Quién es Unity?

Unity Blog pertenece a Unity Technologies y destaca por su gran capacidad interactiva y multilingüe. El portal de blogs de Unity es una plataforma de alto tráfico y mucho contenido, con más de 4000 publicaciones. El blog estaba desactualizado tanto desde el punto de vista visual como técnico. El mayor objetivo de Unity fue consolidar sus tecnologías web y relanzar su plataforma interactiva utilizando Drupal.  Era fundamental solucionar los problemas que experimentaba la web y asegurarse de que estuviera preparada para el plan de futuro desarrollo marcado por la empresa.

¿Cuál fue el reto?

1xINTERNET fue responsable de desarrollar una versión desacoplada del blog para Unity Technologies utilizando Drupal como backend, y React / Next.js como frontend.  El blog anterior fue construido con Wordpress, por lo que los datos muy poco estructurados tuvieron que ser migrados a un modelo de datos sólido para permitir la publicación del contenido basada en una aplicación headless.

Además, Unity necesitaba mejorar su capacidad de búsqueda de contenidos, aumentar la interacción con los mismos y el tiempo de presencia de los usuarios en el sitio web. El objetivo era construir un sistema de blogs que proporcionara una buena experiencia de usuario con una experiencia editorial excepcional para todo el equipo y los colaboradores del blog.

¿Cuál fue la solución?

1xINTERNET trabajó con Unity para crear un concepto sólido y optó por un backend desacoplado de Drupal / Symfony con un frontend basado en React / Next.js. Los datos se exportaron con GraphQL con el objetivo de poder trabajar con una API GraphQL federada en el futuro, el estilo se realizó con Tailwind CSS, y los componentes se prepararon en Storybook.

La migración de Wordpress a Drupal de un sitio web tan grande y con tanto tráfico fue una tarea muy compleja. Aún así, se consiguió trasladar con éxito los datos no estructurados desde el Wordpress y transformarlos en datos estructurados dentro de Drupal. Estos datos estructurados son una base mucho más sólida para el futuro desarrollo del proyecto del blog. En el antiguo blog de Wordpress había un soporte de idiomas muy limitado. El problema se solucionó al migrar el contenido al potente sistema multilingüe de Drupal, que dispone de soluciones para la traducción a múltiples idiomas mediante diferentes servicios de traducción automática.

Unity Blog es un sitio web fundamental para Unity. Es una de sus propiedades web más importantes, ya que proporciona un lugar para que la comunidad interactúa, aprenda y crezca. Era esencial crear una plataforma en la que tanto los usuarios como los editores experimentasen una gran funcionalidad y que al mismo tiempo permitiese el futuro crecimiento. Para Unity se eligió versión desacoplada en lugar de Drupal acoplado para que nuevo blog fuera capaz de adaptarse al plan tecnológico establecido por la empresa. La versión headless requiere menos dependencia y por lo tanto ofrece la posibilidad de un control centralizado sobre el contenido. La capacidad de reutilizar el contenido en todas las plataformas permite dirigir el tráfico dentro de la websphere de Unity de una manera bastante sencilla.

Las principales características del proyecto

Migración de Wordpress a Drupal

Migración compleja de un sitio multilingüe con más de 4000 entradas de blog y alto tráfico (alrededor de 200k visitantes al mes). Los datos no estructurados de Wordpress fueron migrados a un modelo de datos altamente estructurado en Drupal. De este modo, los datos se almacenaron de forma más estructurada, lo cual fue beneficioso para la gestión de los contenidos y para el futuro crecimiento de Unity.

Soporte de metaetiquetas, redirecciones y media

El desarrollo de Blog Unity sobre la base de Drupal desacoplado permite utilizar una gran variedad de funcionalidades, entre las cuales las funciones estándar para generar meta etiquetas de diferentes tipos, publicar datos estructurados utilizando JSON-LD, gestionar las redirecciones y media, y mucho más.

Edición y optimización de imagen con Drupal y Next.js

Las imágenes debían ser tratadas de forma diferente a la predeterminada por Drupal, por lo que 1xINTERNET aportó al proyecto Drupal un plugin de redimensionamiento de imágenes que devuelve al frontend Next.js las imágenes de forma correcta y con las propiedades esperadas para manejar el styling de forma automatizada y eficiente.

Experiencia editorial 

Una experiencia editorial avanzada fue creada con un flujo de trabajo para el amplio equipo editorial, utilizando la funcionalidad incorporada de Drupal. El equipo de Unity también trabaja con editores externos que envían contenidos para su publicación. Antes de publicar en el blog, los autores tienen que revisar el contenido en el blog y aprobarlo. 1xINTERNET creó un módulo que permite el acceso a las páginas no publicadas utilizando tokens de acceso y GraphQL extendido para soportar esta funcionalidad.

Unity ID

Unity ya contaba con un sistema de inicio de sesión, lo que significa que cualquier persona que participe en Unity a través de los formularios, el blog o el sistema de comentarios obtiene un ID de Unity. Una vez integrado en el blog, el sistema permite una experiencia de inicio de sesión única y sin fallos para las interacciones de los usuarios en todos los servicios de Unity. Se trata de una gran mejora para una experiencia de usuario optimizada.

Relanzamiento de Unity Blog en la DrupalCon 2021

¿Por qué se eligió Drupal?

Uno de los factores más importantes para Unity era elegir una tecnología adecuada que se ajustara a sus objetivos estratégicos. Aparte de haber tenido una larga experiencia con Drupal y confiar en él,  construir sobre la base de esta tecnología le permitía conseguir iteraciones rápidas, fácil escalabilidad y ofrecer funcionalidades deseadas a través del uso de APIs. Drupal fue la mejor opción que pudo asegurar a Unity un gran margen de expansión en el futuro.

Drupal logo

Más sobre nuestro trabajo

Solución CMS

Schwaketenbad - Relanzamiento web con 1xDXP

Schwimmmerin zieht im Pool ihre Bahnen

Schwaketenbad es un complejo de piscinas cubiertas en Constanza, al sur de Alemania. En 2015 este popular parque acuático se quemó por completo. Tras...

Solución CMS Alojamiento web

AuPairWorld - Migración a Drupal

AuPairWorld Teaser Image

AuPairWorld es el sitio web líder en la búsqueda de au pairs. La migración a Drupal 9 fue un reto clave para mantenerse a la vanguardia de la...