Mahojin
Mahojin is a Web3 AI platform that allows users to access and create images from various 3rd party image-generating applications. For AI creators, Mahojin enables IP tracking and fair revenue sharing with end-to-end connection to end-users.
Mahojin aims to be a one-stop solution that enables users not just to create high-quality AI images but also to earn a share of the revenue generated from their AI creations and models.
Ceate a dedicated AI model trained for your project and make it available for the community - Now everyone can make artwork/meme image/video of it.
They aim to revolutionise AI image generation with their unique remix feature that helps generate precise images by using an existing image as a style guide.
Funding
Conversion Rate through landing page
Website Performance Score
Challenge
Mahojin’s team reached out to us via our founder’s Behance profile as they were intrigued by his AI and Web3 designs. They wanted a landing page for their platform that would appeal to their potential investors and help them raise their first round.
As the platform is based on Web3 and AI, their team wanted a futuristic and graphic-heavy yet clean design.
However, the biggest challenge was the deadline of the project. They were on a tight deadline and hence they wanted this landing page with multiple 3D Motion Graphics within 20 days.
Solution
The most crucial step in the design process was getting the main 3D graphic right.
The concept of the design was inspired by the Japanese anime “Mahoujin”. The anime series features a “magical seal” called “Mahoujin”, which became our central reference.
Apart from the motion graphics we also designed a clean and minimal logo for the brand, matching the overall look and feel of the website.
After the design phase, it was all about creating a smooth functioning Webflow website with the best development practices.
3D Motion Graphic
Our motion graphic designer started with pencil sketches of the “Mahoujin” design which were sent for approval.
After we received a nod on one of the sketches, the 3D motion graphic was designed with different effects like fire, glass and more.
Once we finalised a design with Mahojin’s team, we worked on the final animation.
This 3D motion graphic is the soul of the website as it relates to the core inspiration behind the name of the platform and represents the futuristic and almost supernatural abilities of the platform.
We managed to pull off this complex design and it detailed process without compromising on the tight deadline.
Interesting Design, Interested Investors
The advanced and motion graphics are not just a reflection of the futuristic offering of the platform but also an important element to appeal potential investors.
Unique elements like the “Mahoujin” 3D graphic help the website stand out in a crowded space of Web3 and AI startups.
The innovative elements are also balanced with a smooth and intuitive userflow. It ensures that the visitors don’t have to search for any information and understand the platform’s USP and core offer with just a glance.
We prioritize seamless user experiences across all devices by implementing responsive design principles. By ensuring that the website adapts fluidly to various screen sizes and orientations, including mobile devices, tablets, and desktops, we guarantee accessibility and usability for all users.
"Mahojin's landing page work was completed with a sense of responsibility despite the tight timeline and demanding requirements. He successfully directed the design, 3D work, and development, and communicated responsively with us as the client, which allowed us to successfully launch the landing page on time."
Next Case Study
Asia Deal Hub
Let’s create something out of this world together.
Have a project in mind? Contact us for expert design and development solutions. Let's discuss how we can help grow your business.
Hi, I’m Divyansh - Founder at Webyansh. Schedule a call with me to discuss in detail about your project and how we can help your business. You can also request for free custom quote if the scope of work is clear.