Prozeso

El desafío

Prozeso es un SaaS B2B que ayuda a pequeñas y medianas empresas a automatizar flujos de trabajo internos con IA. El fundador ya contaba con un producto funcional y clientes de pago, pero necesitaba una capa visual y de comunicación más clara para apoyar el crecimiento.

El sitio web tenía que hacer algo más que verse profesional. Necesitaba explicar un producto técnico de forma sencilla, generar credibilidad rápidamente y guiar a los visitantes no técnicos hacia la acción.

El reto principal era la claridad.

La automatización con IA puede resultar fácilmente abstracta, compleja o demasiado técnica. La landing page debía traducir esa complejidad en un mensaje que los propietarios de negocio pudieran entender rápidamente:

• qué hace el producto,
• para quién está diseñado,
• por qué es relevante,
• y cuál es el siguiente paso.

Mi rol

Fui responsable de la capa de diseño del proyecto, desde la estructura de la landing page hasta el sistema visual.

Mi trabajo incluyó:

• definir la estructura de la landing page,
• diseñar la interfaz visual,
• crear un sistema de diseño escalable,
• colaborar con el fundador/desarrollador para alinear las decisiones de diseño con la dirección del producto.

Enfoque

Convertir la complejidad en claridad

La landing page se estructuró en torno a resultados de negocio concretos más que a características técnicas. En lugar de hablar de “automatización con IA”, la página debía comunicar valor práctico: ahorro de tiempo, reducción del trabajo manual y una operativa más eficiente para los equipos.

Generar confianza para un producto técnico

Como el público objetivo no era necesariamente técnico, el diseño tenía que transmitir profesionalidad, fiabilidad y facilidad de comprensión. La dirección visual debía reforzar la credibilidad sin hacer que el producto pareciera frío ni excesivamente corporativo.

Crear bases escalables

Junto a la landing page, creé un sistema de diseño con fundamentos y componentes reutilizables. Esto facilitó la extensión visual del producto y ayudó a mantener la consistencia más allá de la primera página de marketing.

Design system y librería de componentes

Más allá de la landing page, diseñé un design system completo — tokens, componentes y estados — y lo construí como una librería de componentes reutilizable, en lugar de piezas de UI aisladas por página. Está construida con React y Tailwind CSS, sobre primitivas de shadcn/ui personalizadas con los tokens propios de Prozeso.

Para mostrar cómo se comportan esos componentes en un contexto de producto real (no solo como piezas de UI sueltas), armé además una demo de app: una interfaz tipo dashboard construida enteramente con el mismo design system. Es una maqueta de interfaz estática pensada para mostrar el look and feel, no una aplicación funcional conectada a datos reales ni a lógica de backend.

La librería de componentes está publicada en GitHub, y podés explorar la demo en vivo para ver los componentes en contexto.

Resultado

El resultado fue una landing page en producción y un sistema de diseño para un producto SaaS real con clientes de pago activos. El proyecto le dio a Prozeso una presencia pública más clara y una base más sólida para el trabajo futuro de producto y marketing.

Reflexión

Este proyecto es un buen ejemplo del tipo de trabajo que más me motiva: tomar una idea compleja y convertirla en una experiencia digital clara, estructurada y visualmente cuidada.