NFT Trading Game
I was hired as a UI Designer on contract by HypeX - an NFT-based startup based in Irvine, California. I spent 4 months as the sole designer of the team, responsible for designing the landing page for HypeX - explaining their product and plans for the future to their advisors, investors and community.
I worked closely with the CEO, product head and other investors to fully understand HypeX's style and vision. I used Figma to design all the different versions of the UI working with the front-end developer on the team. I also helped design a ton of visuals ranging from social media posts, motion graphics videos and also designed their pop-up booth at Decentralized Miami - one of the biggest startup events for crypto-based projects.
The team's expectation was for a progressive, cutting edge landing page which really delivers their vision and connects with their user persona of sneakerheads who get attracted to strong and trendy designs.
I was provided a rough mockup of the team's vision.
The team shared with me their existing wireframes and it was a very basic skeleton which was put together by the CEO and their marketing team when they initially started back in early 2021.
This gave me a simple base with ideas and some direction on art style to start off of, as it provided me with the content I had to display in the landing page and also some stylistic elements that they really wanted to keep such as the Nike AirMag.
Right from the beginning, I wanted a clear vision of the team's expectations on how to visually represent HypeX to the world. I set out to create a Moodboard which took inspiration from the most followed crypto projects in the world at the time.
I noticed there was a lot of focus on environment design where a mixture of impressive elements come together to create a whole ecosystem which you get transported to instead of just a static web page. This inspired me to take that space galaxy vibe to another level of immersion using 3D elements mixed with 2D.
I started with redesigning the old version I was provided (or v0 as I called it) into a low/mid-fidelity version to better understand the layout, structure and flow of the landing page.
Once the layout was approved, I designed a high fidelity version which our developers could adopt quickly since time was a major constraint.
Once we satisfied investors with a basic version of what HypeX does, I designed a final version which hit that immersive space environment I wanted to achieve. Our young team of college developers worked hard to bring the designs to life using React components which you can check out at www.hypex.io
