DAOS
2024
My Roles:
UI Design
Categories:
UX UI Product Design
Tools:
Figma
|
Adobe Suite
Redesigning layouts and enhancing key feature flow to improve user experience.
01
Why?
This project was a website redesign challenge aimed at improving the user experience for DAO creators and traders. The goal was to address two core problems:
Homepage Redesign for DAO Traders
Invite Key Creation UI for DAO Creators
02
How?
I redesigned the homepage with persistent portfolio visibility, sortable columns for easy navigation, and improved discoverability of old DAOs through search and filters. I also streamlined the invite key management interface with custom or randomized key generation, fee tracking, and a "collect fees" button.
03
What?
The final design included a streamlined invite key management page where DAO creators could generate keys, monitor weekly limits and SOL caps, and track or collect fees effortlessly. The redesigned homepage featured persistent portfolio visibility, improved table interactions with sortable columns and visual scroll indicators, and better rediscovery features for old DAOs through search and filtering tools.
Home Page Redesign
I redesigned the homepage layout to improve usability and enhance the overall flow. These enhancements prioritize ease of trading, better discoverability of past DAOs, and overall platform engagement. The new design introduces three key improvements:
1
Collapsible Portfolio
2
Double Stack Filter
3
Visual Progress Indicator
1
Collapsible Portfolio
I added a collapsible portfolio feature, allowing users to access their holdings without leaving the page. This keeps essential information readily available while maintaining a clean and organized interface.
2
Double Stack Filter
I improved the table layout by introducing a double-stack filtering system, making it easier to sort DAOs by Performance, Market Cap %, and Volume. Clear signifiers now indicate scrollability, ensuring users can navigate large datasets more efficiently.
3
Visual Progress Indicator
I added a visual progress indicator to display the total number of rows and data load status. This helps users understand how much information is available and improves navigation within the table.
New Profile Page / Invite Key UI
I designed a new Creator Profile UI, providing users with an intuitive interface to manage their profiles more effectively. Additionally, a completely new Invite Key Creation Function UI, allowing users to easily generate invite keys, streamlining the process for greater efficiency and user convenience.
1
New Creator Profile
2
New Invite Key Creation Function UI
1
New Creator Profile
I designed a new profile UI for qualified existing creators, streamlined the user flow for creators to get to the profile page from the existing home page. Enhancing the efficiency of their profile management.
2
New Invite Key Creation Function UI
I launched a completely new Invite Key Creation Function with intuitive overlay popup interface, allowing creators to generate new invite keys to give out to friend and new teams.
Visual
Consistent. With a Design System.
Based on insights gained from user research, we consolidated core user needs that drove the development of our design system.
Inter.
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz0123456789!@#$%^&*()?"
