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.
— 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 Juan Rossi 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 escale con la empresa a medida que crece, 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 Juan Rossi 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
LobbyValue proposition 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 invitando 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. "Organizemos 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ó.
— Resultados
Un MVP listo para escalar
30 horas
de research de competencia y mercado
04
páginas principales para navegación fácil y ágil
98%
responsive para todos los dispositivos
— TESTIMONIOS DEL EQUIPO
Lo que dicen quienes trabajan con el diseño
"El diseño de KAVRA superó nuestras expectativas. La identidad visual que logramos representa exactamente lo que queríamos proyectar como empresa. Desde el rediseño, notamos un 25% de mejora en el engagement de nuestras redes y en la llegada de nuevos clientes. Estamos muy contentos con el resultado y sabemos que este es solo el comienzo."
— CEO, KAVRA
"Como desarrollador front, valoro mucho cuando un diseño está pensado para ser implementado. En este caso, la estructura, los espaciados y la consistencia de componentes hacen que sea muy sencillo seguirlo desde el código. Se nota que fue diseñado con el handoff a devs en mente."
— Líder de Desarrollo Front-end, KAVRA
— HEURÍSTICAS
Buenas prácticas que se cumplen.
Basadas en las 10 heurísticas de usabilidad de Jakob Nielsen.
Visibilidad del estado del sistema
La navegación lateral resalta visualmente la sección activa. Los botones de CTA tienen estados hover y focus claros. El usuario siempre sabe dónde está.
Coincidencia entre el sistema y el mundo real
Las etiquetas de navegación usan lenguaje familiar: Lobby, Servicios, Portfolio, Contacto. No hay jerga técnica innecesaria que confunda al visitante.
Control y libertad del usuario
La navegación lateral permite saltar entre secciones en cualquier momento. No hay flujos forzados ni pasos obligatorios para llegar al formulario de contacto.
— 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.