2026 - UI Design / Web Design
KAVRA
Sitio web corporativo para una agencia de desarrollo de software. Diseño minimalista, navegación lateral y experiencia enfocada en la conversión.
— Ficha de rol
- Rol
- UX/UI Designer
- Equipo
- Juan Rossi y yo
- Duración
- 5 días
- Plataforma
- Web
- Qué hice
- Diseño y usabilidad
— Contexto
Sin presencia digital propia en un sector saturado
KAVRA Soluciones Digitales operaba sin un sitio web propio. Toda su comunicación se daba a través de redes sociales y plataformas freelance, lo que generaba una identidad digital fragmentada y dificultaba la conversión de leads cualificados.
A través de un discovery con el CEO de KAVRA se identificó que la prioridad no era solo tener presencia digital, sino transmitir confianza técnica sin caer en clichés del sector. El requerimiento inicial llegó como una necesidad de visibilidad, pero las conversaciones revelaron que lo que realmente necesitaba KAVRA era una identidad que escalara con la empresa a medida que creciera, permitiendo agregar servicios y secciones sin perder coherencia visual.
— Solución
Una experiencia web simple y directa
Se optó por un diseño minimalista y moderno con foco en accesibilidad y navegabilidad. La estructura se organizó en cuatro secciones principales —Lobby, Servicios, Portfolio y Contacto— con una navegación lateral persistente que permite moverse entre ellas sin fricción.
El diseño se estructuró pensando en esa escalabilidad: una navegación lateral modular permite agregar nuevas secciones sin rediseñar todo el sitio. El formulario de contacto se priorizó como CTA principal porque el discovery con el CEO confirmó que el canal de entrada de leads más valioso para KAVRA es el contacto directo. Dado que el SEO no era una prioridad en esta etapa, se decidió priorizar la velocidad de interacción y una propuesta visual poco habitual dentro de la industria del desarrollo web empresarial, pero alineada con el branding de KAVRA.
— Características
Secciones diseñadas para convertir
LobbyPropuesta de valor clara
Hero con el lema "CREAMOS CON CRITERIO", explicando el enfoque de la agencia en transformar ideas en productos digitales claros y funcionales. Dos CTAs directos: Servicios y Contáctanos.
Servicios4 capacidades clave
Listado claro de los servicios ofrecidos: Desarrollo de software, Desarrollo web, Diseño UI y Experiencia de usuario. Cada ítem presentado con iconografía y estructura limpia.
PortafolioProyectos enfocados
Sección que invita a recorrer los proyectos en los que KAVRA trabajó en diseño y desarrollo de productos digitales. CTA "VER PORTAFOLIO" como puerta de entrada a la credibilidad.
ContactoFormulario + WhatsApp
Formulario completo con campos de Nombre, Empresa, Email, Teléfono y Mensaje. Integración directa con WhatsApp y estado de éxito visual tras el envío. "Organicemos una reunión" como mensaje de apertura.
— Stack tecnológico
Herramientas de diseño y prototipado
Mi rol en este proyecto fue el prototipado y diseño de toda la experiencia. Utilicé Figma para la exploración visual y los componentes, Figma Make para acelerar iteraciones de alta fidelidad, y Claude Code como asistente de desarrollo para reducir la brecha entre diseño y código. La aplicación sigue en desarrollo, pero mi tarea de diseño y entrega de prototipos finalizó.
— Decisiones clave
Decisiones que definieron el proyecto.
Navegación lateral — escalabilidad sobre convención
El problema
El discovery con el CEO reveló que KAVRA no necesitaba solo visibilidad: necesitaba una identidad digital que escale con la empresa, permitiendo agregar servicios y secciones sin perder coherencia visual. La arquitectura de navegación tenía que soportar ese crecimiento.
Las opciones
- —Top nav horizontal: el patrón estándar y más familiar, pero se vuelve rígida y se desordena al sumar secciones nuevas.
- —Menú hamburguesa: visualmente limpio, pero oculta la navegación y agrega un paso extra en cada cambio de sección.
- —Navegación lateral persistente: siempre visible y modular, aunque es un patrón poco habitual en sitios corporativos y ocupa espacio horizontal permanente.
La decisión
Elegí una navegación lateral persistente y modular: permite moverse entre Lobby, Servicios, Portfolio y Contacto sin fricción, y agregar nuevas secciones sin rediseñar todo el sitio. Lo que saqué en limpio fue escalabilidad real y orientación constante del usuario; lo que sacrificé fue la familiaridad inmediata del patrón estándar, a cambio de una propuesta distintiva dentro del sector.
Formulario de contacto como CTA principal — un solo embudo
El problema
Un sitio corporativo puede empujar al visitante hacia varios objetivos a la vez: ver el portfolio, explorar servicios, contactar. Había que decidir cuál era la conversión que realmente importaba para KAVRA.
Las opciones
- —Portfolio como CTA principal: mostrar el trabajo primero para generar credibilidad, pero demora la conversión.
- —CTAs distribuidos con igual jerarquía: no fuerza ningún camino, pero diluye el foco y dificulta medir qué funciona.
- —Formulario de contacto como CTA principal: apuesta toda la conversión a un canal, con el riesgo de concentrar el embudo en un solo punto.
La decisión
Prioricé el formulario de contacto como CTA principal porque el discovery con el CEO confirmó que el canal de entrada de leads más valioso para KAVRA es el contacto directo. Sumé una integración con WhatsApp como vía alternativa para quien prefiera no completar un formulario. El trade-off fue aceptar un embudo más concentrado: si el formulario falla, no hay una segunda conversión fuerte esperando detrás.
Velocidad de interacción y propuesta visual distintiva — por sobre el SEO
El problema
El sector del desarrollo web empresarial es visualmente saturado y repetitivo. KAVRA necesitaba transmitir confianza técnica sin caer en los clichés del rubro, y en esta etapa el SEO no era una prioridad del negocio.
Las opciones
- —Estructura y estética convencionales optimizadas para SEO: más predecible y amigable para buscadores, pero indistinguible del resto del sector.
- —Propuesta visual poco habitual con foco en velocidad de interacción: diferencia a KAVRA, pero resigna posicionamiento orgánico en esta etapa.
- —Camino intermedio: un diseño seguro con algunos toques distintivos, con el riesgo de no destacar ni posicionar.
La decisión
Elegí priorizar la velocidad de interacción y una propuesta visual poco habitual dentro de la industria, pero alineada con el branding de KAVRA. La decisión fue consciente: con el SEO fuera de las prioridades de esta etapa, el valor estaba en diferenciarse y convertir al visitante que ya llegaba. Lo que sacrificé fue el posicionamiento orgánico, una deuda que habrá que saldar cuando el negocio decida invertir en adquisición por buscadores.
— Próximos pasos
Conocé más sobre KAVRA
Sitio web corporativo diseñado para generar confianza y facilitar el contacto. Minimalismo funcional con foco en la experiencia de usuario.