About this project
Neurond AI Manga Tool
A groundbreaking manga creation platform empowering non-artists to unleash their creativity and imagination.
Design Tag
Project overview
A quick brief about this project
My Role
UX/UI Designer - User Research, User Flow Analysis, Design System Development, Visual Design, Prototyping
Team Members
Linh Nguyen (me) - UX/UI Designer
Industry
Ai Tech, Manga Creation Tool
Project Estimation
2 weeks
Overview
The Neurond AI Manga Tool is an innovative creation platform designed to unleash users' creativity and imagination. With its powerful AI engine and intuitive manga-making features, users can easily craft unique stories and manga from scratch.
Whether you're an experienced artist or a novice, the tool simplifies the manga creation process, making it accessible to all.
What I actually did in the project
As the sole designer on this innovative AI manga creation project, I independently directed the design strategy and implemented cutting-edge visual elements, ensuring a seamless and captivating user experience.
The Problem
The challenges I faced and how I solved it
Problem Statement
This in-house project is characterized by its reliance on limited manpower and resources, necessitating a strategic approach to development. Furthermore, the project is built upon an unestablished foundation, presenting challenges in the implementation of features and aesthetics.
Challenges
The individual who assigned me this project lacked experience with digital products, resulting in misguided development directions. The product feature flows were poorly analyzed due to their lack of understanding. They simply requested that I copy the UI of a competitor's product and hand it over to the development team. I strongly objected to this approach, as it would fail to create unique value for the product in the long run.
The solution I came up with
I started from scratch and built everything up on my own, facing numerous challenges without the support of business analysts. This meant I had to conduct all research independently, navigating the landscape of competitors and AI-related products. Despite the difficulties, this project allowed me to delve deeply into design, enhancing my skills and knowledge. The experience of overcoming obstacles and delivering a successful outcome enriched my professional growth and confidence immensely.
Research Summary
I researched competitors and developed my own application flow
The application flow
This is just a brief demo showcasing the new app theme. To achieve a comprehensive demonstration, we are incorporating some open-source elements from the Figma community.
Manga AI Application Flow
Design foundation
Setting the base for the project
Creating a Design System
Design Philosophy and Implementation
App Layout and Theme
Innovative Design Approach
App Side Menu Component
Mockup design
Mockup Design
Main screen
When users first enter the web app, they will see the homepage featuring an empty project board and a 'no project' illustration. Once projects are created, they will be listed as shown in the mockup below.
To create a new project, users can click on 'Start Creating,' which opens a pop-up. Here, users can set basic information for their manga, including the genre, name, and default art style. This default art style will be applied to the entire manga, including characters and scenes, throughout the creation process.
Website Home Page
Story board
Users can begin their manga by creating a storyboard, or they can skip this step and jump directly to character creation.
To enhance the writing process, we integrated AI assistance. This AI can help users brainstorm story ideas, outline their narrative, or even generate a complete story from scratch.
Story Creation Page
The created story can be divided into scenes either manually or by clicking on the "Break into scene" button to break it into smaller paragraphs.
Additional screens were designed to support various storyboard writing workflows."
Other Story Board Mockup
Character design
Users can skip the storyboard step and begin creating their characters by inputting prompts and basic settings. Our AI image generation will then create characters based on these descriptions.
If users have a completed story from the previous step, the AI will analyze the narrative and pre-generate characters accordingly. Users can further refine these characters by adjusting settings and prompts to achieve their desired appearance.
Character Design Page
Image Variations: Similar to Photoshop or other AI tools, a panel displays generated image variations for easy review and selection. This panel appears below the generate button for convenient access.
Panels assemble
The AI scans user scenes and generates scene panels based on the previously created characters and scene descriptions. If no characters are included, the panels will display a regular scenery image instead.
The Panel Assembly feature functions like a standard canvas editor. Artist users can upload their pre-made images and use the app's frame and element settings to create their own manga.
Panel Assemble Page
For users who skip the story creation part, the app presents an empty stage. Users will need to create their manga panels from scratch and assemble their manga later on.
Panel Assemble Page - Empty Stage
Scenes Editing
The scene generation settings are similar to the character settings but tailored for better scenery descriptions. Users can adjust Character presence, Aspect Ratio for canvas size, Color, Lighting, and Framing. Additionally, the Scene Editing settings include an image variations panel, just like the character page.
Website Home Page
A perfect tool for non-artist user
In the end, I wasn't able to fully develop the entire app flow due to time constraints. Nevertheless, while some areas may require further refinement, the overall outcome still boasts stunning visuals and a satisfying user experience.
The AI Manga Creation Tool
Retrospective
Embracing AI for Competitive Edge
I firmly believe that integrating unique AI-powered functions is crucial for the tool's growth and differentiation from competitors. Although I wasn't able to fully develop the entire app flow due to time constraints, the progress made was significant. While some areas may still need further refinement, the overall outcome boasts stunning visuals and delivers a satisfying user experience. Embracing AI technology will not only enhance the tool's functionality but also attract a larger user base, positioning it as a leader in the market. Despite the challenges, the journey has been incredibly rewarding, showcasing the potential for future innovation and success.