Nifty's
Nifty's
NFT-powered collectibles, experiences and rewards
NFT-powered collectibles, experiences and rewards
Nifty's NFT marketplace, through premium partnerships with iconic brands such as The Matrix, Space Jam, Common Canvas, Discovery, and more, transformed the NFT space with it's platform. Taking digital collectibles to new heights, initiatives like The Matrix Engage campaign turned traditional collecting into an adventure, where users embarked on reward-driven missions, creating an immersive experience beyond simple trading.
Nifty's NFT marketplace, through premium partnerships with iconic brands such as The Matrix, Space Jam, Common Canvas, Discovery, and more, transformed the NFT space with it's platform. Taking digital collectibles to new heights, initiatives like The Matrix Engage campaign turned traditional collecting into an adventure, where users embarked on reward-driven missions, creating an immersive experience beyond simple trading.
Company
Company
Nifty's
Nifty's
Industry
Industry
Web3
Web3
Contribution
Contribution
UI Design UX Design
UI Design UX Design
Tools
Tools
Figma Photoshop
Figma Photoshop


Defining the project
As Nifty's user base rapidly grew, I stepped into the Lead UX Designer role to tackle a critical challenge: transforming their NFT trading platform into a more intuitive and seamless experience. Collaborating with a team of three UI designers, I spearheaded a platform redesign, starting with extensive usability testing and design audit to uncover user behavior patterns and pain points. This enabled me to establish a unified design system that streamlined transactions and enhanced platform cohesion. The identification and elimination of pain points in the purchase, sale, and trading workflows was aimed at creating an engaging and frictionless experience that could scale with Nifty's rapidly growing community.
As Nifty's user base rapidly grew, I stepped into the Lead UX Designer role to tackle a critical challenge: transforming their NFT trading platform into a more intuitive and seamless experience. Collaborating with a team of three UI designers, I spearheaded a platform redesign, starting with extensive usability testing and design audit to uncover user behavior patterns and pain points. This enabled me to establish a unified design system that streamlined transactions and enhanced platform cohesion. The identification and elimination of pain points in the purchase, sale, and trading workflows was aimed at creating an engaging and frictionless experience that could scale with Nifty's rapidly growing community.




The usability testing and design audit revealed a glaring challenge: the platform was a patchwork of inconsistent designs and interactions. I saw this as an opportunity and, taking ownership of the design architecture, I developed and implemented a scalable component library that laid the groundwork for what eventually became Nifty's design system. This approach not only standardized the user experience but also enhanced the team's turnaround time by dramatically speeding up our design-to-development pipeline, enabling rapid prototyping and consistent implementation of feature.
The usability testing and design audit revealed a glaring challenge: the platform was a patchwork of inconsistent designs and interactions. I saw this as an opportunity and, taking ownership of the design architecture, I developed and implemented a scalable component library that laid the groundwork for what eventually became Nifty's design system. This approach not only standardized the user experience but also enhanced the team's turnaround time by dramatically speeding up our design-to-development pipeline, enabling rapid prototyping and consistent implementation of feature.





Design and implementation
After setting up the component library, I spearheaded a cross-functional effort that united our design and development teams in one goal: to re-build the user experience for new users and loyal platform users alike. As part of the usability test and design audit that was conducted, I saw a scalability gap — collections were being displayed as navigation links, an experience that worked initially but would increasingly be a pain point as Nifty's platform expanded. Even more apparent was the absence of a central marketplace in which users could explore NFTs based on certain parameters. This I viewed as an opportunity to innovate, so I worked with product management and development to develop an "Explore" page — a flagship feature that served as the focal point for Nifty's NFT ecosystem.
After setting up the component library, I spearheaded a cross-functional effort that united our design and development teams in one goal: to re-build the user experience for new users and loyal platform users alike. As part of the usability test and design audit that was conducted, I saw a scalability gap — collections were being displayed as navigation links, an experience that worked initially but would increasingly be a pain point as Nifty's platform expanded. Even more apparent was the absence of a central marketplace in which users could explore NFTs based on certain parameters. This I viewed as an opportunity to innovate, so I worked with product management and development to develop an "Explore" page — a flagship feature that served as the focal point for Nifty's NFT ecosystem.
Explore marketplace
Kicking off the design process for Nifty's "Explore" page, I started with a rigorous wireframing process. My primary focus was to create simple-to-use content filters and simple navigation through various preset filters like collections, best sellers, and time-based bids. Another major issue I tackled was presenting content in a consumable format, whereby users would not be overwhelmed by the volume of information being delivered. This entailed multiple cycles of rigorous inspection and iterative adjustment, ultimately resulting in a design that precisely balanced functionality and user experience.
Kicking off the design process for Nifty's "Explore" page, I started with a rigorous wireframing process. My primary focus was to create simple-to-use content filters and simple navigation through various preset filters like collections, best sellers, and time-based bids. Another major issue I tackled was presenting content in a consumable format, whereby users would not be overwhelmed by the volume of information being delivered. This entailed multiple cycles of rigorous inspection and iterative adjustment, ultimately resulting in a design that precisely balanced functionality and user experience.





