Loading ...

Responses by Dennis Snellenberg.

Background: The purpose of the website is to show the white paper of the STR8FIRE product, a gaming- and NFT-driven intellectual property. The target audience are investors and users that are actively participating in the community. The website gives information how the concept works and how you can earn with gaming, collecting and staking $STR8X.

Design core: STR8FIRE is focused on the gaming industry and specializes in 3-D design. We took the opportunity to use 3-D in the intro experience and also a 3-D object made with Spline for the steps of how to use the product. The text “scramble” effects give the website a tech, NFT and gaming aesthetic that really suits the product and brand.

Challenges: Dylan Brouwer has a lot of experience in gaming and NFT projects, so I reached out to him team up. The challenge was that none of the 3-D work was made before the site, and we as a team needed to come up with concepts for the 3-D. The challenge was that the website design, development and 3-D were done in parallel.

Navigation structure: The main navigation is really basic and straightforward. The site is not that big, so we only needed to show subpages. The socials bar is always on screen because this drives users to join the community. On the full page, there are scroll-down links and step counters to show progress.

Technology: We used Webflow to seamlessly integrate Spline on interaction and scroll. Webflow is a great tool for future changes and quickly deploying new content. For the animations, we mainly used GSAP, and we used Lenis for smooth scrolling. For the loading and page transitions, we used barba.js.

str8fire.io

Browse Projects

Click on an image to view more from each project
X

With a free Commarts account, you can enjoy 50% more free content
Create an Account
Get a subscription and have unlimited access
Subscribe
Already a subscriber or have a Commarts account?
Sign In
X

Get a subscription and have unlimited access
Subscribe
Already a subscriber?
Sign In