El Plan
L3TCraft, una de las principales agencias de España en el marketing de influencers con representados como Alexelcapo, Knekro o Zeling, se pone en contacto con nosotros por el trabajo que hemos realizado previamente para su vertical de educación, l3tcrafteducacion.com, diseñando y realizando el mantenimiento de su página web (puedes echar un vistazo al proyecto aquí, nos quedó chulo 😜).
Como suele ser el caso de muchos de nuestros clientes, su página web no disponía de la capacidad para ofrecer el contenido que necesitaban para posicionarse en los principales buscadores y tampoco respiraba con la modernidad que esperaban de la marca.
Nuestro contacto durante el trabajo mediante Discord, nuestra herramienta de comunicación, fue Héctor, un apasionado del proyecto que nos puso las cosas muy fáciles al entender por completo el lenguaje y los objetivos imprescindibles para impulsar L3TCraft. Realizaron un estudio de SEO y nos proporcionaron el contenido y los textos a introducir en la página web, así como un mapa de las 16 landings que la conformarían. Sí, has leído bien: 16 landings únicas para posicionar la agencia en función de todos los servicios que ofrecen.
Realizamos un briefing para entender mejor el concepto de la marca y lo complementamos con un estudio de su trabajo hasta la fecha, manteniendo su color corporativo salmón y con un objetivo principal: crear una página web que convirtiese y posicionase.
Ahora era nuestro turno para hacer que todo su trabajo luciese tan bien como su propia pasión, respirando la modernidad en la que se enfoca la agencia y, como signo de nuestro trabajo, respondiese a una usabilidad cómoda para todo tipo de usuarios y en todo tipo de plataformas. ¡Manos a la obra!
El Proceso
L3TCraft es una agencia de influencers. Tanto de los que stremean en Twitch y YouTube, como los que crean vídeos en TikTok o quienes promocionan su «lifestyle» a través de Instagram. Por lo que había un gran condicionante inicial: la página web tendría que tener un fondo oscuro, apelando aún más a esa modernidad juvenil y el crecimiento en popularidad (nos incluimos) de los temas oscuros en las aplicaciones.
La estructura de las landings de la agencia marcaba una serie de elementos que serían repetidos y compartidos entre ellas, por lo que necesitábamos desarrollar un sistema de componentes que tuviese armonía en todas sus aplicaciones.
Tocaba prototipar. Para este proyecto utilizamos Adobe XD, a pesar de que ahora somos fans acérrimos de Figma, pero que, en este caso, nos proporcionaba allá por 2023 todas las comodidades que necesitábamos para desarrollar la primera landing y home de la nueva l3tcraft.com.
Optamos por diseñar una sección Hero mucho más llamativa y que fuese el centro de toda la atención para el usuario que accede a la web. Ampliando la disposición para el ancho máximo y jugando con una animación en tres capas (imagen de fondo, isotipo de la marca y título de la página), obtuvimos un resultado que comulgaba con el objetivo de usabilidad y sencillez.
Utilizamos imágenes con colores vibrantes entre los azules cyan y el magenta, siempre en consonancia con el color principal de la marca, y con el uso de degradados para dar una mayor sensación de suavidad y armonía. Además, creamos un patrón con símbolos asociados al gaming con un círculo, un triángulo, una equis y un cuadrado que, con una transparencia mínima, ayudaron a dar volumen al fondo de la página.
El prototipo se llevó el visto bueno, pero surgió una idea interna que nos llevó a dar una vuelta a todo el trabajo de color que habíamos hecho: ¿cómo sería la página utilizando colores blancos? El cliente quería ver una opción con la misma estructura, pero variando el esquema de color. Dicho y hecho.
Aunque nuestra perspectiva inicial estaba alineada con la misma idea del cliente en fomentar el uso de un esquema oscuro, cuando comenzamos a rediseñar la landing principal en un esquema claro descubrimos que la web adquiría mucho más impacto, potenciando un aspecto de organización, limpieza y profesionalidad que no terminaban de explotar en el esquema oscuro.
En el proceso tuvimos que replantear el uso de los colores principales de la web, así como todas las imágenes que la componían. Utilizando imágenes libres de derechos, fomentamos los fondos blancos y la luminosidad. El resultado fue tan espectacular que la decisión fue unánime: cambiamos al blanco.
Desarrollo en WordPress
Trabajando en el CMS de WordPress y con la potencia de Bricks Builder como nuestro constructor de cabecera, comenzamos sentando las bases del proyecto: optimización de enlaces, creación de campos personalizados adicionales, sistema de backups y un plugin de SEO que nos permitiese introducir el trabajo realizado por el estudio que comentaba anteriormente en cada una de sus landings.
La agencia necesitaba funcionalidades adicionales que permitiesen agregar nuevo contenido de forma autónoma para añadir información de sus influencers representados, por lo que desarrollamos un sistema sencillo e intuitivo con el que el cliente podría introducir simplemente los datos textuales utilizando WordPress y se pintarían automáticamente mediante un diseño continuo en la página.
Nos solicitaron poder incluir datos como una fotografía, el nombre, el número de seguidores y enlaces a sus redes sociales. Como decimos siempre, en Minato Studio somos compañeros de equipo cuando empezamos a trabajar juntos, así que ofrecimos una sugerencia: añadir también una serie de datos variables con hitos conseguidos por el/la influencer como premios o cualquier cosa que pudieran querer añadir. Y les encantó la idea.
Una vez definida toda la estructura artística y con las tecnologías desarrolladas, finalizamos el desarrollo de las 16 landings para cada una de las casuísticas de búsqueda SEO que permitiesen a la agencia posicionarse en Google y el resto de buscadores como la principal opción.
Construimos las ventanas emergentes (Popup) para contactar con la agencia, así como una variable que permitiese contactar directamente para trabajar con cada uno de los representados. Terminamos con el desarrollo responsive asegurando que la página web lucía igual de bien tanto en dispositivos de escritorio como en móvil.
Como último paso, realizamos la optimización del contenido mediante el uso de las licencias premium de los plugins con los que solemos trabajar: WP Rocket y Perfmatters, así como la seguridad y optimización de Cloudflare. Minificando el javascript y el CSS, y reduciendo la carga en cada página de la web a los elementos requeridos, obtuvimos un resultado óptimo de rendimiento.
Revisión y solución de errores
En este caso, el cliente contaba con su propio servidor en el cual instalamos y desarrollamos la página web. Una vez completado el desarrollo, iniciamos la fase de revisión y solución de errores: el cliente dispone de una semana para revisar el contenido y el funcionamiento de la web en todos los soportes.
Y sí, suelen surgir errores y rectificaciones. No sólo en el apartado artístico; muchas veces nuestros clientes ven más claras sus ideas una vez el proyecto está completo y listo para su revisión. Es completamente normal y actuamos en consecuencia, aplicando los cambios necesarios y modificando aquellos apartados que necesiten apuntalarse.
Además, revisamos el servicio de envío de emails automatizado y el contacto para que toda la experiencia de usuario fuese óptima con el objetivo permanente de realizar conversiones reales para la agencia y sus influencers.
El Resultado
Gracias a la renovación de la página web, el estudio de SEO en el que pudimos apoyarnos gracias a trabajo externo y nuestra seña de identidad en el resultado UX/UI, l3tcraft.com consiguió duplicar sus impresiones y clics en apenas un mes de uso.
Con más de 16 páginas únicas dedicadas a su posicionamiento en función de los diversos servicios de marketing ofrecidos, desde Minato Studio estamos muy orgullosos de haber podido trabajar de la mano de una de las agencias de influencers más punteras de nuestro país.
Puedes echar un vistazo al resultado en vivo y en directo accediendo directamente a l3tcraft.com.