Excyted

Descripción

Hemos rediseñado la tienda online de LeetDesk para ofrecer a los gamers más apasionados una experiencia AAA y a la marca un backend más fácil de gestionar.

Reto

LeetDesk se puso en contacto con nosotros para rehacer su web, creada internamente con WordPress y WooCommerce. Nuestro objetivo era aumentar las tasas de conversión y optimizar la web para que funcionara con mayor rapidez y fluidez. LeetDesk también quería una solución de gestión de contenidos más fácil de usar, que no requiriera conocimientos de programación y que evitara que se desconfigurara el diseño.

Solución

Branding

Empezamos con un taller de branding para conocer mejor la marca LeetDesk. En él definimos con más precisión el público objetivo y encontramos la forma de ofrecerle más valor y fomentar su participación. Estas fueron las conclusiones: el público de LeetDesk está formado por gamers aficionados que quieren mejorar su experiencia de juego con los mejores periféricos, hardware y gadgets. Se identifican como aficionados a los videojuegos con trabajos corrientes. Aunque no son «profesionales», quieren disfrutar de una experiencia de nivel profesional. Con este nuevo conocimiento de la clientela de LeetDesk, desarrollamos unas directrices de marca y un flujo de usuario con wireframes para planificar la estructura de la web. La estructura principal de las páginas se mantuvo, pero ahora la estructura del contenido de las páginas internas ofrece un recorrido mejorado para el cliente y utiliza un lenguaje más acorde con la marca.

Diseño

Nuestros diseñadores utilizaron las directrices de marca y las diapositivas de los wireframes para crear un diseño personalizado, de aspecto profesional, elegante y futurista. Elegimos una tipografía más atractiva y moderna y creamos un diseño más cohesionado que guía a los clientes por la web con un recorrido más natural. El borde característico de la mesa gaming de LeetDesk se repite como elemento de diseño en forma de franjas luminosas y bordes con degradados de color por toda la web. Este recurso mantiene al cliente conectado mentalmente con el producto mientras navega por las páginas. También creamos vídeos, imágenes e iconos a medida para dar a toda la web un aspecto limpio y coherente.

Desarrollo

Para que la web fuera muy rápida y tuviera un buen posicionamiento SEO, utilizamos Next.js como framework web y Shopify como plataforma de comercio electrónico, integrándolos mediante la Storefront API. Next.js y Edge Computing detectan automáticamente el idioma, la ubicación y la moneda del usuario. LeetDesk también quería una forma sencilla de editar los contenidos, por lo que optamos por Prismic. Allí se pueden editar fácilmente todos los textos, imágenes y vídeos, además de añadir páginas o bloques de contenido. Prismic admite varios idiomas, así que el equipo de LeetDesk puede publicar y editar contenidos en diferentes idiomas. Después, formamos al equipo de LeetDesk para que se familiarizara con estas tecnologías y aprendiera a transferir los datos de los servicios anteriores a los nuevos. Para mostrar LeetDesk de una forma única y atractiva, incorporamos animaciones basadas en el desplazamiento. Cuanto más interactúa el cliente con la web al desplazarse por la página, más información y animaciones aparecen. Además, gracias a la integración de aplicaciones de Shopify y otros módulos de terceros, la nueva web cuenta ahora con numerosas funciones, como reseñas de usuarios, seguimiento de GTM del lado del servidor, marketing de afiliación y un configurador 2D y 3D con función para guardar. Estas integraciones nos permitieron crear un sistema eficaz de reseñas con el que los clientes pueden ver el LeetDesk en acción a través de otros jugadores y conocer sus opiniones. Si un cliente interrumpe la personalización de su LeetDesk en el configurador a medida, puede guardarla, compartirla y recuperarla más adelante mediante un enlace breve y claro. Para despertar el espíritu lúdico de los clientes, integramos en la web juegos interactivos a modo de easter eggs. Los gamers que participan en la búsqueda del tesoro tienen que encontrar activamente los minijuegos, GANARLOS y así desbloquear códigos.