Digikraft.io-Redesign

Overview

For Summer 2022, I joined Digikraft.io, a start-up in the Web3 space, as the lead UX engineer. I initiated revamping the bootstrapped webpage to a fully integrated and responsive website. I focused on ensuring users' convenient navigation and the elegant design that is in line with current trends.

Visit Digikraft.io

Project Type

NFT Start-up Homage Redesign

Deliverables

Responsive website

Skills

Product Design
React front-end

Duration

May 2022 - Aug 2022

Opportunity
‍

Opportunity

The NFT market is now worth more than $40 billion, and valuations keep rising. However, there exists an entrance barrier for non-artists to enter this lucrative NFT art market. Digikraft.io provides solution by providing an all-in-one marketplace where anyone can commission artists to create, mint, and sell NFTs all at one stop. It helps digital artists to expand their businesses, simultaneously helping non-artists to enter the NFT art world.

iteration stages

A. Old

I joined the team at the early stage, after the seed funding. When I first joined the team, the product had a working back-end system for free minting and artist commission feature. My first responsibility was to improve the landing page to attract digital artists to signup before customers to start commissioning NFT artworks at Digikraft.io.

B. Stopgap
‍

I found a quick stopgap solutions to improve the homepage with a focus on artists signup. I improved the landing page with floating gallery to grab website visitors' attention. Join as an artist button was accentuated to tract artists. One of the major improvements I wanted to make was the How it works section. I used the bold icons and aligned them horizontally to let users read this section at one glance.

This resulted in attracting 250+ artists to signup within a month

C. New

The second revamp happened in accordance with launching NFT marketplace. For this permanent landing page solution, I focused on:

Incorporating the NFT marketplace feature
Helping users easily navigate through commissioning artists and shopping NFTs
Building a unique design system for Digikraft.io

Information hierarchy

Unique design

Design Elements

When building a design system, I focused on aesthetic and playful design to target young customers. For example, using cards to introduce the two-folds business - commission artists and NFT marketplace. Using 3D icons and Glassmorphism, I effectively added dimensionality to the web. Using gradation that is in line with the trends, the landing page is designed to optimize the user engagement.

Responsive Design

Accessible Design

Making Digikraft.io accessible to any and every user was crucial. Using react-responsive, I was able to easily build a responsive web-app but also re-designed specific elements to optimize the user experience on devices with smaller screens.

Reflection

Seek For Feedback

As a lead designer, I had an opportunity to take ownership of the design. However, I always asked for feedback and constructive criticism to ensure that the work is in alignment with business and company values.

Competitive Benchmarking
‍
Researching competitors in the market allowed me to create a web-experience that is familiar for users to navigate but also unique to Digikraft.io. Knowing that NFT Marketplace is not a new service, but Digikraft.io's service that allows customers to create, mint, and sell NFTs by commissioning artists is a unique business. Therefore, through this competitive analysis, I was able to design a website that appeals to its strengths. ‍