Caso de estudio

superame.lol

Superame es un ranking público de proyectos donde el puesto se compra en dólares enteros: el total verificado más alto ocupa el #1 y cada nuevo proyecto puede cambiar el orden. Dardo diseñó y desarrolló el producto, desde el ranking animado hasta la lógica de pagos que lo sostiene, en español, portugués e inglés: diseño de producto y desarrollo de software a la medida en un mismo equipo.

Visitar sitio
superame.lol — vista previa del sitio
superame.lol / Proyecto de DardoVisitar sitio
En esta página

El reto: un ranking en el que se pueda confiar

Un ranking genera urgencia, pero también sospecha: ¿por qué subió este proyecto y es real ese puesto? La respuesta de Superame es un conjunto corto de reglas públicas que el código hace cumplir. Un proyecto nuevo entra desde 1 USD, siempre en dólares enteros. Subir un proyecto que ya está en la lista cobra solo la diferencia hasta el nuevo total. Solo cuentan los pagos completados que verifica el proveedor de pagos; no hay créditos manuales, de lanzamiento ni de demostración. En un empate conserva el mejor puesto quien llegó primero. Hay dos tablas: Histórico, que suma todo lo pagado, y Hoy, que suma las últimas 24 horas.

Qué construyó Dardo

  • El ranking y sus dos tablas, con tarjetas de proyecto, un "tren del ranking" animado con GSAP y efectos holográficos que hacen visible cada cambio de puesto.
  • Las páginas Cómo funciona y Reglas, que explican esas reglas en lenguaje claro.
  • El flujo de pago con el checkout alojado de Dodo Payments y páginas de regreso para cada estado del pago.
  • Atribución de clics salientes: cada visita a un proyecto pasa por un enlace /go/ medido, para saber qué proyectos del ranking envían tráfico.
  • Idioma y moneda según el país y el navegador de la persona: español, portugués o inglés, y 17 monedas de referencia, del peso colombiano al euro.
  • Un llms.txt para que los asistentes de IA entiendan qué es el producto y cómo funciona el ranking.

El comercial de lanzamiento

Dardo también hizo el comercial de lanzamiento de Superame: 28,8 segundos en español, construido con la interfaz del propio producto (una tarjeta de proyecto, el panel de oferta con su botón Superar, el ranking) y animado en código con Remotion, renderizado a 1920 × 1080 y 60 cuadros por segundo, con sonido.

Comercial de lanzamiento de Superame · 0:29 · en español, con sonido

El guion es la promesa del producto en pocas líneas. «Lo lanzaste»: el proyecto está publicado y un amigo dice que está brutal. «¿Y el resto?»: se pierde entre los demás proyectos. Una oferta más alta lo lleva del cuarto puesto al primero. «Sí. El tuyo.» «Que te vean», y el cierre: superame.lol, «hazte ver».

Como está hecho con la interfaz real, el comercial muestra exactamente lo que el visitante encuentra en superame.lol. Una versión sin sonido de 1280 × 720 se reproduce en la tarjeta de Superame de este portafolio. No publicamos vistas ni resultados del comercial. Hacemos estos videos como servicio: videos de lanzamiento. Cómo se hizo, y cuándo el código conviene más que After Effects: Remotion para un video promocional.

Pagos que no se cuentan dos veces

El servidor verifica la firma de cada webhook de pago, vuelve a consultar el pago en Dodo Payments antes de darlo por bueno y acredita cada pago una sola vez. Un reembolso o una disputa retiran ese crédito del ranking, y una disputa resuelta a favor del vendedor lo devuelve. Esa contabilidad es la que permite que las reglas públicas digan "solo cuentan pagos reales" sin excepciones.

La capa de pagos cambió dos veces antes de quedarse. La primera versión salió el 21 de agosto de 2026 con Mercado Pago; se probó un cambio a Polar para cobrar en dólares que luego se revirtió, y Dodo Payments reemplazó a ambos el 29 de agosto de 2026.

Tecnología

Superame funciona con Astro 7 en modo servidor sobre Vercel, con el ranking guardado en Neon Postgres. Una política de seguridad de contenido estricta cubre el sitio, y las rutas de pago y de API quedan fuera del índice de los buscadores. DataFast mide las visitas y, con su integración con Dodo, qué fuentes de tráfico terminan en pagos. Pruebas de extremo a extremo con Playwright y pruebas unitarias cubren las reglas del ranking y el flujo de pago.

Evidencia de implementación

El 12 de octubre de 2026 revisamos el producto en vivo en superame.lol, sus páginas Cómo funciona y Reglas, el selector de idioma y moneda y el crédito "Diseño y desarrollo por Dardo" en su pie de página. También revisamos la implementación: las consultas del ranking, la verificación de webhooks, el acreditado idempotente, el manejo de reembolsos y disputas y la medición de clics salientes.

Evidencia y límites

Esta página describe las reglas del producto y cómo están implementadas. No publica totales de participación, pagos o ingresos, porque no hay un informe fechado aprobado para publicación, y no afirma que un puesto garantice clics o ventas; las propias reglas dicen que no.

Visitar sitio

Fuentes y lecturas

Evidencia principal del proyecto: el despliegue público y los detalles de implementación revisados por Dardo para este caso.