Case Study: Moon - NFT Marketplace App

The Brief

Client

Moon is a new up and coming startup with the goal of revolutionising the NFT marketplace business with a design-first approach and a deeply curated experience for its users.

Objective

Establish the visual language of this new NFT marketplace app ready to revolutionize the digital art scene. First, lock a visual aesthetic and then scale the design on multiple screens based on the wireframes and the flow provided by the client. Finally, build a UI Library of the final UI and create a functional prototype.

Audience

The audience of this project is all those people embracing and following, in one way or another, the world of NFT and digital art. So we’re talking mainly about tech-savvy people that know their way online and in the world of crypto, and NFTs, with also a strong sense for visual aesthetics and art; they value curated and beautiful experiences as much as they do with the digital art that they create, buy and/or sell.

Deliverables

  • New visual language.

  • Fully designed flow in High Fidelity.

  • UI library.

  • Functional Figma Prototype.

Moodboard

Initially, I explored a modern futuristic theme with clean lines, bold typography and a focus on usability. I was inspired by the mix of strong flat colours offset by a vibrant textured accent colour that features in small quantities - working to lift and add punch to the design scheme.

Style & Visual Langage

A visual language was created to develop a branded look and feel that could be scaled on all wireframes.

Design Approach

Given that NFT marketplaces are primarily intended for artists and their digital creations, it is crucial that the design of this platforms is engaging and user-friendly for creators, investors, and explorers alike. However in terms of the approach, I felt a minimalist design aesthetic would work to properly showcase the vibrancy of the NFT artwork.

NFTs come in a wide range of colours, styles, and patterns, so I felt that the UI design should revolve around highlighting the content of the marketplace. The interface design itself is restrained and clean so it does not detract from the NFT pieces themselves.

Lock & scale design

Takeaways

I learned the value of meticulously contemplating wireframes and user flows while creating the design system and prototype for this NFT marketplace app. I also realised that establishing a captivating visual language and scaling it consistently across multiple screens is essential for creating a seamless user experience.