A Super App with various number of up to date AI models.
Fuups AI is a platform that uses AI technology to generate unique images for users. The user can create images in three different ways: through prompts, image uploads, and drawing canvas.
Fuups AI
AI Generated Image & Art Marketplace
Platforms :
Web, Mobile App
Role :
UX-UI Designer
Duration :
4 Weeks
Design Tool :
Adobe XD
The
Principle
Promt to image generation
The user can type a prompt then the website generates an image based on that prompt, Fuups also let user to select image generation model with latest techolongical API's.
Drawing to image generation
The "Drawing Canvas" option allows user to create an image using a drawing tool. The user can choose different colors, brushes, and other options to create a completely unique image..
Image to image generation
If a user wants to generate an image based on a specific photo or image, they can select the "Image Uploads" option. The user can upload any image they want, and the website will generate a unique image based on the uploaded image.
The
Challange
7 different AI models 1 web app in 2 months
To remain competitive within the rapidly advancing AI sector, our team faced significant pressure to execute swiftly. Our objective was to construct a website with dual capabilities: generating AI images and hosting a marketplace, all within a constrained 2-month period.
- Design Process
a designer with focus on set goals, design systems and motion design.
My design process follows the established product cycle methods of the Nielsen Norman Group. In the initial discover phase, the focus is on understanding requirements, limitations, and conducting thorough competitive testing. Moving into the explore phase, various tasks are tackled, including competitive analysis, design review, task analysis, journey mapping, prototype feedback and testing. In parallel, during the testing phase, methods like monitoring social media, analyzing forum posts, and benchmark testing are employed for a well-rounded evaluation process.
- + Typography
- + Iconography
- + Color Palette
- + User Flows
- + Low Fidelity Wireframing
- + UI Elements
- + Components
- + High Fidelity Wireframing
- + Testing
- + Advertising
