Caso de éxito · NFT Ocean

NFT Ocean: front-end de marketplace para coleccionables digitales

Un front-end de marketplace pulido para una plataforma de coleccionables NFT, con conexión de billetera, listados, ofertas y un sistema de perfiles de creadores.

  • SectorWeb3
  • Año2023
  • PaísEE. UU.
  • Duración3 meses
NFT Ocean: Marketplace Front-End for Digital Collectibles hero screenshot

Resultados de un vistazo

  • 5xConversión de conexión de monedero frente a la referencia
  • <3sTiempo hasta la primera interacción

El reto

NFT Ocean tenía contratos inteligentes en testnet, pero ninguna interfaz apta para el consumidor. Su público objetivo — coleccionistas primerizos — no lograba entender la incorporación de la billetera, las estimaciones de gas ni la mecánica de las pujas. La conversión era prácticamente nula.

Nuestra solución

Diseñamos un front-end de marketplace apto para principiantes, con conexión de billetera en un clic (MetaMask, WalletConnect, Coinbase), avisos de gas legibles para humanos, UI optimista para colocar pujas y un sistema de perfiles de creadores que sirve además como portafolio para los artistas.

  • Conexión multibilletera (MetaMask, WalletConnect, Coinbase)
  • Flujo de listados, pujas y ofertas con UI optimista
  • Páginas de perfil y portafolio de creadores
  • Estimaciones de gas legibles para humanos
  • Feed de actividad con eventos on-chain
  • Responsivo en escritorio y móvil

Cómo lo construimos

  1. 01

    Descubrimiento y planificación

    Empezamos con talleres con las partes interesadas para mapear los objetivos de negocio, los roles de usuario y las restricciones de cumplimiento, y luego los traducimos en una hoja de ruta de producto sprint por sprint con criterios de aceptación claros.

  2. 02

    Arquitectura y diseño

    Nuestro equipo diseñó juntos el modelo de datos, los contratos de API y el sistema de interfaz para que el producto se viera y se comportara de forma coherente desde el primer día. Los flujos de UX se prototiparon en Figma y se validaron con usuarios finales antes de escribir una sola línea de código.

  3. 03

    Desarrollo y QA

    Los ingenieros trabajaron en sprints de dos semanas con despliegue continuo a un entorno de staging. Cada funcionalidad se entregó con pruebas automatizadas, QA manual y una revisión de seguridad antes de pasar a producción.

  4. 04

    Lanzamiento y soporte

    Nos encargamos del despliegue en producción sobre infraestructura en la nube, la configuración de observabilidad y una sesión de capacitación de traspaso. UnlockLive sigue con un contrato de soporte para mejoras mensuales, monitorización y soporte de guardia.

Stack tecnológico

  • Next.js
  • Wagmi
  • Ethers.js
  • Solidity
  • Front-end Web3
  • Integración de billeteras
  • Diseño UI/UX

Preguntas frecuentes

¿Qué cadenas admite NFT Ocean?

Cadenas compatibles con EVM: Ethereum mainnet, Polygon y Base estuvieron activas en la v1; se pueden añadir más cadenas mediante configuración.

¿Escribieron los contratos inteligentes?

Colaboramos en la interfaz del contrato y lo integramos desde el front-end; los contratos centrales en Solidity fueron escritos por el equipo interno del cliente.

¿Quiere un resultado como este?

Hable con el mismo equipo que construyó NFT Ocean: front-end de marketplace para coleccionables digitales. Definiremos el alcance de su proyecto, le daremos una propuesta a precio fijo y le mostraremos el caso más parecido de nuestro portafolio.

Reservar una llamada estratégica