VAL.

AgendaPro

RolRole
Senior Product Designer
EnfoqueFocus
Product DesignUXDesign SystemsIA aplicada al diseñoAI applied to design
AgendaPro app — home and search screens on iPhone 16 Pro mockup

De software de gestión a marketplace.From management software to marketplace.

AgendaPro conecta a profesionales de belleza, bienestar y salud con sus clientes. Trabajé en la evolución de su app B2C, acompañando la transformación del producto hacia un marketplace donde las personas pudieran descubrir servicios, reservar y volver.AgendaPro connects beauty, wellness and health professionals with their clients. I worked on the evolution of its B2C app, supporting the product’s shift toward a marketplace where people could discover services, book and come back.

Diseñar para un producto que estaba cambiando.Designing for a product that was changing.

El desafío fue ir más allá de agendar horas: entender qué necesitaban las personas para encontrar el servicio adecuado y cómo la experiencia podía conectar mejor la oferta con la demanda.The challenge was going beyond booking appointments: understanding what people needed to find the right service, and how the experience could better connect supply and demand.

Sistemas que hacen posible crecer.Systems that make growth possible.

Reestructuré el Design System para mejorar la consistencia entre diseño y desarrollo, con componentes, tokens y especificaciones preparados para un flujo de trabajo apoyado por IA.I restructured the Design System to improve consistency between design and development, with components, tokens and specs ready for an AI-assisted workflow.

Menos pantallas aisladas, más producto.Fewer isolated screens, more product.

Rediseñé experiencias clave como Home, Búsqueda, Agenda y Mis Reservas, además de desarrollar nuevas funcionalidades. Cada decisión buscó resolver necesidades reales y construir una experiencia coherente a medida que evolucionaba el producto.I redesigned key experiences like Home, Search, Schedule and My Bookings, and designed new features. Every decision aimed to solve real needs and build a coherent experience as the product evolved.

Strategic Shift
Cambio estratégico

From order and control to a living network.

De orden y control a una red viva.

The B2B SaaS keeps running.

This reframing changes decisions at every level. The app isn't a companion to a business tool anymore. It's the front door of a marketplace.

El SaaS B2B sigue funcionando.

Este reframing cambia decisiones en cada nivel. La app ya no es un companion de la herramienta de negocio. Es la puerta de entrada de un marketplace.

Before · The SaaS era
Antes · Era SaaS

Order and control

Orden y control

A B2B SaaS focused on the provider: scheduling, reminders, invoicing, reports, commissions.

Value prop: "AgendaPro helps you organise your business so you can focus on what matters."

Un SaaS B2B enfocado en el comercio: agenda, recordatorios, facturación, reportes, comisiones.

Propuesta: "AgendaPro te ayuda a ordenar tu negocio para que te preocupes de lo importante."

→
Pivot Pivot
Now · The marketplace era
Ahora · Era marketplace

A living marketplace

Un marketplace vivo

A two-sided network: end-consumers discover and book, providers gain a reliable source of new clients.

Value prop: when you think beauty, wellness or health — think AgendaPro first.

Una red de dos lados: los consumidores descubren y reservan, los comercios ganan una fuente confiable de clientes nuevos.

Propuesta: cuando piensas en belleza, bienestar o salud — piensa primero en AgendaPro.

How I work
Cómo trabajo

Systems that survive when I'm not in the room.

Sistemas que sobreviven cuando no estoy en la sala.

My differentiator isn't speed or visual craft — I have both, but they're not what makes my work distinct.

Three principles are the ones I apply every week. They're not branding; they're how the work actually gets done.

Mi diferencial no es velocidad ni oficio visual — tengo ambos, pero no son lo que distingue mi trabajo.

Hay tres principios que aplico cada semana. No son branding; son cómo se hace el trabajo realmente.

01

Spec-driven before pixel-driven.

Spec-driven antes de pixel-driven.

I write what a screen does — behaviour, states, edge cases — in markdown, before I open Figma.

Escribo qué hace una pantalla — comportamiento, estados, casos borde — en markdown, antes de abrir Figma.

02

AI & data as daily sparring.

