Intención de UI para modernizar y abstraer lo visual

En breve

La interfaz original era funcional pero genérica: azul tech, esquinas vivas y sin jerarquía visual clara. El rediseño introdujo un layout de cards que separa el detalle del trabajo de la conversación, una paleta cálida de verdes suaves, beiges y carbón, y una geometría redondeada que invita a interactuar en vez de exigir cumplimiento. Más allá de la UI, la presentación de marketing aplica abstracción de interfaz: quita el chrome del browser y aísla solo los componentes centrales, para que la propuesta de valor se lea al instante sin que el espectador tenga que interpretar la pantalla. El resultado es una interfaz que comunica facilidad y humanidad antes de leer una sola palabra.

Aunque la interfaz original ("antes") era funcional, carecía de la jerarquía visual y la estética necesarias para guiar a los usuarios de forma intuitiva y mantener su interés. El diseño actualizado ("después") y sus equivalentes de marketing abstractos se centran en la claridad, la calidez y la comprensión inmediata.

Intención estratégica: por qué lo cambiamos

El objetivo principal era cambiar la percepción del usuario de una "tarea administrativa" a una "conversación humana".

Generar confianza

En el sector de la salud y el talento, la esterilidad puede resultar fría. Necesitábamos aportar calidez para que la plataforma se sintiera como un socio y no solo como una herramienta.

Intervenciones clave: qué cambiamos

Jerarquía visual y contención

Introdujimos un sistema basado en tarjetas (los contenedores beige y blancos). Esto agrupa la información relacionada de forma lógica —separando los "detalles del puesto" de la "conversación"—, lo que permite al usuario procesar dos tareas distintas simultáneamente sin confusión.

Estética y tono

Antes: El "azul tecnológico" estándar y el blanco puro resultaban genéricos e inacabados. También podían transmitir la sensación de una aplicación basada en un tema predeterminado.

Después: Implementamos una paleta refinada de verdes suaves, beiges cálidos y texto en gris oscuro. Esto crea un entorno profesional y relajante que se alinea con una oferta de servicio premium.

Modernización de componentes

Antes: Esquinas afiladas y campos de entrada estándar del navegador.

Después: Suavizamos la interfaz con esquinas redondeadas en botones, burbujas de chat y tarjetas. Esta geometría "amigable" invita a la interacción y moderniza la imagen de marca.

Antes y después: Interfaz de conversación con IA.

Antes y después: Tarjeta de puesto vacante.

La estrategia de abstracción: cómo lo presentamos

Para los recursos de marketing y los elementos visuales de cara al público (el resultado final), aplicamos una técnica llamada "abstracción de interfaz".

Señal sobre ruido

Eliminamos los elementos del navegador (barras de URL, marcadores, bordes de ventana) que aparecían en las capturas de pantalla originales. Estos elementos añaden ruido visual pero no aportan ningún valor.

Enfoque en las funcionalidades

Al aislar los componentes de la interfaz —específicamente la interacción del chat y la superposición de la tarjeta de empleo— obligamos al espectador a centrarse por completo en la propuesta de valor principal: la facilidad para postularse y la claridad en la comunicación.

El resultado

El resultado no es solo una pantalla más estética, sino un activo comunicativo. La imagen del "después" transmite al instante la facilidad y el carácter humano de la plataforma. Al destilar la interfaz hasta su esencia, ahorramos al usuario el tiempo de tener que interpretarla, permitiéndole comprender de inmediato la propuesta de valor: sencilla, conversacional y centrada en las personas.