Matrix
Summary
Matrix is a startup that connects fans with creators and digital brands through rewards and gamified engagement.
For this project, I worked with the CEO to design high-fidelity, production-ready screens from product specifications and a given style guide.
Client: Matrix
Role: UI designer
Timeline: 1 week
Tools: Figma
Skills: UI mobile design
Event and voting
The CEO wanted to create a feature where users can browse events and vote for their favorite creators. From the product specs, I created low-fidelity mockups, refined them with the team, and then produced high-fidelity screens to hand off to the developers.
The screens below include:
The Event screen, where users can explore different events and what creators are involved
The Voting screens, where users can choose which creators they want to support and see the results of their votes and watch the stream between the creators
Tokens and NFTs
Another feature I worked on is tokens and NFTs. Matrix allows fans to buy and sell tokens and collectibles (NFTs) from creators and digital brands, and the CEO would like to create an interface to facilitate such transactions. Similarly to the first part, I worked with the team to create low-fidelity mockups and high-fidelity wireframes.
The screens below include:
The Tokens and Collectibles screen, where users can track the prices and buy/sell the tokens and collectibles
The Orders screen, which contains a list of the user's filled or open orders, and an option to cancel an open order
The detailed NFT and token screens for a specific creator/brand, where users can view prices, descriptions and related news, and purchase or sell them