Once we aligned our preferred direction, I collaborated with the development team through the implementation phase, providing design support while also leveraging our custom-built components library to bring the designs to life efficiently. Building on the success of the Explore page's structure, our team then adapted this framework for individual NFT collection pages. We added subtle differentiation to accommodate each collection's presentation needs while maintaining a consistent thread throughout. This gave us a polished, unified experience throughout the entire website and showed our commitment to user-centered design practices.
Once we aligned our preferred direction, I collaborated with the development team through the implementation phase, providing design support while also leveraging our custom-built components library to bring the designs to life efficiently. Building on the success of the Explore page's structure, our team then adapted this framework for individual NFT collection pages. We added subtle differentiation to accommodate each collection's presentation needs while maintaining a consistent thread throughout. This gave us a polished, unified experience throughout the entire website and showed our commitment to user-centered design practices.


Buy and sell NFTs
Having the explore and collection pages ready, I prioritized the most crucial feature of the platform: trading NFTs. Understanding that the process of buying, selling, and bidding would be the heart of Nifty's marketplace, I wanted to make it an experience that was easy and transparent. My priority was to develop an intuitive transaction flow that would simplify NFT trading intricacies. I carefully designed layouts that highlighted the differentiating features of each token so that users could easily view the value and information of what they desired. A dedicated marketplace area allowed users to track active bids on their owned tokens and view listings available for sale with ease. To provide trust and give greater insight, I added a transaction history feature. This allowed users to review the performance and popularity of their tokens, as well as see their buying history over time. By emphasizing clarity and providing greater context, what could otherwise be an intimidating process was made accessible and even fun.
Having the explore and collection pages ready, I prioritized the most crucial feature of the platform: trading NFTs. Understanding that the process of buying, selling, and bidding would be the heart of Nifty's marketplace, I wanted to make it an experience that was easy and transparent. My priority was to develop an intuitive transaction flow that would simplify NFT trading intricacies. I carefully designed layouts that highlighted the differentiating features of each token so that users could easily view the value and information of what they desired. A dedicated marketplace area allowed users to track active bids on their owned tokens and view listings available for sale with ease. To provide trust and give greater insight, I added a transaction history feature. This allowed users to review the performance and popularity of their tokens, as well as see their buying history over time. By emphasizing clarity and providing greater context, what could otherwise be an intimidating process was made accessible and even fun.





To further enhance the transaction experience, I included a feature for full history where users in the user's profile pag, allowing users view all their past activities and sort results according to certain criteria. To help make it clearer and more intuitive, I included color-coded tags as visual indicators for different kinds of transactions so that users can instantly identify actions and determine their transaction counterparts with just one look.
To further enhance the transaction experience, I included a feature for full history where users in the user's profile pag, allowing users view all their past activities and sort results according to certain criteria. To help make it clearer and more intuitive, I included color-coded tags as visual indicators for different kinds of transactions so that users can instantly identify actions and determine their transaction counterparts with just one look.


Nifty's wallet
Building on the transaction and activity designs, I tackled the user wallet functionality with a focus on accessibility and clarity. Rather than creating an entirely new mental model for users, I adopted the structure from the transaction activities page, maintaining consistency while reducing the learning curve. In my design, users can quickly access their wallet balance through a dropdown menu triggered by the profile icon, with a management page allowing them to add funds, send payments, and connect additional crypto addresses. To enhance scanability and reduce cognitive load, I implemented the same color-coding system used in the transaction history, giving users instant visual cues about the nature of each financial activity. This approach proved particularly valuable for new users unfamiliar with crypto wallets, while the responsive layouts maintained critical functionality across devices, allowing users to confidently manage their digital assets whether at their desk or on the move.
Building on the transaction and activity designs, I tackled the user wallet functionality with a focus on accessibility and clarity. Rather than creating an entirely new mental model for users, I adopted the structure from the transaction activities page, maintaining consistency while reducing the learning curve. In my design, users can quickly access their wallet balance through a dropdown menu triggered by the profile icon, with a management page allowing them to add funds, send payments, and connect additional crypto addresses. To enhance scanability and reduce cognitive load, I implemented the same color-coding system used in the transaction history, giving users instant visual cues about the nature of each financial activity. This approach proved particularly valuable for new users unfamiliar with crypto wallets, while the responsive layouts maintained critical functionality across devices, allowing users to confidently manage their digital assets whether at their desk or on the move.


