Nifty Gateway (Gemini)
Responsibilities
Web, Research, UI/UX, Visual
Role
Senior Product Designer
Duration
2-3 Weeks
Tools
Figma, Adobe
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
Nifty Gateway (Gemini)
Responsibilities
Web, Research, UI/UX, Visual
Role
Senior Product Designer
Duration
2-3 Weeks
Tools
Figma, Adobe
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
Nifty Gateway (Gemini)
Responsibilities
Product, research, IA, UI/UX, visual
Role
Senior Product Designer
Duration
2-3 Weeks
Tools
Figma, Adobe
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
Overview
Overview
Overview
This case study explores my redesign of the Nifty Gateway Drops page to accommodate a rapidly growing number of NFT drops from the new publishers. The challenge was to create an inclusive platform with strategic content exposure and discovery.
This case study explores my redesign of the Nifty Gateway Drops page to accommodate a rapidly growing number of NFT drops from the new publishers. The challenge was to create an inclusive platform with strategic content exposure and discovery.
This case study explores my redesign of the Nifty Gateway Drops page to accommodate a rapidly growing number of NFT drops from the new publishers. The challenge was to create an inclusive platform with strategic content exposure and discovery.
What is Nifty Gateway?
What is Nifty Gateway?
What are drops?
What are drops?
What are publishers?
What are publishers?
CHALLENGE
CHALLENGE
CHALLENGE
Inclusively Present All Drops
Inclusively Present All Drops
Inclusively Present All Drops
The Drops page previously served only one publisher, Nifty Gateway Curated, an in-house publisher that put Nifty Gateway on the map. To increase supply and demand, Nifty Gateway launched a new product called Publishers, which would open up the ability to publish NFT drops to approved third parties.
With the Publishers launch, the Drops page had to expand to accommodate to a rapidly growing number of drops from all the new publishers.
The objective was to redesign the Drops page to inclusively present all drops released by all publishers on Nifty Gateway.
The Drops page previously served only one publisher, Nifty Gateway Curated, an in-house publisher that put Nifty Gateway on the map. To increase supply and demand, Nifty Gateway launched a new product called Publishers, which would open up the ability to publish NFT drops to approved third parties.
With the Publishers launch, the Drops page had to expand to accommodate to a rapidly growing number of drops from all the new publishers.
The objective was to redesign the Drops page to inclusively present all drops released by all publishers on Nifty Gateway.
The Drops page previously served only one publisher, Nifty Gateway Curated, an in-house publisher that put Nifty Gateway on the map. To increase supply and demand, Nifty Gateway launched a new product called Publishers, which would open up the ability to publish NFT drops to approved third parties.
With the Publishers launch, the Drops page had to expand to accommodate to a rapidly growing number of drops from all the new publishers.
The objective was to redesign the Drops page to inclusively present all drops released by all publishers on Nifty Gateway.
RESEARCH
RESEARCH
RESEARCH
Mental Model
Mental Model
Mental Model
Early in the process, I collaborated closely with the co-founder to redefine the vision of the Drops product, in light of the Publishers launch. One particular idea we discussed was a parallel to an art fair. In this analogy, the different booths housing galleries and curators are equivalent to the various publishers, each contributing a unique and diverse array of NFT releases, with Nifty Gateway Curated being the flagship publisher.
Key Takeaways:
The art fair mental model greatly helped me begin conceptualizing the structure of the new Drops page, in a way that presented all the new publishers while ensuring Nifty Gateway Curated remained the focal point.
Early in the process, I collaborated closely with the co-founder to redefine the vision of the Drops product, in light of the Publishers launch. One particular idea we discussed was a parallel to an art fair. In this analogy, the different booths housing galleries and curators are equivalent to the various publishers, each contributing a unique and diverse array of NFT releases, with Nifty Gateway Curated being the flagship publisher.
Key Takeaways:
The art fair mental model greatly helped me begin conceptualizing the structure of the new Drops page, in a way that presented all the new publishers while ensuring Nifty Gateway Curated remained the focal point.
Early in the process, I collaborated closely with the co-founder to redefine the vision of the Drops product, in light of the Publishers launch. One particular idea we discussed was a parallel to an art fair. In this analogy, the different booths housing galleries and curators are equivalent to the various publishers, each contributing a unique and diverse array of NFT releases, with Nifty Gateway Curated being the flagship publisher.
Key Takeaways:
The art fair mental model greatly helped me begin conceptualizing the structure of the new Drops page, in a way that presented all the new publishers while ensuring Nifty Gateway Curated remained the focal point.
![](https://framerusercontent.com/images/UJUYvg6dhF4IYmM1R7NGO1nZlRY.jpeg)
![](https://framerusercontent.com/images/UJUYvg6dhF4IYmM1R7NGO1nZlRY.jpeg)
![](https://framerusercontent.com/images/UJUYvg6dhF4IYmM1R7NGO1nZlRY.jpeg)
RESEARCH
RESEARCH
RESEARCH
Sitemap
Sitemap
Sitemap
After understanding the new Drops product vision using the mental model of an ‘art fair’, I quickly drew out what would be new sitemap to get an overview of the changes.
After understanding the new Drops product vision using the mental model of an ‘art fair’, I quickly drew out what would be new sitemap to get an overview of the changes.
After understanding the new Drops product vision using the mental model of an ‘art fair’, I quickly drew out what would be new sitemap to get an overview of the changes.
![](https://framerusercontent.com/images/Y2TKvu02Tp03kj9M1idGv1cN2CQ.png)
![](https://framerusercontent.com/images/Y2TKvu02Tp03kj9M1idGv1cN2CQ.png)
![](https://framerusercontent.com/images/Y2TKvu02Tp03kj9M1idGv1cN2CQ.png)
RESEARCH
RESEARCH
RESEARCH
Cross-functional Interviews
Cross-functional Interviews
Cross-functional Interviews
The redesign heavily involved different functions in the company, so I decided to interview other teams to get their thoughts. These interviews were valuable because they helped me with some of my design decisions later on.
Key Takeaways:
The redesign heavily involved different functions in the company, so I decided to interview other teams to get their thoughts. These interviews were valuable because they helped me with some of my design decisions later on.
Key Takeaways:
The redesign heavily involved different functions in the company, so I decided to interview other teams to get their thoughts. These interviews were valuable because they helped me with some of my design decisions later on.
Key Takeaways:
Drops that are not yet sold out still need to be labeled as LIVE.
Drops that are not yet sold out still need to be labeled as LIVE.
Drops that are not yet sold out still need to be labeled as LIVE.
Artists want maximum visibility but there is a limited screen real estate.
Artists want maximum visibility but there is a limited screen real estate.
Artists want maximum visibility but there is a limited screen real estate.
A calendar of drops is very helpful for collectors but under-invested.
A calendar of drops is very helpful for collectors but under-invested.
A calendar of drops is very helpful for collectors but under-invested.
Streaming services like HBO and Netflix are good references.
Streaming services like HBO and Netflix are good references.
Streaming services like HBO and Netflix are good references.
There needs to be ways to feature drops easily, whether by human or algorithms.
There needs to be ways to feature drops easily, whether by human or algorithms.
There needs to be ways to feature drops easily, whether by human or algorithms.
The new page should have some sort of ranking models for drops and publishers.
The new page should have some sort of ranking models for drops and publishers.
The new page should have some sort of ranking models for drops and publishers.
RESEARCH
RESEARCH
RESEARCH
Research Summarized
Research Summarized
Research Summarized
The art fair model helped me begin to conceptualize the Drops page redesign, and the internal interviews revealed key insights: proper status labeling, optimizing visibility, utilizing calendar, and implementing ranking models.
The art fair model helped me begin to conceptualize the Drops page redesign, and the internal interviews revealed key insights: proper status labeling, optimizing visibility, utilizing calendar, and implementing ranking models.
The art fair model helped me begin to conceptualize the Drops page redesign, and the internal interviews revealed key insights: proper status labeling, optimizing visibility, utilizing calendar, and implementing ranking models.
IDEATION
IDEATION
IDEATION
Wireframes & UI Exploration
Wireframes & UI Exploration
Wireframes & UI Exploration
One thing I realized amidst the research phase was how similar the new direction of Drops was to the streaming services out there, and so I studied their UI and how they present their content.
One thing I realized amidst the research phase was how similar the new direction of Drops was to the streaming services out there, and so I studied their UI and how they present their content.
One thing I realized amidst the research phase was how similar the new direction of Drops was to the streaming services out there, and so I studied their UI and how they present their content.
![](https://framerusercontent.com/images/RHxVuZUDESRGNpuLDqSPf92zeE.png)
![](https://framerusercontent.com/images/RHxVuZUDESRGNpuLDqSPf92zeE.png)
![](https://framerusercontent.com/images/RHxVuZUDESRGNpuLDqSPf92zeE.png)
![](https://framerusercontent.com/images/3IkhZoazkzuDzhQm9SlGBVGtwo.png)
![](https://framerusercontent.com/images/3IkhZoazkzuDzhQm9SlGBVGtwo.png)
![](https://framerusercontent.com/images/3IkhZoazkzuDzhQm9SlGBVGtwo.png)
![](https://framerusercontent.com/images/FGdUozoM3ziBW4uJEdw2lqD9k.png)
![](https://framerusercontent.com/images/FGdUozoM3ziBW4uJEdw2lqD9k.png)
![](https://framerusercontent.com/images/FGdUozoM3ziBW4uJEdw2lqD9k.png)
I began the wireframe process by mapping out the page structure, using a row pattern like of the streaming services. To make this work specifically for Nifty Gateway, some rows had hand-curated content, and some updated automatically using time, views, or sales.
I began the wireframe process by mapping out the page structure, using a row pattern like of the streaming services. To make this work specifically for Nifty Gateway, some rows had hand-curated content, and some updated automatically using time, views, or sales.
I began the wireframe process by mapping out the page structure, using a row pattern like of the streaming services. To make this work specifically for Nifty Gateway, some rows had hand-curated content, and some updated automatically using time, views, or sales.
![](https://framerusercontent.com/images/u38L8Gz3yugg1J91d0JVOWvJNI.png)
![](https://framerusercontent.com/images/u38L8Gz3yugg1J91d0JVOWvJNI.png)
![](https://framerusercontent.com/images/u38L8Gz3yugg1J91d0JVOWvJNI.png)
A few options were explored for the hero section of the page, Featured Drops, and the option that allowed multiple drops to be featured at once stood out to us.
A few options were explored for the hero section of the page, Featured Drops, and the option that allowed multiple drops to be featured at once stood out to us.
A few options were explored for the hero section of the page, Featured Drops, and the option that allowed multiple drops to be featured at once stood out to us.
![](https://framerusercontent.com/images/huHuZ0iZcC2xZsZG0RikoU4sCzc.png)
![](https://framerusercontent.com/images/huHuZ0iZcC2xZsZG0RikoU4sCzc.png)
![](https://framerusercontent.com/images/huHuZ0iZcC2xZsZG0RikoU4sCzc.png)
After a few rounds of reviews, we agreed on a few design options as well as narrowed down our content rows and their order:
1. Featured Drops
2. Live Drops
3. Upcoming Drops
4. Trending Publishers
5. Featured Publishers
After having the overall structure nailed down, I aggressively iterated the full page UI, trying out typography, colors, visual hierarchy, etc.
After a few rounds of reviews, we agreed on a few design options as well as narrowed down our content rows and their order:
1. Featured Drops
2. Live Drops
3. Upcoming Drops
4. Trending Publishers
5. Featured Publishers
After having the overall structure nailed down, I aggressively iterated the full page UI, trying out typography, colors, visual hierarchy, etc.
After a few rounds of reviews, we agreed on a few design options as well as narrowed down our content rows and their order:
1. Featured Drops
2. Live Drops
3. Upcoming Drops
4. Trending Publishers
5. Featured Publishers
After having the overall structure nailed down, I aggressively iterated the full page UI, trying out typography, colors, visual hierarchy, etc.
![](https://framerusercontent.com/images/rPmDNCznTkUT4xulSwYx8bqsbnA.png)
![](https://framerusercontent.com/images/rPmDNCznTkUT4xulSwYx8bqsbnA.png)
![](https://framerusercontent.com/images/rPmDNCznTkUT4xulSwYx8bqsbnA.png)
![](https://framerusercontent.com/images/3qjVEYpcy7sr4Wv088PNM6TigI.png)
![](https://framerusercontent.com/images/3qjVEYpcy7sr4Wv088PNM6TigI.png)
![](https://framerusercontent.com/images/3qjVEYpcy7sr4Wv088PNM6TigI.png)
The art fair analogy kept my focus on the distinction between publishers, especially Nifty Gateway Curated content. This encouraged me to explore more UI options to show off each publisher as well as coming up with a badge to differentiate drops published by Nifty Gateway Curated.
The art fair analogy kept my focus on the distinction between publishers, especially Nifty Gateway Curated content. This encouraged me to explore more UI options to show off each publisher as well as coming up with a badge to differentiate drops published by Nifty Gateway Curated.
The art fair analogy kept my focus on the distinction between publishers, especially Nifty Gateway Curated content. This encouraged me to explore more UI options to show off each publisher as well as coming up with a badge to differentiate drops published by Nifty Gateway Curated.
![](https://framerusercontent.com/images/1affUQ362XLuvWquJVHJxsJVFN0.png)
![](https://framerusercontent.com/images/1affUQ362XLuvWquJVHJxsJVFN0.png)
![](https://framerusercontent.com/images/1affUQ362XLuvWquJVHJxsJVFN0.png)
SOLUTION
SOLUTION
SOLUTION
Final UI
Final UI
Final UI
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
![](https://framerusercontent.com/images/olJZDKYOrE96bsXwLRi4PUpuyM.jpg)
![](https://framerusercontent.com/images/eSAG4bN7iWA2EJKuavTx3nkjkQ.jpg)
![](https://framerusercontent.com/images/eSAG4bN7iWA2EJKuavTx3nkjkQ.jpg)
![](https://framerusercontent.com/images/eSAG4bN7iWA2EJKuavTx3nkjkQ.jpg)
![](https://framerusercontent.com/images/HS518L2cO62YUw8NEh4KURl9nP4.jpg)
![](https://framerusercontent.com/images/HS518L2cO62YUw8NEh4KURl9nP4.jpg)
![](https://framerusercontent.com/images/HS518L2cO62YUw8NEh4KURl9nP4.jpg)
RESULT
RESULT
RESULT
What I Learned
What I Learned
What I Learned
Because we prioritized content curation using the rows layout, we faced challenges in maintaining content visibility when the number of drops exceeded our projection. I learned that designing for scale can be challenging when growth is uncertain, and I believe the key is to prioritize flexibility in content layout.
Because we prioritized content curation using the rows layout, we faced challenges in maintaining content visibility when the number of drops exceeded our projection. I learned that designing for scale can be challenging when growth is uncertain, and I believe the key is to prioritize flexibility in content layout.
Because we prioritized content curation using the rows layout, we faced challenges in maintaining content visibility when the number of drops exceeded our projection. I learned that designing for scale can be challenging when growth is uncertain, and I believe the key is to prioritize flexibility in content layout.
RESULT
RESULT
RESULT
Next Steps
Next Steps
Next Steps
Given the close dependency on the performance of the Publishers product, we closely monitored the Drops page’s adaptability to the increasing volume of drops from new publishers and began testing out different content layouts to accommodate the rapidly growing number of drops.
Given the close dependency on the performance of the Publishers product, we closely monitored the Drops page’s adaptability to the increasing volume of drops from new publishers and began testing out different content layouts to accommodate the rapidly growing number of drops.
Given the close dependency on the performance of the Publishers product, we closely monitored the Drops page’s adaptability to the increasing volume of drops from new publishers and began testing out different content layouts to accommodate the rapidly growing number of drops.