Dappio Website Design
Dappio is an one stop solution platform that aggregates yield across DeFi and NFT
#2022 #Web Design #DApp #Blockchain #NFT
-
Requirement Confirmation, Competitor Research, User Experience
Style Proposals, Main Visual Definition and Design
-
Designer x4
Karen Chiu (me): Web Design
W: Interface design in later stages
光頭：3D blender rabbits
Amy: Creating social media assets for Dappio Twitter and other accounts
Frontend Engineer x1
Backend Engineers x2Solana Smart Contract Engineer x2
PM x 2 -
Product Owner
Tasks
1. Redesign the current Landing visual.
2. Plan a new DApp Dashboard tool.
Challenges
This tool is designed for experienced DApp players. I was unfamiliar with investment methods like Farming and Leveraging, needs to spend some time investing in related DApps on other chains to comprehend the information users require.
Landing Page Redesign
Redefine the existing website with Wonderland idea, incorporating the trending 3D object style of that time.
Style Proposal
Research potential popular styles for the next two years (defined in 2011).
Define Wonderland's representative elements.
Then extract three directions and discuss them with the team. Afterward, the team chose direction C to initiate development.
My design strategy
Dashboard page requires a smooth user experience, my design strategy is as follows:
Users need to focus on numbers and changes for an extended period. Thus, a dark background is more user-friendly.
Avoid overly fancy designs; accurately present each field. Prioritize experience over aesthetics.
Below, I was defined pages with simple designs and those with strong design vocabulary.
User Experience
The readability of numbers is important of the user experience. I have extensively studied how each digit should be presented within fields, and I have defined the display format of numbers on the website.
I experimented with numerous layouts. After several days of testing the usability on mobile devices, I opted for a design that prioritizes readability.
Responsive Web Design
NFT Staking Page / Swap Page
Results
1. Due to childbirth, design maintenance was taken over by another designer Tom, in the later stages.
2. Due to the collapse in Solana's price, this project did not continue operating.