Nifty's Engage
Alongside Warner Bros' release of "The Matrix Resurrections," Nifty's launched an interactive engagement campaign in which users completed various missions to be rewarded with special NFTs. Although mobile-focused, I developed a complementary web experience that tracked missions, kept a running total of points, and presented user achievements. In order to enhance the overall experience and community interaction, an interactive leaderboard that presented all-time points earned and missions completed was created. The campaign included avatar-specific challenges, some requiring the user to offer high-value rewards in exchange for sacrificing avatars from their current holdings. I started by creating an immersive landing page that established the campaign tone and conveyed the mission framework clearly. Seeing that users would require insight into their progress, I incorporated progress indicators on the mission and challenges card so that participants could easily estimate their progress. With a vision to maintain the consistency across the platform, I made the page layout similar to our purchase and sell transaction pages so that the users can easily navigate a familiar experience. The mission dashboard that I created divided challenges into daily, weekly, and monthly segments associated with unique avatars, in addition to a clear indicator of the user's total experience points (EXP) earned from completed missions. With a goal to maintain consistency across the platform, I designed the page structure similar to the buy and sell transaction page. This would help users find it easier to navigate as they had experience something similar. One important note in the initial planning was that users who lacked Matrix avatars would be unable to participate in the campaign—potentially creating a barrier to entry. To address this, I made several conversion routes throughout the experience. This meant having a designated area directing users to the collection page and subtle but highly successful "Buy Now" buttons allowing seamless transition to "The Matrix" collection from numerous points throughout the experience. This user flow design ensured that even novice collectors could easily understand how to participate, with the gamified elements engaging expert collectors throughout the campaign. The design successfully balanced Warner Bros' brand requirements and best practice for user experience, achieving significantly higher engagement metrics than any other branded campaigns.
Alongside Warner Bros' release of "The Matrix Resurrections," Nifty's launched an interactive engagement campaign in which users completed various missions to be rewarded with special NFTs. Although mobile-focused, I developed a complementary web experience that tracked missions, kept a running total of points, and presented user achievements. In order to enhance the overall experience and community interaction, an interactive leaderboard that presented all-time points earned and missions completed was created. The campaign included avatar-specific challenges, some requiring the user to offer high-value rewards in exchange for sacrificing avatars from their current holdings. I started by creating an immersive landing page that established the campaign tone and conveyed the mission framework clearly. Seeing that users would require insight into their progress, I incorporated progress indicators on the mission and challenges card so that participants could easily estimate their progress. With a vision to maintain the consistency across the platform, I made the page layout similar to our purchase and sell transaction pages so that the users can easily navigate a familiar experience. The mission dashboard that I created divided challenges into daily, weekly, and monthly segments associated with unique avatars, in addition to a clear indicator of the user's total experience points (EXP) earned from completed missions. With a goal to maintain consistency across the platform, I designed the page structure similar to the buy and sell transaction page. This would help users find it easier to navigate as they had experience something similar. One important note in the initial planning was that users who lacked Matrix avatars would be unable to participate in the campaign—potentially creating a barrier to entry. To address this, I made several conversion routes throughout the experience. This meant having a designated area directing users to the collection page and subtle but highly successful "Buy Now" buttons allowing seamless transition to "The Matrix" collection from numerous points throughout the experience. This user flow design ensured that even novice collectors could easily understand how to participate, with the gamified elements engaging expert collectors throughout the campaign. The design successfully balanced Warner Bros' brand requirements and best practice for user experience, achieving significantly higher engagement metrics than any other branded campaigns.





Results
With the UX enhancements made to the Nifty's site, the new experience was able to drive the below milestones for the company.
37%
37%
boost in overall user adoption across three segments
22%
22%
new Higher Ed and Corporate sign up withing first month
2x
2x
user increase during Nifty's engage
Like what you see? Drop me a line!
Thanks for taking the time to check out my portfolio. I'm more than happy to answer any questions or discuss new opportunities so feel free to reach out to me any time
Get in touch
Like what you see? Drop me a line!
Thanks for taking the time to check out my portfolio. I'm more than happy to answer any questions or discuss new opportunities so feel free to reach out to me any time
Get in touch
Like what you see? Drop me a line!
Thanks for taking the time to check out my portfolio. I'm more than happy to answer any questions or discuss new opportunities so feel free to reach out to me any time
Get in touch