Piclink: caso de estudio UX/UI

Tu propia página de botones: todos tus enlaces en un solo lugar, con editor visual y analítica.

Cliente

Miami Image Society LLC

Rol

UX/UI Designer & Frontend

Equipo

3 desarrolladores

Tiempo

6 meses

Herramientas

Claude Code, Claude Design, Next.js, React, TypeScript, Tailwind CSS

El proyecto

Piclink permite a creadores armar su propia página de botones, donde cada botón lleva a un enlace (tipo link in bio), con un editor visual, medir cuántas personas la visitan y hacen clic, y monetizar su audiencia. Trabajé en la landing page que presenta el producto y en la plataforma: la experiencia del creador y el panel de administración. Además de diseñarlo, me encargué del frontend, usando Claude como herramienta, junto a un equipo de tres desarrolladores.

Tipos de usuario

• Admin: Es el dueño de la plataforma: ve métricas y estadísticas de clics, gestiona usuarios por rol, planes, packs de cookies y la biblioteca de personalización.
• Usuario común (creador): Arma su página de enlaces, la personaliza, mide visitas y clics, y monetiza con cookies, book y tienda, acompañado por su equipo de IA.
• Usuario agency: Administra a varios creadores desde una sola cuenta: los agrega, los invita o los importa por CSV, y descubre perfiles en tendencia.

Lo que diseñé

• Una landing para “todo lo que eres”: Explica en pocos pasos cómo empezar (tu bio en 30 segundos, compartirla, medirla), muestra funciones como los 109 estilos de botón, la tienda y la analítica, presenta a Team AI, un equipo de cinco agentes con rol propio, y compara los planes.
• Editor con vista previa en vivo: A la izquierda, la página tal como la verá el público; a la derecha, pestañas de contenido, estilo y ajustes, con plantillas, estilos de botón, fondos y tipografía en opciones plegables, y una opción para generar el diseño con IA.
• Analítica de clics: Vistas de perfil, clics en enlaces y tasa de conversión, con clics por plataforma y ranking de creadores, filtrables por rango de fechas.
• Panel de administración: Vista general con métricas, acciones rápidas y estado de la plataforma, y una gestión de usuarios por rol (fans, creadores, agencias y admins) con su plan y estado de suscripción.
• Onboarding guiado: Un recorrido por pasos para quien llega nuevo: encuentra su perfil, agrega sus redes y llega a su primera página en un par de minutos.
• Sistema de diseño y biblioteca: La marca y la paleta oscura con degradados violeta y fucsia están documentadas, junto a una biblioteca de personalización con los estilos de botón que el creador puede elegir.

Ver sitio en vivo