PixlHive NFT Marketplace
PixlHive is a new NFT lobby where a registered user can read an exclusive blog about NFTs and how to secure your Crypto and NFT accounts. The client wanted a new design from scratch, a fully functional website in Webflow, and a membership system connected to the database on Airtable. Registered users also can browse different NFT collections and add them to their favorites.
Expectations
The client requested a completely new and fresh design, a fully functional and responsive website developed in Webflow, and a membership system. He wanted to be able to manage users and see their basic info in a database. Specifically, he wanted to give access to the blog posts and NFT collections only to registered or logged-in users. When a user is logged in, he should be able to like the collection and see liked collections on his dashboard.
Process
Working on this project was a great experience, but I faced a few challenges during the design and development process. One obstacle was nesting content from two CMS collections—Users and NFT Collections—within individual cards. I also had to create a CMS-driven slider to dynamically display content. Implementing a ranking system for CMS cards based on popularity over the last 24 hours, 7 days, and 1 month was another challenge. Finally, ensuring the website was fully fluid and responsive, while making the core structure easy for the client to understand, was essential.
Outcome
The final website is a functional and visually appealing platform that successfully boosted the client’s online reach. To meet the challenges, I implemented the Client-First Style System, making it easy for the client to modify the site. This included clear class naming and rem-based sizing for full responsiveness. I also integrated a membership system using Memberstack, Airtable, and Zapier for automation, along with a custom CMS slider using custom code. The client was highly satisfied with the outcome, and the project allowed me to enhance key skills in membership integration, automation, website development, and responsive design.