With the previous one live, we’ve opted to avoid a refactoring and quite a bit of potential technical debt by building this new version from scratch. The choice of framework was an easy one, Next.js provides everything this platform needs and facilitates performance delivery to the final product. Using Tailwind CSS to bring the new layout to life, we’ve built a series of reusable components to handle content coming from the CMS and compose the pages.

The approach we used for this was pretty standard: started off by building a style guide alongside the main web app architecture to optimise development time from the get go. The Web3 infrastructure had already been built for the previous version of the web app so it only required migrating and upgrading, all while components were being built in isolation.

Integral part of the Expanded NFTs innovation is the on-chain redemption of unique material artworks. To build this key feature we started off by putting together a user flow prototype, using mock data and APIs, to make sure we were building a clear and simple process.

On prototype sign off, we gathered all the data associated to the physical artworks and mapped it to all digital ones currently in circulation. Doing so resulted into a seamless “checkout” experience, bringing together digital artworks and their material counterparts in a single place. To complete the flow, we’ve integrated Arta’s API to provide the collector with an array of tailored shipment options from which to choose.