Étude de cas · NFT Ocean

NFT Ocean : front-end de place de marché pour objets de collection numériques

Un front-end de marketplace soigné pour une plateforme de collectibles NFT, incluant la connexion de portefeuille, les annonces, les enchères et un système de profils de créateurs.

  • SecteurWeb3
  • Année2023
  • PaysÉtats-Unis
  • Durée3 mois
NFT Ocean: Marketplace Front-End for Digital Collectibles hero screenshot

Résultats en un coup d'œil

  • 5xConversion de connexion de portefeuille par rapport à la référence
  • <3sDélai avant la première interaction

Le défi

NFT Ocean disposait de smart contracts sur testnet mais d’aucune interface grand public. Son public cible – les collectionneurs débutants – ne comprenait ni l’intégration du portefeuille, ni les estimations de frais de gas, ni le fonctionnement des enchères. La conversion était pratiquement nulle.

Notre solution

Nous avons conçu un front-end de marketplace accessible aux débutants, avec connexion de portefeuille en un clic (MetaMask, WalletConnect, Coinbase), avertissements de gas lisibles, une interface optimiste pour les enchères et un système de profils de créateurs qui sert aussi de portfolio aux artistes.

  • Connexion multi-portefeuilles (MetaMask, WalletConnect, Coinbase)
  • Annonces, enchères et offres avec interface optimiste
  • Profils de créateurs et pages de portfolio
  • Estimations de gas lisibles
  • Fil d’activité avec événements on-chain
  • Responsive sur ordinateur et mobile

Comment nous l'avons construit

  1. 01

    Découverte et planification

    Nous avons commencé par des ateliers avec les parties prenantes pour cartographier les objectifs métier, les rôles utilisateurs et les contraintes de conformité, puis les avons traduits en une feuille de route produit sprint par sprint avec des critères d'acceptation clairs.

  2. 02

    Architecture et conception

    Notre équipe a conçu ensemble le modèle de données, les contrats d'API et le système d'interface, afin que le produit soit cohérent en apparence et en comportement dès le premier jour. Les parcours UX ont été prototypés dans Figma et validés auprès d'utilisateurs finaux avant d'écrire la moindre ligne de code.

  3. 03

    Développement et QA

    Les ingénieurs ont travaillé en sprints de deux semaines avec un déploiement continu vers un environnement de recette. Chaque fonctionnalité a été livrée avec des tests automatisés, une assurance qualité manuelle et une revue de sécurité avant la mise en production.

  4. 04

    Lancement et support

    Nous avons pris en charge le déploiement en production sur l'infrastructure cloud, la mise en place de l'observabilité et une session de formation de passation. UnlockLive reste sous contrat de suivi pour les évolutions mensuelles, la supervision et l'astreinte.

Stack technique

  • Next.js
  • Wagmi
  • Ethers.js
  • Solidity
  • Web3 Front-End
  • Intégration de portefeuille
  • Design UI/UX

Questions fréquentes

Quelles chaînes NFT Ocean prend-il en charge ?

Chaînes compatibles EVM – Ethereum mainnet, Polygon et Base étaient actives dans la v1 ; d’autres chaînes peuvent être ajoutées par configuration.

Avez-vous écrit les smart contracts ?

Nous avons collaboré sur l'interface du contrat et l'avons intégrée depuis le front-end ; les contrats Solidity principaux ont été rédigés par l'équipe interne du client.

Envie d'un résultat comme celui-ci ?

Parlez à l'équipe qui a construit NFT Ocean : front-end de place de marché pour objets de collection numériques. Nous définirons le périmètre de votre projet, vous remettrons une proposition à prix fixe et vous présenterons l'exemple le plus proche de notre portfolio.

Réserver un appel stratégique