An NFT driven web app for artists collaboration and item exchange

BRAND
Collabratz
Client
Collabratz
Tools
Next.js / Type Script / Node.js / Swagger / Mongoose
Release
2022
Budget
More than $100,000
PROBLEM
Artists struggled to find a seamless platform for collaboration, project management, and NFT monetization. Existing solutions lacked intuitive tools, making networking and earning from creative work inefficient. Collabratz needed a blockchain-powered, all-in-one ecosystem to empower artists.
SOLUTION
We conducted in-depth research to map user needs and designed a streamlined, intuitive interface. Our team integrated blockchain for secure NFT transactions and built a robust, high-performance platform for artist networking and project execution.
VALUE DELIVERED
Collabratz now enables artists to connect, collaborate, and monetize seamlessly. With NFT integration, project management tools, and a dynamic marketplace, the platform redefines digital collaboration and revenue generation for creatives.
Network, create, sell
Collabratz is a dynamic web application that combines a social media network with an NFT marketplace. Most importantly, it helps artists connect and collaborate on music projects. Users can create profiles, search for potential collaborators, and engage in discussions, as well as work together in a dedicated digital space. Once a music piece is completed, it can be listed as aN NFT item on the Collabratz marketplace, allowing music-makers to monetize their creations.

Project timeline
First, we created a captivating landing page. In addition, we conducted extensive research, including one-on-one interviews and user flow mapping. Then, we moved on to wireframing, which made it easier for us to create a structured and user-friendly layout.
At the same time, blockchain development allowed for the integration of NFT features, paired with back-end and front-end development efforts. In the end, we were able to create a thoroughly tested and refined platform that's not only user-friendly, but also visually appealing.


Intuitive user flows
During the project, our designers were determined to craft intuitive user flows. To do so, they had to thoroughly analyze and understand key user behaviors and preferences. Next, they did their best to come up with a natural and logical navigation structure. As a result, our team was able to make browsing the Collabratz platform both enjoyable and effortless.

User-friendly interfaces
During the wireframing phase, our UX designers created wireframes depicting a user-friendly interface. These wireframes then serves as blueprints for the website's layout, functionalities, and information architecture. Each design decision we made served to further enhance the platform's usability.

NFT marketplace
The design process that led to the creation of the Collabratz marketplace involved coming up with an innovative visual design that aligned with the platform's NFT-centric approach. The said design incorporated a sleek and modern aesthetic, utilizing captivating visuals and eye-catching colors. It made it easier for the Collabratz brand to attract potential buyers and stand out from the crowd in the NFT world.

User-friendly product pages
The product page was designed to provide users with a comprehensive view of each item that's available for sale. It showcases item details, in particular, allowing potential buyers to make informed purchasing decisions.
In addition, users are given the option to purchase items immediately or to make offers, which fosters a dynamic and engaging marketplace experience. It's also worth noting that product pages feature curated collections and timed auctions, both of which add excitement and exclusivity to the platform.

Live chat functionality
The live chat functionality within Collabratz allows users to easily community with one another, which fosters collaboration. Whether it's discussing potential collaborations, asking for project updates, or sharing files, the Collabratz users can do it quickly and effectively.

Sleek home page
The home page was designed to provide users with an engaging and informative overview of the platform's purpose and features. With its eye-catching and modern design, it effectively shows what the Collabratz brand is about, inviting users to become a part of a vibrant community.

Project dashboard
The project dashboard offers artists a dedicated space to collaborate on their music projects. With its help, artists can access project details, manage project members, and communicate using the live chat feature. What's more, the dashboard can be used to exchange files.
To put it simply, it provides a centralized location for managing and tracking project progress. It empowers artists to efficiently collaborate with one another and bring their ideas to life.

Modernity and exclusivity
To create a distinct visual identity for Collabratz, we decided to go with a dark theme. It's complemented by vibrant shades of purple, red, and pink. Such a color scheme is bound to be associated with modernity and innovation. As for the typography, we went with a sans-serif and elegant font called Codec Cold for headings and another sans-serif font called Poppins for paragraph text. The two resulted in the creation of a harmonious and visually appealing composition.
