Proyecto personal · mayo de 2026
El móvil te avisa el mismo día, cuando ya es tarde para regalar algo bueno. Diseñé PickPal y dirigí su construcción full-stack con Claude Code: de la idea a beta privada en 7 días.
Rol
Product Designer · desarrollo full-stack dirigido con Claude Code
Herramientas
Figma · Claude Code · Next.js · Convex · Clerk · Gemini 2.5 Flash · Resend
De idea a producción
7 días
Usuarios en beta privada
10+
PickPal te ayuda a dar siempre con un regalo pensado para las personas que te importan. Centraliza quiénes son (intereses, notas, tallas y fechas importantes) y, cuando se acerca una ocasión, genera ideas con IA adaptadas a esa persona concreta y a ese momento. Lo diseñé todo y dirigí la construcción con Claude Code: sistema de diseño, copy y full stack, y lo lancé a una beta privada con usuarios reales.
El problema
Dos problemas encadenados: olvidar la fecha (el aviso te llega el mismo día, ya tarde para algo pensado) y, aun a tiempo, no saber qué regalar. Ante el hueco en blanco, acabas en la opción genérica de última hora.
La solución
Una app web que combina un rastreador de fechas con un asesor de regalos por IA: añade la persona, la ocasión y el presupuesto, y obtén 9 ideas personalizadas con enlaces directos para comprarlas.
PickPal nació de un problema mío, y hablándolo de forma informal con amigos y familia salía siempre el mismo patrón. Antes de escribir una línea de código revisé cómo lo resuelve la gente hoy (recordatorios del móvil, wishlists, una búsqueda de última hora) y ninguna cerraba el círculo entre saber la fecha y saber el regalo. Validación ligera, no investigación formal, pero lo bastante consistente como para construir sobre ella.
De los cuatro apaños habituales, solo PickPal cubre toda la cadena: de anticipar la fecha a una idea concreta que encaja con la persona y el presupuesto. La puntuación es mía sobre mi propio producto, así que lee mi columna como intención, no como auditoría.
| Capacidad | PickPal | Recordatorios | Amazon Wishlists | Búsqueda Google | Apps recordatorios |
|---|---|---|---|---|---|
| Recuerda con antelación | |||||
| Sugiere qué regalar | |||||
| Mantiene la sorpresa | |||||
| Contexto personal (intereses, tallas) | |||||
| Sensible a ocasión y presupuesto | |||||
| Aprende de tu uso |
Familiares, parejas, amigos cercanos
Perfil
Alguien que cuida sus relaciones y quiere que sus regalos transmitan algo. No busca una herramienta de productividad ni un CRM, quiere acertar con las personas que le importan.
Objetivos
Frustraciones
El verdadero dolor no es olvidar, es la parálisis de decisión que viene después de que recuerdas. Los móviles ya resuelven el recordatorio.
Una forma, casi obvia a partir del insight: un registro de fechas más un consejero de regalos con IA, para que el aviso y la decisión estén en el mismo sitio.
Descarté pronto los enfoques de CRM, app de productividad y red social, porque todos arrastran el producto hacia listas de contactos frías y dashboards. PickPal tenía que seguir siendo personal y cálido, y cada decisión posterior tuvo que defender esa línea.
Soy diseñador de producto y no escribo código. Las decisiones de producto y diseño fueron mías, hasta el schema de la base de datos; Claude Code escribió la implementación.
Mapear el problema
Validación ligera, antes de una línea de código
Construcción full-stack
Next.js · Convex · Clerk · Gemini · Resend
Lenguaje de diseño
Calidez de cuaderno de papel, a propósito
Beta privada
11 de mayo de 2026 · 10+ usuarios reales
La base es Next.js. Un mismo framework para la interfaz y para los endpoints de servidor (las API routes). Así el front y la lógica sensible (llamar a la IA y validar su respuesta) viven en el mismo proyecto, sin un backend aparte que mantener.
Sobre esa base, el producto necesitaba cuatro cosas más, así que elegí una herramienta para cada una:
Convex
Almacenar la información
Base de datos en tiempo real. Las fechas y las personas que guardas se actualizan solas, sin estados de carga que diseñar. Sentirse instantáneo era el punto.
Clerk
Cuentas y seguridad
Auth, inicio de sesión y acceso con Google de fábrica. Una primera pantalla que da confianza sin construirla desde cero.
Gemini 2.5 Flash
Generar las ideas
Rápido y económico (un mes de búsquedas cuesta menos de un céntimo), con cada respuesta validada antes de mostrarse.
Resend
Recordatorios de eventos
Email transaccional que envía el aviso antes de cada fecha.
El perfil de la persona, con sus gustos, lo que no le gusta y los regalos anteriores, entra en Gemini. Antes de llegar a ti, su respuesta pasa por un filtro automático que comprueba tres cosas, que esté bien presentada, que cumpla las reglas y que las tiendas sean válidas. Lo que no las supera se descarta y se genera de nuevo.
Perfil de la persona
Gemini 2.5 Flash
Analiza el contexto
Filtro automático
Formato: Cada idea trae título, motivo, precio y enlace
Reglas: Sin duplicados y dentro del presupuesto
Tiendas: Solo enlaces a tiendas verificadas
Si falla un control, la idea se descarta y se regenera
RESULTADO
9 ideas que han pasado los 3 controles
PickPal trata de las personas que quieres, así que lo diseñé para que se sintiera como un cuaderno de papel cálido, no como un producto SaaS. Esa misma idea recorre cada color, tipografía, componente y línea de texto.
Mis referencias eran Things 3, un Notion personal y papelería de calidad. Fue una apuesta deliberada sobre cómo debía sentirse el producto, tomada antes de que existiera ninguna pantalla.
Cada decisión visual tenía que pasar una prueba. ¿Encajaría en un cuaderno o en un dashboard? Cualquier cosa que recordara a Linear, Material o Stripe estaba mal por definición.
Paleta
primary
#2D4033
accent
#D97757
surface
#FBF7EE
primary
#4F6E55
accent
#DE9270
surface
#2A241F
Tipografía
Aa
Fraunces
serif · solo titulares
Aa
Geist
sans · cuerpo y UI
Voz y copy
Sí
No
Hablamos de personas, no de un CRM.
Decisiones de componente
La tarjeta se levanta
Toda la tarjeta es clicable.
María
Intereses
Pablo
Intereses
Estados vacíos con voz
Cada vacío tiene nombre y una salida clara.
Una libreta en blanco
Aún no has añadido a nadie. Empieza por las personas que te importan.
Autoguardado, sin botón
Se guarda solo al salir de cada campo.
Tres pasos: apuntas quién es cada persona, añades las fechas que importan y recibes ideas que puedes comprar de verdad.
Crea un perfil para cada persona que importa: nombre, relación, intereses, notas libres, tallas y cosas que no le gustan. Todo lo que guardas alimenta el prompt de generación: los intereses orientan qué sugiere la IA y lo que no le gusta, qué evita.
A cada persona le añades las ocasiones que quieres recordar, cumpleaños, aniversario, graduación o cualquier fecha propia. Cada ocasión tiene su propio presupuesto: puedes gastar diferente en el cumpleaños y en Navidad de la misma persona.
El dashboard lista todas las fechas próximas ordenadas por días restantes, con un filtro de 30 / 60 / 90 días y avisos por email opcionales. Abres una, eliges el tipo de regalo (producto físico, experiencia, tiempo juntos o sorpréndeme) y la IA devuelve 9 ideas adaptadas a ese perfil y a ese presupuesto, cada una con una breve explicación, su rango de precio y chips a las tiendas más relevantes.
Presupuesto por ocasión, no por persona
Un cumpleaños y el Día de la Madre de la misma persona merecen dinero distinto, así que el presupuesto vive en la ocasión. Cada una trae ideas ajustadas a ese momento y no un "hasta 50 €" para todo.
Cuatro tipos de regalo
Para muchas personas, el mejor regalo no se compra. Por eso el tipo de regalo cambia el prompt y las tiendas: "Tiempo juntos" propone planes y cosas hechas a mano; "Experiencia", restaurantes o talleres.
Descarte inteligente con memoria de categorías
Un pulgar hacia abajo guarda el título y su categoría, de modo que el siguiente prompt aprende el patrón de lo que no encaja con esa persona y no solo la idea suelta que rechazaste.
Un rate limit que solo cuenta los aciertos
10 generaciones al día, pero solo cuentan las que funcionan. Si Gemini falla a mitad, reintentas sin perder cuota: nadie paga por un fallo de infraestructura.
Búsqueda multi-tienda con inteligencia por idea
La IA elige 1–3 tiendas por idea en lugar de aplicar una preferencia global, así una miel artesanal local nunca te manda a AliExpress. Solo ves las tiendas que has guardado en favoritos.
Las 11 tiendas se eligieron desde el principio por una característica común: todas funcionan como marketplaces con multitud de marcas, de modo que cualquier idea puede apuntar a la más relevante:
Ideas de regalo
PickPal se lanzó a beta privada el 11 de mayo de 2026, una semana después del primer commit. Un grupo cerrado de amigos y familiares lo usa en condiciones reales; su feedback impulsa las iteraciones que siguen.
La beta tenía que responder una cosa: si una persona nueva entiende PickPal y completa el flujo crítico (añadir un ser querido → llegar a sus 9 ideas) sin ayuda, y dónde aparece la fricción en uso real. El feedback entró por un botón "Cuéntame" fijo en cada pantalla y por llamadas cortas en las que les veía usar la app en su móvil.
Participantes
10
personas cercanas
Uso real (un cumpleaños de verdad la semana que viene) y feedback sin filtro.
24–58
rango de edad
Entre ellos, los dos extremos: quien regala por impulso y quien planifica con antelación.
~40
observaciones
Recogidas por el botón "Cuéntame" de la app y las llamadas.
De esas ~40 observaciones, estas cuatro son las que más movieron el flujo. Prioricé por impacto y esfuerzo, e iteré en caliente: tras cada cambio, quien lo reportó lo volvía a probar:
Rellenar los gustos desde un campo en blanco era lento, y los perfiles más pobres generaban las ideas más genéricas. Varios testers añadían uno o dos gustos y lo dejaban.
Añadí sugerencias de gustos inferidas de lo que ya tiene guardado ese ser querido, más autocompletado predictivo, así añadir un gusto es un toque, no escribirlo entero.
Los testers con un ser querido fiel a una marca ("solo usa Nike", "siempre compra en Sephora") veían inútiles las ideas genéricas y preguntaban una y otra vez dónde comprarlas de verdad.
Añadí marcas favoritas por ser querido (logos vía la API de Brandfetch). Las ideas asociadas a una marca guardada muestran ahora un botón que abre esa tienda exacta con la búsqueda ya aplicada.
Las tarjetas de idea solo con texto se sentían planas y costaba visualizar cada idea de un vistazo.
Integré la API de Pexels para asociar una imagen de stock al nombre de cada idea; cuando no hay buena coincidencia, el hueco se sustituye por un icono representativo en vez de un marco vacío.
Abrir "generar ideas" desde la ficha del ser querido (no desde la agenda) no preseleccionaba ninguna ocasión y dejaba el botón de generar deshabilitado, así que los testers pensaban que la app estaba rota.
Ahora, si solo hay un evento próximo, viene preseleccionado; con varios, el botón sigue activo y, al pulsarlo, pide elegir para qué ocasión generar.
n=10 y dos semanas: valida el flujo y detecta la fricción evidente, no la demanda de mercado ni la retención. Pedí "el fallo, no el elogio" y di más peso al comportamiento que a la opinión declarada.
Hay dos momentos muy distintos: el setup tranquilo (crear un perfil, añadir fechas e intereses) y el modo urgencia (el cumpleaños es mañana, necesito una idea ya). La UI tiene que servir a los dos: el primero paciente y exploratorio, el segundo directo y rápido.
Llamarles "seres queridos" y no "contactos" es una declaración sobre qué es PickPal y para quién. Un solo empty state frío lo puede tirar abajo, por eso las reglas de voz viven en el sistema de diseño y no en mi cabeza.
No escribo código, así que dirigí toda la construcción con Claude Code, de los tokens de diseño al schema de base de datos. Sostener la intención de principio a fin elimina la pérdida en la traducción entre lo que se diseña y lo que se publica. La otra cara es la tentación de seguir iterando técnicamente en lugar de observar a los usuarios. El trabajo más importante tras lanzar es escuchar, no refactorizar.
Amazon