STON.fi

una web multilingüe con Next.js

Me centro en el alcance real de la landing: tres versiones enlazables, interacciones funcionales y diseño del cliente, no infraestructura financiera.

Sector
Web3
Tecnologías
React / Next.js / SSR
Borrador en inglés de la landing de STON.fi con la sección del producto de intercambio y su interfaz móvil.
Detalle del proyecto

Borrador de la landing conservado en Figma; no es una captura publicada ni prueba de las condiciones actuales del producto.

El reto

STON.fi necesitaba una web pública para presentar su producto a distintas audiencias. El cliente aportó el diseño. El alcance del proyecto era la landing y su funcionamiento frontend, no el desarrollo del intercambio ni de su infraestructura financiera.

La solución

Las pantallas aportadas por el cliente se implementaron con React y Next.js, renderizado en servidor, ventanas modales, animaciones y una conexión a una API externa. El contenido quedó organizado en tres paquetes de idioma, cada uno con su URL y un selector visible.

El proyecto en detalle

Las imágenes muestran la interfaz y su contexto. Los pies distinguen el material de archivo de las vistas actuales del sitio.

Una estructura para cada idioma

Cada paquete contiene sus textos y metadatos. Cambiar de idioma modifica la URL, por lo que cada versión se puede enlazar directamente y gestionar sus títulos y descripciones de forma independiente.

De los diseños a las páginas

La implementación abarcó los diseños entregados, sus estados interactivos y el trabajo técnico básico de SEO del encargo.

El proyecto, de cerca

Tarjetas ilustradas de funciones en el diseño de STON.fi aportado por el cliente.
Detalle del proyecto

Tarjetas ilustradas de funciones en el diseño de STON.fi aportado por el cliente. Borrador original de Figma, no una captura del producto publicado.

El resultado

Entrega

Una landing Next.js con el diseño y las interacciones solicitadas.

Idiomas

Tres paquetes de idioma con rutas propias y selector de idioma.

Detalles de STON.fi

¿Qué trabajo web se abordó?

La landing diseñada por el cliente tenía tres idiomas con URL propias e interacciones funcionales; la infraestructura del intercambio quedaba fuera del alcance.