UI Design Exploration

Moon NFT Marketplace is an app revolutionizing the digital art scene with curated galleries and trading of new and innovative NFT. In this class we explored and built a visual design to lock in the aesthetic of the app. This was built for educational purposes only. I don’t condone NFTs.

My Role: UI Design
Time: 4 weeks
Tools: Figma
Type: This project is an assignment as part of the Dribbble UI Design Course

Brief - Objective/Challenge/Problem

As a startup, Moon needs a new visual design for their marketplace app that excites their target audience of NFT creators, crypto buyers/sellers, and digital art enthusiast. For this product we are to design a visual aesthetic that captures this market based on research and audience info.


Process

After dissecting the brief and collecting the bases of the audience and company objectives, we explored various UI designs to understand visual techniques and build ideas for the app.

Moodboards: Generating themes and layout ideas for the visual aesthetic Wireframes: Provided by the course to start designing the base

• Splash Screen
• Home Screen
• Search Screen
• Profile Screen
• NFT Screen

Visual Exploration

Dark vs Light Mode

When it came to choice of a visual direction I chose the dark splash screens vs the lighter versions because the base audience of NFT and crypto users probably use dark mode. I was also inspired by finance based apps, since crypto and NFTs mainly function as currency trade, by taking inspiration from Cash App.

Design Systems

Typography, Components and Modules built from the wireframes to fit the visual aesthetic of the Splash Screen.

Final Screens

With the design system and visual aesthetic in place, I went back to make minor edits based on mentor feedback to help with the final screens.

*Please don't use my art or any art without permission for actual NFTs. The art used in this app is not mine and was used for learning purposes only. Thank you.