Findasense: Rediseño del Ecosistema Digital Global
UX/UI Design · Design Thinking · WordPress 6.4 · Multilingual (ES/EN/PT)
El Contexto: De la Noticia Corporativa al Motor de Leads
Findasense, como consultora global de transformación digital, necesitaba una web que no solo informara, sino que demostrara su expertise. El sitio anterior sufría de una “deuda de diseño” y una arquitectura confusa: el Hero principal era una noticia interna sobre su adquisición por TP Infinity, desperdiciando el espacio más valioso para comunicar su propuesta de valor.
Mi reto fue reconstruir esta identidad digital bajo una premisa: El usuario no quiere saber quién eres hasta que entiende cómo puedes ayudarle.
Proceso de diseño
Mi metodología se centraba en transformar la complejidad técnica en una experiencia de usuario fluida y coherente a nivel global.
01 — Descubrimiento: Auditoría de UX y Benchmark
No empezamos diseñando, empezamos analizando. Realicé una auditoría que reveló que el 60% de los puntos de fricción eran estructurales.
Puntos Críticos detectados:
- Sobrecarga Cognitiva: Secciones duplicadas como “¿Qué hacemos?” vs “¿Qué problemas resolvemos?”.
- Falta de Jerarquía: Todo el contenido tenía el mismo peso visual, dificultando el escaneo.
- Navegación Ciega: Secciones como “Insights” no permitían volver al Home, rompiendo el flujo del usuario.
- Formulario de Alta Fricción: Demasiados campos y pasos, lo que desplomaba la tasa de conversión.
Análisis Competitivo (Benchmarking): Analicé a líderes como R/GA, MRM, GUT y Globant. Extraje patrones de éxito que aplicamos al proyecto:
- Tipografía Bold + Mayúsculas: Para transmitir autoridad y un tono editorial moderno.
- Layouts Modulares: Inspirados en Huge, permitiendo que la web sea escalable y fácil de leer.
- Micro-interacciones: Hovers sutiles en color rojo (branding) para guiar el ojo hacia la acción.
02 — Definición Estratégica: Los 3 Pilares
Basándome en los hallazgos, definimos tres ejes de acción para guiar el rediseño:
- Claridad: Una propuesta de valor directa en el Hero y textos optimizados para el escaneo rápido.
- Confianza: Priorización visual de Casos de Éxito y Clientes (Coca-Cola, Lenovo, Bimbo) desde el primer scroll.
- Conversión: Rediseño del formulario de contacto a un modelo de campo único simplificado de 5 pasos, reduciendo el abandono.
03 — Arquitectura y Estrategia de Contenidos
Propuse una reestructuración total del Sitemap invirtiendo el orden tradicional para priorizar la conversión y el expertise. Aquí se muestra el ecosistema global organizado por nodos funcionales:
- Decisiones de UX Writer: Eliminamos el lenguaje redundante y unificamos secciones de metodología y cultura bajo “Quiénes somos”.
- Navegación Persistente: Rediseñamos el Header para incluir un CTA de contacto siempre visible y un selector de idioma (ES/EN/PT) accesible desde cualquier nivel.
04 — Diseño UX/UI: Sistema Visual y Prototipado
El diseño se construyó en Figma utilizando un Sistema de Diseño (UI Kit) pensado para la implementación técnica en WordPress 6.4.
Wireframing Low-Fi: Definimos el flujo de usuario asegurando que nunca hubiera un “callejón sin salida” (especialmente en las páginas de noticias y prensa).
Diseño High-Fidelity:
- Modulación: Secciones divididas por bloques de color para separar visualmente los servicios de los casos de éxito.
- Identidad Visual: Implementación del “Rojo Findasense” como color de acento en palabras clave y botones consistentes.
- Mobile First: Cada componente fue testeado para garantizar que la legibilidad en dispositivos móviles fuera tan potente como en desktop.
- Prototipo Interactivo: Entregué un prototipo navegable que permitía al equipo interno de Findasense experimentar las transiciones y el flujo del formulario antes de pasar a desarrollo.
05 — Viabilidad Técnica y Testing
Como el sitio se implementaría en WordPress 6.4, cada bloque diseñado fue validado con el equipo de desarrollo para asegurar que fuera factible mediante Gutenberg o constructores visuales, evitando código innecesario que afectara la velocidad de carga (WPO).
Realizamos revisiones semanales ajustando:
- La claridad del mensaje en el Hero.
- La respuesta táctil de los botones en mobile.
- La coherencia del multidioma en layouts complejos.
Solución Final e Impacto
El resultado es una web minimalista, potente y orientada a resultados que redefine la presencia digital de Findasense.
Posicionamiento
Findasense ahora compite visualmente con las mejores agencias del mundo, transmitiendo autoridad y modernidad.
Usabilidad
Se eliminaron los errores de navegación y se redujo la profundidad de clics para llegar a la información clave.
Conversión
El nuevo formulario simplificado está diseñado para aumentar significativamente el volumen de leads calificados.
Escalabilidad
Un sistema de componentes robusto listo para crecer y adaptarse a las futuras necesidades de la consultora.
Entregables del Proyecto
- Audit de UX y Benchmark competitivo.
- Nuevo Sitemap y Arquitectura de Información.
- Wireframes Low y High Fidelity.
- UI Kit completo: Variables, componentes y estilos.
- Prototipo interactivo en Figma.
- Guía de estilo para implementación en WordPress.
Resultado Final: Ecosistema Digital
Explora la experiencia diseñada para el ecosistema global de Findasense.
Haz clic en la imagen para explorar la web real ↑