Frontend
UI
Coding
Help people track wallets
Problem: Traders in NFTs seek to identify current trending collections and track wallets that hold these collections. Having both of these knowledges they make more informed purchasing decisions.
Solution: Develop an easy-to-use web3 app featuring continuously updated collections and wallets side-by-side.
timeframe:
2022
my role:
Product designer / Developer
company:
WBS School Diploma Project
team:
3 persons
link:
Frontend
UI
Coding
Help people track wallets
Problem: Traders in NFTs seek to identify current trending collections and track wallets that hold these collections. Having both of these knowledges they make more informed purchasing decisions.
Solution: Develop an easy-to-use web3 app featuring continuously updated collections and wallets side-by-side.
timeframe:
2022
my role:
Product designer / Developer
company:
WBS School Diploma Project
team:
3 persons
link:
Frontend
UI
Coding
Help people track wallets
Problem: Traders in NFTs seek to identify current trending collections and track wallets that hold these collections. Having both of these knowledges they make more informed purchasing decisions.
Solution: Develop an easy-to-use web3 app featuring continuously updated collections and wallets side-by-side.
timeframe:
2022
my role:
Product designer / Developer
company:
WBS School Diploma Project
team:
3 persons
link:
Tech discovery
We explored APIs for collections and wallets, listed necessary endpoints, and tested how to retrieve them.
Some data required custom calculations. I brought this endpoint list into the design phase.
Tech discovery
We explored APIs for collections and wallets, listed necessary endpoints, and tested how to retrieve them.
Some data required custom calculations. I brought this endpoint list into the design phase.
Tech discovery
We explored APIs for collections and wallets, listed necessary endpoints, and tested how to retrieve them.
Some data required custom calculations. I brought this endpoint list into the design phase.
Brainstorming & Lo-fi
We ideated around a broader dashboard setup but later narrowed the scope to focus on login and wallet add/remove flows, keeping deadlines in mind.
Brainstorming & Lo-fi
We ideated around a broader dashboard setup but later narrowed the scope to focus on login and wallet add/remove flows, keeping deadlines in mind.
Brainstorming & Lo-fi
We ideated around a broader dashboard setup but later narrowed the scope to focus on login and wallet add/remove flows, keeping deadlines in mind.
Developing components
Once aligned on design and data, I moved to the frontend—refining designs, writing code, and building UI from scratch. Clear task division and naming helped streamline collaboration.
Developing components
Once aligned on design and data, I moved to the frontend—refining designs, writing code, and building UI from scratch. Clear task division and naming helped streamline collaboration.
Developing components
Once aligned on design and data, I moved to the frontend—refining designs, writing code, and building UI from scratch. Clear task division and naming helped streamline collaboration.
Making mistakes
This was my first time working at this level of development. The wallet tracking system caused issues, pushing us to redesign and improve its interaction logic.
Making mistakes
This was my first time working at this level of development. The wallet tracking system caused issues, pushing us to redesign and improve its interaction logic.
Making mistakes
This was my first time working at this level of development. The wallet tracking system caused issues, pushing us to redesign and improve its interaction logic.
Connecting web3 wallet and crafting logo
We integrated MetaMask—more complex than expected—and tested thoroughly. I also created the app’s name and logo after team discussions.
Connecting web3 wallet and crafting logo
We integrated MetaMask—more complex than expected—and tested thoroughly. I also created the app’s name and logo after team discussions.
Connecting web3 wallet and crafting logo
We integrated MetaMask—more complex than expected—and tested thoroughly. I also created the app’s name and logo after team discussions.
Last check-ups
Just before the deadline, we reviewed our progress, prioritized features, and pushed final fixes. Sales-related data was tricky and only partially resolved.
Last check-ups
Just before the deadline, we reviewed our progress, prioritized features, and pushed final fixes. Sales-related data was tricky and only partially resolved.
Last check-ups
Just before the deadline, we reviewed our progress, prioritized features, and pushed final fixes. Sales-related data was tricky and only partially resolved.
Launch and great success
Despite the challenges, we finalized everything and submitted the project. Big thanks to our teachers—our team won the school competition! 🎉
Launch and great success
Despite the challenges, we finalized everything and submitted the project. Big thanks to our teachers—our team won the school competition! 🎉
Next steps and learnings
Next steps and learnings
Next steps and learnings
I gained hands-on experience in frontend development and a deeper understanding of developer workflows. While I decided to stay in design, coding is now one of my biggest strengths. Huge thanks to Nina and Sven for the teamwork!
