THE START OF SOMETHING NEW
This product launch was an incredibly fun and rewarding experience. It was a pleasure working with the owners, CEO, and development team. Despite facing challenges and fielding numerous client questions, we pulled together and made it happen. I’m really proud of everyone involved for bringing this product launch to a successful completion
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/47d3d9e8-397f-4358-8a65-c61adeda09da_rw_1200.png?h=67fb253adaa6e0b4e4ed098926fc5a22)
CREATING STYR
STYR was designed in Figma, focusing on key pages like the homepage, onboarding screens, Sneakerfolio, and the product page. I was responsible for creating the logo, buttons, and brand typography, as well as selecting icons that best suited the STYR interface. Many of the design choices I made, including the color palette, were carefully considered to establish the tone and identity of the marketplace.
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/a05e0b99-9de7-4107-84ef-e88d38f01174_rw_1920.png?h=13296026e0ebe2004a129900771c7ceb)
ONBOARDING/LOGIN
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/0f5177d4-3125-4d34-980b-6d48fd6081c2_rw_1920.png?h=6355fd711d2289e3f103466bbcecbe53)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/1ffb910f-9dcf-49ba-837c-d2a2e9119da4_rw_1920.png?h=f46804658e77214eca6439a760637e8a)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/ab97aec7-61a5-40bc-a957-4384e59813e1_rw_1920.png?h=e12e1acfd656493b19f209466e059986)
LANDING PAGE
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/7568715d-2958-4adb-bd85-783ee085852e_rw_1920.jpg?h=c4fbc81a795db7ecd2b76c41bb4a5c77)
PRODUCT PAGES
The product pages were designed to display all the elements necessary for users to decide whether to trade or purchase their sneaker assets. These decisions were informed by the sneaker's 'stock market' value, whether STYR users were buying or selling the asset, and previous transactions related to that sneaker. The STYR coin was utilized as the primary currency, representing purchasing power within the blockchain-based marketplace.
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/547d6c35-0c10-4c94-b66a-6069600a244a_rw_1920.png?h=11cba65bf6bb00ac762825304cda40f2)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/c3a6997f-6d9c-4416-a8db-21148e138fd9_rw_1920.png?h=591a17afff29456f2c4fc471350f0afc)
CREATING PURCHASING/TRADE POPUPS
When users decide on an action, whether it's bidding, buying, or selling their sneaker asset, I created overlay pop-ups to guide them through the process. These pop-ups include options like selecting a size, viewing the current market price of the sneaker asset, and more. In cases where funds are insufficient, users are prompted to deposit funds to use their STYR coins. These pop-ups are highly effective for tracking the user's journey throughout the STYR trading and buying process.
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/2617c3aa-bc09-4c57-8067-cc4a1006dde3_rw_600.png?h=ce285d338c5de23dffce39ca5ac8f8c9)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/c8db7731-232e-4e51-8340-f564cf6f17f2_rw_600.png?h=6b90d6605c3a9367eccf0b486d251016)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/b7efba11-44ef-4384-8f70-dae7bf09c4cd_rw_600.png?h=e5f32e3bf2cdbf438fa9f22fbd849914)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/9f8384f1-e5ca-49d5-809e-47dc3b43bbc7_rw_600.png?h=87085b9fc008236ce87ceaa1e5e9b836)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/a30c5357-657f-4a96-9c56-920968d86a33_rw_600.png?h=8e0c9b6b1a8ab1a8c28db466c553508e)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/de9672e8-7db9-4e7e-ad89-a7d547b6c754_rw_600.png?h=2a3182ab63073dee050103bd520018a3)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/4375e85e-b2b5-41e8-8eb4-dd63fd8ccb5a_rw_600.png?h=645dde245f40a95602784641323f31d5)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/72c6d30a-2049-4cf9-8caa-3f0c91b81d39_rw_600.png?h=11b341c6ee35802669bf41c32173af38)
MY SNEAKERFOLIO
My Sneakerfolio serves as the central hub for all account-related activities. On the left-hand side, I've designed a navigation menu that helps users easily access different pages, each paired with corresponding icons. The Sneakerfolio contains everything from transactions, likes on sneakers, bidding and selling activities, to account profile information.
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/5fa6f88d-77d6-47d0-98fd-9732118b74a3_rw_1920.png?h=d95e02dc0e1e29537f6790b6841d97cb)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/925f4470-cee6-4e44-a16c-005cc95b0ab4_rw_1920.png?h=17a1044f1bcd92f6b165f82343c49533)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/776d1cf8-4bbe-40c5-836f-5651b1a55476_rw_1920.png?h=2ae6d71827e06f39db2839aeb485bebb)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/5434b0b3-50cf-44d6-bb3f-2316775ea2df_rw_1920.png?h=40238a5b99372733793a4038800ad8c8)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/a69cc72c-b2e5-466b-aa9e-c51b7a3d4fdf_rw_1920.png?h=5eb636c3672d5f3b746a05eb8f641df3)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/91a30f02-4679-4513-909c-cebcf172259b_rw_1920.png?h=52ab07906c906d29e82e4cea8a06f47f)
![](https://cdn.myportfolio.com/9284e30e-e0a2-4d50-a320-7e0e3e9970b9/d6b2c2dd-0890-4f1a-85e4-69d7dfc1a105_rw_1920.png?h=abe5719363f2c30d0bd221e5609706bf)