IA y datos como sparring diario.

Claude + Figma and Notion MCPs are part of my daily process — research, synthesis, prototyping, DS sync.

Claude + MCPs de Figma y Notion son parte de mi proceso diario — research, síntesis, prototipado, sync del DS.

03

Experience over surface.

Experiencia antes que superficie.

Every shape is defended by asking "does this make the user's life easier, or add friction?" — not "does this complete the roadmap?" The end-client has to understand without being trained, so I design for their moment first and let the business side adapt.

Cada shape se defiende preguntando "¿esto hace la vida del usuario más fácil, o le agrega fricción?" — no "¿esto completa el roadmap?". El cliente final tiene que entender sin ser entrenado, así que diseño primero para su momento y el lado del negocio se adapta.

Design System
Design System

Opal Pro — an AI-native Design System.

Opal Pro — un Design System AI-native.

Before I arrived, the app had been assembled feature by feature — each screen with its own spacing, type and component logic.

The DS existed as a library. It didn't exist as infrastructure. So I refounded it.

Antes de que yo llegara, la app se armó feature por feature — cada pantalla con su propio spacing, tipografía y lógica.

El DS existía como librería. No existía como infraestructura. Así que lo refundé.

Opal Pro Design System — typography playground in iOS simulator with Claude Code and Xcode
43
Components — 18 atoms, 8 shared molecules, 17 module-local
Componentes — 18 átomos, 8 moléculas compartidas, 17 locales
27
Semantic colour tokens consolidated from legacy palette
Tokens de color semánticos consolidados desde paleta heredada
11↓ from 15
Typographic styles — consolidated 27%, not expanded
Estilos tipográficos — consolidados 27%, no expandidos
43
Figma doc pages — Summary / Patterns / Reference per component
Páginas de doc en Figma — Resumen / Patrones / Referencia por componente
Rebuilding the core
Reconstruir el core

Rebuilding the spine of the app.

Reconstruyendo la columna vertebral de la app.

With Opal Pro in place, I redesigned the four screens that carry most of the product's weight: Home, Search, Scheduler and My Bookings.

Special focus on Search — discovery, not conversion, is the real bottleneck. People sign up, land on home, and too many never see a provider's profile.

Con Opal Pro en su lugar, rediseñé las cuatro pantallas que cargan más peso del producto: Home, Search, Scheduler y Mis Reservas.

Foco especial en Search — descubrimiento, no conversión, es el verdadero cuello de botella. La gente se registra, llega a home, y demasiados nunca ven el perfil de un comercio.

Before Antes
Home screen before redesign
After Después
Home screen after redesign
Search redesign
Rediseño de búsqueda

Discovery, not just search.

Descubrimiento, no solo búsqueda.

The old search acted like a directory filter. The new one behaves like discovery — prompts, recent searches, location input, category shortcuts, empty states that guide rather than punish.

La búsqueda anterior funcionaba como un filtro de directorio. La nueva se comporta como descubrimiento — prompts, búsquedas recientes, input de ubicación, atajos por categoría, estados vacíos que guían en vez de castigar.

Before Antes
After Después
Shapes shipped & in motion
Shapes entregados y en curso

Eight shapes end-to-end in five months.

Ocho shapes end-to-end en cinco meses.

Every shape starts the same way: evidence review, PRD, flow map in FigJam, specs per screen, HTML prototypes, decision, Figma handoff.

Cada shape arranca igual: revisión de evidencia, PRD, flow map en FigJam, specs por pantalla, prototipos HTML, decisión, handoff a Figma.

Construyamos algo con sentido juntas/os.Let’s build something meaningful together.

Abierta a colaboraciones de producto, branding o proyectos con curiosidad. Si algo te resuena, me encantaría saber de ti. ¿Tienes un proyecto en mente o solo quieres conversar? Escríbeme y te responderé en un par de días.Open to product, branding or curious side projects. If any of this resonates, I’d love to hear from you. Have a project in mind, or just want to chat? Write to me and I’ll get back to you within a couple of days.

Agenda una llamada →Book a call →
valepvzb@gmail.com·LinkedIn·Santiago, Chile