Que es
El sitio publico de WeedsPayments, una pasarela de pagos especializada en un nicho que la banca tradicional suele rechazar: tiendas de Cannabis y CBD en Europa. La pagina no procesa pagos -- eso vive en otro lado -- sino que es la cara comercial: explica el producto, genera confianza y capta comercios en seis idiomas.
Para quien es y que resuelve
Para un negocio que vende algo legal pero mal visto por los bancos, el sitio no solo tiene que verse bien: tiene que vencer la desconfianza. Un comercio de CBD ha sido rechazado antes, le han congelado fondos, le han cerrado cuentas. El landing esta construido para responder justo a ese miedo:
- Una promesa directa arriba del todo, sin rodeos.
- Prueba social y numeros -- tiendas activas, paises, tiempo de activacion -- para demostrar que el servicio ya opera, no es una promesa.
- Comparativa honesta contra los procesadores genericos, que es donde el nicho se gana o se pierde.
La parte tecnica
El sitio es estatico por diseno -- no hay servidor que renderice en cada visita -- pero con interactividad puntual donde hace falta. Esa es la arquitectura de Astro con islas de React: el HTML se genera en build y se sirve plano; solo los componentes que necesitan estado (el carrusel de testimonios, el FAQ, el formulario de onboarding, el switch de idioma) cargan JavaScript. El resto es cero JS.
- Astro + islas de React -- paginas estaticas y rapidas; React solo en los fragmentos interactivos, no en toda la pagina.
- Internacionalizacion real, 6 idiomas -- es, de, fr, it, en y cs, con rutas por
idioma (
/es,/de, ...) y un sitemap multilingue. El mercado es Europa, asi que el idioma no es un adorno: es parte del producto. - Mapa de Europa a medida -- no es una imagen ni una libreria de mapas pesada, sino un SVG propio con un punto posicionado por pais. Liviano y exactamente con el estilo del sitio.
- Animaciones en CSS -- microinteracciones y transiciones hechas con CSS (no librerias de animacion pesadas), que dan vida a la pagina sin costar rendimiento.
- Tailwind CSS v4 para el sistema visual (el tema oscuro, el acento verde, la tipografia) y TypeScript en todo el codigo.
- Blog multilingue como motor de SEO -- no un blog de adorno, sino un sistema de contenido con las Content Collections de Astro: posts en Markdown validados con esquema (Zod), traducidos a los seis idiomas, con paginas de listado, etiquetas, paginacion, posts individuales y RSS por idioma. Los temas atacan justo las busquedas del nicho (chargebacks CBD, compliance bancario, pagos de cannabis en Europa, WooCommerce vs Shopify), que es como entra trafico organico cualificado.
- Paginas legales generadas desde contenido (sin hardcodear).
Sobre esa base se cuidan las dos cosas que de verdad mueven la aguja en un landing de captacion:
- Rendimiento y SEO. Al ser estatico, el sitio carga al instante: en Lighthouse (desktop) da 99 en Performance y 100 en Accessibility, Best Practices y SEO, con un LCP de ~0.9 s y un CLS de 0.004 (practicamente cero salto de layout). Eso importa cuando llega trafico internacional desde anuncios y cuando Google rankea. Sitemap multilingue, metadatos por idioma y HTML semantico completan el SEO.
- Medicion real. Integracion con Google Analytics y Microsoft Clarity (mapas de calor y grabaciones de sesion) para ver no solo cuanta gente llega, sino que hace en la pagina y donde se traba.
- Onboarding por etapas, conectado a un panel interno. El alta no es un
mailto: es un formulario multi-paso que valida cada etapa antes de avanzar y registra el embudo (que paso vio el prospecto, donde abandona). Al completarse, envia los datos a un panel interno propio para darle seguimiento comercial -- la pieza del sitio que lo convierte en una herramienta de captacion con continuidad, no solo un folleto. (El panel en si es otro proyecto; aqui solo importa el extremo del sitio.)
El resultado es un sitio que carga al instante, rankea, mide lo que pasa y convierte trafico en prospectos con seguimiento -- y que se mantiene como contenido, sin un CMS pesado detras.
La leccion
Para un landing de conversion, la tentacion es alcanzar un framework full-stack y renderizar todo en el servidor. Aqui el camino fue el contrario: estatico por defecto, JavaScript solo donde aporta. Astro con islas da exactamente eso -- la velocidad de una pagina plana con la interactividad de una app justo en los puntos que la necesitan. En un nicho donde la primera impresion tiene que vencer anos de desconfianza, que el sitio cargue al instante y se vea impecable en seis idiomas no es un detalle: es parte del argumento de venta.