Rediseño de una página web de la industria crypto

Rediseño de una página web de la industria crypto

Rediseño de una página web de la industria crypto

Rediseño de una página web de la industria crypto

Oportunidad a resolver

MTS Club mostraba una comunicación — tanto en contenido como en elementos visuales — que transmitía las características de un negocio sin conexión tecnológica, y con contenido desactualizado que no reflejaba las nuevas líneas de negocio. Estas nuevas líneas estaban más estrechamente relacionadas con consultoría empresarial, pero sin enfatizar que este apoyo ahora sería entregado y potenciado por herramientas tecnológicas como blockchain e inteligencia artificial.

Entregables

UI Design

UX Design

Equipo

Front end developer

Front end developer

Backend developer

Project manager

Herramientas

Figma

No items found.

Planteamiento del Problema

Basado en el análisis cualitativo de stakeholders, potenciales inversionistas y potenciales clientes, el sitio web de MTS Club mostraba una comunicación — tanto en contenido como en elementos visuales — que transmitía las características de un negocio sin conexión tecnológica, y con contenido desactualizado que no reflejaba las nuevas líneas de negocio. Estas nuevas líneas estaban más estrechamente relacionadas con consultoría empresarial, pero sin enfatizar que este apoyo ahora sería entregado y potenciado por herramientas tecnológicas como blockchain e inteligencia artificial.

Mi Enfoque de Investigación

Como parte del proceso de transformación digital y actualización de MTS Club, mi primera acción fue reunirme con los stakeholders y el CEO para recopilar, a través de documentación y conversaciones uno a uno, los principios y servicios que definirían la nueva identidad de la plataforma.

De este proceso, los insights más valiosos que obtuve fueron los siguientes:

La plataforma no parece una plataforma tecnológica
Stakeholders

El estilo de comunicación está localizado para Argentina debido a variaciones de lenguaje que la hacen sentir específica para esa región, mientras que el negocio quiere presentarse como abierto al mundo, especialmente al mercado LATAM.
CEO

El producto principal de la empresa cambiaría a chatbots de IA en lugar de consultoría empresarial — un producto que, en la página principal del diseño actual, estaba posicionado muy abajo en la estructura de la página.
De documentos y entrevistas con stakeholders

Solución

Se creó una propuesta de diseño para alinearse con un estilo más moderno y orientado a la tecnología.

Para esto, se desarrolló un sistema de diseño con una nueva escala tipográfica, utilizando Archivo para títulos y subtítulos, y Segoe UI para elementos de cuerpo de texto.

En cuanto al color, se mantuvo el mismo azul como base — que, en nuestro análisis comparativo de plataformas tecnológicas, es un color comúnmente asociado con la industria tech (con empresas como Facebook usándolo como su color primario).

Se adoptó un estilo de degradado para resaltar estados hover y añadir énfasis a ciertas secciones del contenido que eran clave para comunicar la nueva identidad y propuesta de valor del proyecto.

La primera iteración fue la siguiente:

Para presentar este entregable, se realizó una reunión con el product owner del proyecto — quien también era el CEO de la empresa. De esta reunión, recopilamos los siguientes insights accionables:

  • Decidimos cambiar el layout del hero, ya que la viabilidad técnica favorecía un diseño de dos columnas.
  • Como el producto era un nuevo lanzamiento, aún no había testimonios de clientes disponibles, aunque se reconoció la importancia de obtenerlos pronto, para generar prueba social, aumentar la confianza en el producto y, en consecuencia, reducir los costos de adquisición de clientes.

Con estos aprendizajes obtenidos, lanzamos la segunda iteración que se muestra a continuación

En esta segunda iteración — que también fue presentada al product owner — se implementaron los dos cambios sugeridos de la presentación anterior. Adicionalmente, propuse integrar un blog para apoyar el descubrimiento y posicionamiento SEO, aprovechando el enfoque previo de MTS Club en construcción de comunidad y educación. Esto podría servir como un espacio para continuar produciendo contenido educativo que fortaleciera el posicionamiento de la plataforma.

Como una sugerencia acordada para futuras iteraciones del sitio web, se decidió que en lugar de testimonios de clientes, podría haber una sección dedicada a educar a los usuarios sobre diferentes casos de uso de IA en un contexto empresarial.

Impacto en el Negocio

A través del equipo de marketing — que fue responsable de implementar las herramientas de medición de rendimiento del producto — pudimos rastrear los KPIs clave que habíamos establecido: número de visitantes, número de clics en cualquier CTA, y número de leads generados en la página donde el chatbot de IA guiaba a los usuarios hacia la mejor solución para su negocio.

En el primer mes, hubo 320 usuarios, y el porcentaje de usuarios que hicieron clic en cualquier CTA fue del 4%. De ese 4%, el 2% completó el formulario para avanzar al siguiente paso, que era una interacción uno a uno con un agente de ventas. Basado en el objetivo de lograr al menos 1% de conversiones finales, cumplimos exitosamente con la meta deseada.

02

Refactoring design system

2025
Ver más
Ver más
Ver más
Ver más

Aumentando la eficiencia del desarrollo de producto en 59% con un sistema de diseño escalable

Design system
UI Design
UX Design
03

Zona Running

2020
Web design
Ver más
Ver más
Ver más
Ver más

Democratizando el bienestar físico y mental con una plataforma digital que refuerza la confianza de la marca y reduce el tiempo de conversión en un 33 %.

User Flow
Wireframes
Prototyping
Web development
04

Money Center

2023
Product Design
Ver más
Ver más
Ver más
Ver más

Solución digital basada en insights Job to be Done, construida sobre un proceso UX sólido y proactivo para cubrir dinámicamente las necesidades de los usuarios.

User Interviews
Surveys
Wireframes
Prototypes
UX workshops
01

Event flow

2025
Thumbnail redesign event registration flow
Ver más
Ver más
Ver más
Ver más

Rediseñando la experiencia de usuario de un flujo de registro de eventos, logramos un 18,35 % de conversión y un 25,97 % de nuevas cuentas.

Wireframes
User flow
Prototypes
Design system update
05

Kaydu

2023
Web design
Ver más
Ver más
Ver más
Ver más

Optimize the user experience to improve the conversation rate of a SaaS acquisition platform.

UI design
UX design
Web development