HypeX
Role
Web, UI, Graphic Design
Date
Sept 2021 - Dec 2022
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.
What is HypeX?
HypeX is the bridge between fashion designers/brands, and metaverses. HypeX will create a platform for brands and fashion designers to enable them to get into the crypto and NFT world without any previous technical knowledge.
Project Goals
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
Their main competitor stylistically was NBA Topshot and wanted to follow a similar "street" artstyle whilst maintaining the original identity and colors.
I was provided some rough mockups of the team's vision.
Rough Ideation provided by CEO
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.
Moodboard
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
Wireframes
Mid-Fidelity Wireframes
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.
High-Fidelity Wireframes
Here's the final version which was deployed - 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.
version 1.0
Final Solution
Visit the live website at: www.hypex.io
Here's the final version which was deployed - 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.
Handoff & Development
I collaborated with the front-end developer and helped code the website using React components. It was my first time designing front-end web design through JS components and it was pretty straightforward and easy to learn. I appreciated the simplicity of using individual components than scramble through blocks of code under a single css file.
Takeaways
Even after completing my project successfully, I wanted to keep pushing and develop a cleaner version of the landing page. I got more used to their vision and style and here's the v2.0 that I designed. The team is currently using their domain for hosting a 'Sneaker Contest' for designers to better grow and develop their community. However, we are still planning on deploying v2.0 later in 2022.
version 2.0
