Learn more

We care about your data, and we'd use cookies to improve your experience. By using this website, you accept our cookie policy. Privacy Policy

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.

Landing Page design
Webflow development
3D Motion Design

Pages Developed

Landing Page

Industry

AI | Crypto

Year

2024
Mahojin home

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.

$5M

Funding

67%

Conversion Rate through landing page

94

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.

Mahojin landing page mockup

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.

MacBook mockup

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.

Mahojin landing page 3D animation

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.

mahojin 3D concept

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 landing page mobile mockup

"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."

Kain (Kyel) Seo
Kain (Kyel) Seo
Cofounder, Mahojin
Asia Deal Hub UI/UX design

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.

Divyansh Agarwal - Founder Webyansh

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.

Submit and Book a call
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.