AI photo generating redesign

THIS IS AN APPLICATION FOR photo creators & designers.

It aims to speed up the ability to create for people who need photos in their work or for their own promotion. A colorful and fun interface is easy to use and helpful even for those who feel they are not so creative.

about implementation

Doing something as simple as possible is the most challenging process. That is why it is crucial to choose the most important functionalities.

I tried to solve the problem of making an application as simple and interactive as possible.

The most critical step is to test the prototype and find the functionalities that offer a fun experience on the application.

I considered that the most important pages are: the homepage-up, product detail, and the shopping cart. Everything that is not so important can be hidden in the menu.

what i exercise in the project

Analyzing users and competition.
Short portraits of the audience.
Short portrait of the competition.
Create Web Guideline.
Design a logo for the App.
Create user flow & identify the best functionalities.
Redesign for the App.
Create proposal for redesign.

about the process

1. audience research:

The analysis, profiles and functionalities I made are on the basis of: www.researchgate.net, www.similarweb.com, the reviews section in the App Store, www.growth.design, www.lawsofux.com, Fundamental UI design principles.

The main questions we should ask ourself are:

What emotions do we want to convey?

Trust
Clarity
Simplicity

How do we convey these emotions?

Intuitive and clear UX and UI
Memorable
Simple and satisfying experience
Security
Changes based on user feedback

Based on this I created 2 portraits for the audience.

2. competition research:

The analysis was made based on the testing of competing applications.

Functionalities ideas:

Generate prompt
Negative prompt
Size image
Style image
Search images
See the number of images you can generate
Change subscription plan
My list of images with keywords search
Log in with gmail or facebook
Well-designed user interface (UI)
Fast loading time.
Strong data protection.
Excellent user support.
Built-in integrations (aitextpromptgenerator.com, etc.)
Infinite scroll
‘How-To’ Screens
Targeted Push Notifications
A Feedback System
High-quality Image Resolution
Social Media Integration
Compliance with GDPR Standards
Machine Learning Attributes

What can we offer in addition to the competition? (Ideas)

Animations for confirming an action
Integration with a script tool
Gathering all the images created by you in a folder where you can search faster
Tutorials on how to use the application, how to create prompts and what to do with the created images
Auto-complete ideas generating prompts
Edit photo after you generate it
Offer ideas keywords to describe the generated image
Ability for App to Work Offline

3. Branding & Web guideline:

I created a logo for the app (a fluid photo icon that can help you understand directly that we generate images).
And then: colores, fonts, icons and components.

4. the final result – Design

The Onboarding is easy in 3 steps. The method of watching a tutorial-style video on how to use the application is the easiest way to help your audience. I chose to have only 3 steps because no one has patience with too many steps. And I chose to explain the most important things that the application does. If the person gives Skip, he can review these tutorials at any time in the Help section. On the account creation page, it is important to make it as easy as possible for your audience to create an account and test the application as quickly as possible. That is why we have offered 3 login options: with email and password, Facebook and Google (top 3 most common login methods).

The Generate image: Here we have introduced 2 new functionalities: that light bulb icon offers script suggestions and the size button offers various size formats for the created images. The button remains inactive until the text to generate the image is completed. And because the list of styles and artists is very long, I chose the See more alternative that takes you to the longer list. It is also very important that the user realizes what he has chosen. As you can see, the chosen style and artist have an orange border, and if you click on it again, it is de-selected.

The Edit image: Here I tried to choose words for action that are easy to understand, that suggest what I’m doing, simple steps and easy to follow and very clear in what you can do.