No items found.
A functional UI design that facilitate new users' entry into the digital art world.
Moon is a startup NFT marketplace platform under a fictitious financial group, Space, with the goal of revolutionizing the digital art world.
Eget lacus diam, morbi nulla pellen tesque molestie.Duis cursus, mi quis viverra.
A functional UI design that facilitate new users' entry into the digital art world.
Moon is a startup NFT marketplace platform under a fictitious financial group, Space, with the goal of revolutionizing the digital art world.
Moon, A NFT Marketplace App
As part of Dribbble's 4-week UI design course in the Fall of 2022, I created this project as a UI designer. I was provided with a design brief and wireframes, and my mission was to create a new NFT marketplace app with a design-first approach and a deeply curated experience for the users.
My challenge was to come up with a functional UI design that would not only appeal to tech-savvy art enthusiasts but also to people who just getting into the space, and facilitate their entry into the world of digital art and NFTs.
The project timeline was divided into 4 weeks of work. The first 2 weeks were for focusing on research, visual exploration, and locking a visual aesthetic. The last 2 weeks were for focusing on expanding the design into a scalable design system, building UI library, and finally delivering a functional prototype.
The visual direction eventually landed with a combination of both digital and analog. I wanted to give the users not only a traditional gallery experience that the artwork(s) as the main focus but also the feeling of holding them physically like collectible trading cards.
While the whole blockchain technology is new to me, NFT is relatively newer so I, in fact, started my research on the look of existing cryptocurrency exchange sites/apps to get a sense of the more developed platforms in the market. I also looked at gaming platforms where the majority of the users are both web and tech-savvy. Once I get an idea, I started to collect inspiration for colors and styles.
During our course meeting, we shared what we gathered and had a brainstorm session for building inspirational, moodboards.
The first direction I was interested in was a bold and futuristic look.
The second direction I was interested in was a soft and non-digital style.
With the 2 moodboards ready, I created color palettes and typefaces for exploring the visual aesthetics of both styles.
Below is a live demo of the final working prototype or, better yet, you can click here and try it out in action!
Overall, it was a great and fun project to work on and I am glad that I completed it within this rather short period of time. When I first showed my design to others, I noticed that I need to explain it to get my idea across. I have to remind myself to keep things simple, with the limited real estate in mobile devices, users would easily give up for the most simple reason, “too much.”
▪ Experiment more with micro-interactions such as the follow and like buttons.
▪ Create a search flow that includes interactions with the search bar by adding and deleting tags.
As always, thanks for stopping by!
Tristique cum sit sit at feugiat pharetra tincidunt in nibh.
