AI Makeover Challenge

No, Vatsal, If you had taken inspiration from existing apps and provided a solution after modifying their designs then it would be better. But here it looks like you have copied others' work and modified their designs. Modifying "Existing apps" and "others work" is a huge difference. Please try to understand. And Crowwwnn is a UX design challenge for all the designers who can practice design here (using their own creativity)and provide a solution.

I would like to clarify some things here. Yes, I have taken inspiration from the link shared by Sushrita. What I got "Inspired" from - Tab in Second screen, which is the most common flow across apps to select image/s. -- Bottom navigation in fourth screen (which has some added features so NOT COPIED but improved) -Bottom drawer - Colors: White and grey - Top navigation: Back button😂 and undo/redo (only if you have not done competitive analysis of "pretty makeup app, You cam perfect app") Things which are "Original" -The link which is claimed to be copied is about hair color and NOT hair cuts/styles. - Scanning process. -Tags of original when there is no makeover applied. -Using images of single model with different hairstyles. For some of them I have used photoshop to show the results. (Which I feel is the most important thing to clearly communicate my design to viewers and jury) -UX writing -Makeover for male as a feature which has beard shapes, beard color, hair style, hair color and looks. For those who think flow is copied, I hope you know something about competitive analysis. You might as well check other apps I took inspiration from. It is important to learn and apply best features from existing apps to reduce time, efforts and money and most importantly provide best user experience. God bless!

From my experience, the UI along with the logic behind it, flows and the usability is how the judgement is done for Crowwwn challenges. So I know where you are coming from @sushrita. This in my opinion too is heavily copied from the link which you have shared. Great that you pointed out 👏🏼

Hey, Siana! This is not called taking inspiration from others' work. He copied the whole layout and changed some content. Could you please check this design https://dribbble.com/shots/17189410-DIOR-AR-Makeup-Real-Time-virtual-Makeup-Experience? And tell me from where do you think he has taken this design as inspiration? That's all you have to give a solution then why is everyone working so hard to show their creativity? Everyone can copy what's the big deal about that. The main thing is you have to apply your own creativity and provide a good solution here. Ya ya, sure he has done well by copying others' work. I just gave feedback. let the judge decide :)

@Sushrita Kumari Padhy I think you went far with your feedback this time. Taking inspiration from UI and copying other's work has a vast difference. This platform is about providing right solution and Vatsal has done that clearly among all the participants including you. Almost every one has provided images which are not up to the mark except this one which speaks a lot about his work. Try to provide constructive criticism as most of the points in your feedback does not make sense too.

Good job Vatsal! The flow is simple, easy to understand and serves the right solution to problem.

Hey, Vatsal! Why did you copy others' work? If you had to copy then why did you participate? Please present your own work. -Home screen- ->You have kept the "try now" button then why did you keep the camera button there in the nav bar? What is that for? ->Make sure all icon should be consistent. ->The scanning tag and the original tag should have been two different colors. -> As you have shown hairstyles for females you should have kept in mind that so many hairstyles, hair colors, and their shades are there. Users can't swipe to see all the styles and colors know. If you could add a filter for them then that would be easy for the user and will also save time. -> If the user wants to try different shades of color then how will she do it? -> On the last screen, you have shown both the hair color option and hairstyle option separately for men. Why are that options not on the 4th screen? You just put a hairs options only. Please do proper research and brainstorm about these small things. -> I have noticed on the last two screens, three white circles and one white square are there at the back of the "prev and next" buttons. Why is that not on the other 3 screens? Thanks!!

Hey @Jorge Santos, thanks mate! Glad you like it.

Hi @Dhananjay Chopra That is export button. The image can be saved and/or shared for reference or to take reviews on the style!

I liked this approach, very complete and simple!

Hi Vatsal Can you tell me what is the function of the top right corner button in the style selection screen?

Hi Vaishnavi, I have some queries to raise!! 1. In the concept we are using the ideal user/model given the scanning AI would have the understanding of differentiating head from face, so i believe that can be sorted. 😧 2. In terms of flow, you can follow the quick walkthrough I have shared above, in the future will make sure to present designs with flow marks and in order. 3. Surely can be worked, the floating items are suggestive options. 4. Once the user has used the hairstyles, he may get the related products prompting the user to use the product that is required or use a map to visit the desired saloon/stylist that can give you the hairstyle you need. 5. The visit shop - is suggestive but not compulsory. 6. I agree, some improvements are required. 7. The map appears once the user has finalized a hairstyle and hits the visit shop. 8. The text implies "scan your hair to get perfect recommendations - a default instruction.". Thank you for your remarks and feedback 👍 Surely opens up a new front for ideas and points noted to be focused on in the future. Many thanks!!

Hey, Core UX I have some queries to raise!! 1. You have given hair scanning, I a worried if a person is Bald, how are you going to scan????? 😧 2. The design style is too abstract, the elements used here are having drastic contrast colors and shapes which difficult to find the action elements. 3. Also, important controls are Camouflaged on the screen due to inconsistent shapes and styles. 4. Hairstyle and product tabs are next to each other, is there any logic behind that please justify. 5. The visit shop - is merged in the image "9th screen". 6. It's difficult to understand the possible affordances for a few components, like Apply filter component on the home page. 7. Search is surrounded by a map, usability wise please fix this. one may hit the map by mistake with an intention of search. 8. Some random text added over 1st screen is not legible. You have really added great effort on the whole!!! 👍 but, usability wise above points can be worked upon. Hope this helps!!

This looks like an innovative product. I see the utility of it for people from the beauty industry. It'd be great to see how it recommends looks based on different face types. All in all looks sleek and has great potential.

@jS Designs The conceptual flow allows the user to; 1. Scan the hairs, 2. Choose hairstyles from the library 3. Apply color, and adjust features. 4. Share or stream to get feedback, 5. Get AI-based recommendations on hair care, products beauty salons, and hair-care centers through the map.

Hi, I believe the first image is original. Then in second screen how the hair has different color? In the 8th screen I see hair color option, where did this come from? User flow is quite confusing me. When style tab is selected, it looks like product tab is active and vice versa. You have shown the functionality of hair cut but it would have been great if you had shown girl with different haircut through AI too. Showing likes and comments on image that is yet to get makeover doesn't make sense! Bottom navigation is missing. It can give clarity and easiness to your flow. Overall I loved the image selection and UI!

Modi-hair is one of the unique feature that will help everyone to identify weather the hairstyle would fit on to the person or not. This app will be beneficial for every individual including hairdressers, salons and me as well.

This website is superb 😍 and really its very superior

Very clean and unique modern UI design 🔥

Bhavik, sorry to say but there are just many Red flags about this design, just take them as feedback to improve. Let's start with your description. 1. Failed with font selection. Using a font like Playfair display for the body & paragraph isn't a good practice. They are legible for Title/Headings but not for body text. 2. You have opted to go with a Dark theme, but the splash screen does have user interaction and that screen is light. Imagine a user clicking on the Entry button and suddenly the screen will change to Dark mode, that's not correct. To me it seems like an Intro screen, not a Splash screen, splash screens are usually some transitions or smooth animations. Why should we add an extra step at the cost of an extra button (Entry button) if it's not needed, on a splash screen? 3. Splash/Intro Screen and Gender screen body texts are of different sizes, be consistent with that. It seems female & male buttons should be a bit smaller. 4. Now things going a bit crazy here, the illustrations are very good but the page is wrong, imagine the user is 35-45 years old, and how he/she would perceive seeing cartoons instead of a real human face or his/her face. The page doesn't even have any color-selecting feature, which is a basic requirement. See according to psychology humans trust real pictures more than illustrations. According to me, you should add another page simply by taking a picture of the user with some guidelines, and then on this page, overlay the hairstyles over her head with a Before-After toggle. There should be a hair color selector, a hairstyle selector, a save button (if you're adding account options, and if not then to gallery) & a share button. 5. Bottom Navigation bar is again a red flag, this app is not very popular, so from starting you need to add icons & texts below them. And also I haven't seen good apps using a floating Bottom Nav bar. 6. There's a search option on the Top of the Near By Salon screen and also on the bottom nav bar. Confusing. This page is also not following the Dark theme perfectly, Too bright on the top section. You've added nearby saloon cards, I don't know if that is realistic or not, but the minimum price and distance from your location are missing from the cards. The card Heading and Subheading texts are so big, I doubt if a big name fits in there. 7. "Choose your gender" Title is placed in a near to perfect place. But what about Hairstyle and Nearby Saloon page? Consistency is the key. In the nearby salon page, There's no need to place the page title/app bar there at the cost of some extra white space at the top. White space is good when used properly. But here we can give more real estate to the saloon list by placing the app bar at the perfect place. Just take them as feedback.

Extremely high quality design and very clean and unique modern UI design 🔥

Hi Bhavika, What if I like the first haircut option and second haircolor? There should be different functionality to select haircolor and hairstyle. 3D characters look very different from real humans and selecting a style on the basis of 3D character might or might not look good on actual human. Your app looks more like bitmoji/memoji. Stylist at salon cannot choose hair color/style on the basis of it.

design concept and idea just awesome and clean deisgn

Wonderful design and very much user friendly

Great work 🤗

Great 👍 Superb design..

Very good design

That's great

Great choice of colors, Good Job🔥🙌🏻

Very good work. Very clean and modern UI.

The design is very and accurate. Here your hard work can be seen. Looking for such amazing designs. 🔥👍

An extremely user-friendly design, with all necessary features at hand 🙌🏻

Doesn’t you feel embarrassed creating fake accounts and commenting all good on your stuffs…? How can you do that!!!

Thank you for the appreciation Siba Behera & Biswajit.

Hey, RJ! I swear I haven't copied from anywhere. And I see this website and that images link(Which is not working) for the first time. Please don't be stupid at all and From which angle do you think I have copied from this website? If I had copied, I would have accepted that I copied. It's fair because I designed this app using my own creativity and some people copied designs from dribbble also. Please don't be so mean. Writing UX doesn't make you a designer. Here it seems you are not a designer If you are then you must know the color theory, & where and how to use them. It's a simple thing, if you are designing a beauty brand then the color should be muted, bright, and modern. And this is just a concept/solution. I tried to stick to the problem statement and made it less feature-specific only. Lots of other things can be added and it is not going to launch in the future. You didn't understand what I am presenting here I haven't designed a photo editing app that other people have done. I have given a different approach here. Where you can try different hairstyles, and colors using AR, and in case if you want to buy products for your damaged hair or hair growth you can simply diagnose from there. That's it. Thanks!!

https://www.simonethomas.com/files/2018/12/300x479xloreal-hair-app.jpg.pagespeed.gp+jp+pj+ws+js+rj+rp+ri+rm+cp+md+im=20.ic.GGomqtfhXW.jpg Copied as it is not even edited the pallete below... This is not fair................................

Mid blowing extraordinary

Superb

Hi, Sushrita Kumari Padhy, I have something to suggest for your design. 👉Functionally, your design looks like a beauty salon app, rather than a virtual makeup try the app for both appearance and style. 👉It's like taking suggestions from users about hairstyle and thickness and providing solutions, I just saw the hair Diagnosis screen of Beauty preference, and there you are asking about their hair type, But if I have to try a curly hairstyle filter for my appearance, that's of no use. 👉So the concept of Virtual try over and experiments with my entire appearance all got out of track. 👉Asking for Hair thickness, the same goes for that, Also hair color and hair concerns are unnecessary, and don't fit the solution. 👉Hair colors and hairstyle screen, there is no name for hair style!! I should know what style I am applying on the same for the color swatch. 👉The concept is to experiment with one's own style and appearance, and not the beauty salon app recommending preferences.

Hi Sushrita, I would like to add over I have noticed that you have directly taken screen shots of some UI elements from internet and used it as small components. If you want to add on component please entirely customize it and be justified with the competition. After all lot of them are adding efforts and customized there solution from scratch. Your design is too high in contrast. Also you have chosen images which are still and not live, its virtual try on they doesn't seems live as virtual!! as if you have copy pasted them from some where. User Background wont remain white always!! Your solution is very specific for hairs - which makes app to restricted as a solution. Icon use for split and icon on home screen is same? Filter icon over background is blended split window screen. You have shown Hair style, color, in future what if something additional is added under that category. Components are to specific to layout not flexible enough What is that slider used for over which has "majic wand icon' screen, also you have provided open icons may merge and blend with the background I have noticed you have designed more screens among all but some time the less is more!! please provide flexible solution. I would suggest you to understand the problem statement with no add on and fix for Basic solution First.

Hi Sushrita, I like your UI sense and great choice of colors! You have designed a good solution, although I would have appreciated it even more if you had shown the same model trying makeover. If user selects hair color first and then select hair style and he might not like the hair color he will have to go back to the hair color tab and change it. It increases unnecessary steps for user. Showing color palette and hairstyles in the same screen can be a better option. I don't get the hair color screen. How to compare the makeover with original image and why is that functionality not given in hair style tab? There is a filter icon button on hair style tab but missing in hair color tab. As you have shown both of them as a tab, icons at top and bottom should be fixed. It would be nice if user can save and share the image to show it as a reference to stylist. If the makeover is happening while camera is on then a person can click the picture and save it but what if the image is getting edited through album? Overall, you have provided a good solution!

This is brilliant Faruq. However, I have a little problem with the chosen colors and hairstyle, lol. In all, the concept is great!

Nice concept... But is the app implementing the AR feature directly with your camera, or it only needs uploading of pictures for further processing, or both. And why is the need to register your face?

Hi, I must say Faruq So, I must say you have chosen chosen completely different scenario for a character which is cool!! Well Though!!!! Some feedback would like to add up on Choice of color pallet has to be change, yellow is disturbing to eyes Few buttons are have got blended in the UI so that need to be fixed Also the components and other buttons seems entirely merged, I have to figure out the actual image and buttons that needs interaction. Image you have chosen has pale yellows background which needs to be change from layout point of view I am confused with the lined icons are actually icons or they are elements that I need to act upon. You have shown silhouettes images that too yellow please you need to change them to some different style Added random text over yellow background really difficult to read and understand Also you have just added text - Hair color on tab. Color may have different name and category??? About screen input fields can be revised as per standard formats.

@JS Design Thanks for the feedback and I take it as a way to improve in my subsequent designs. As always I'm open to learning from designers with very keen eyes like you. I think if the user wants to use a clicked image, the face can likewise be scanned to save the user from tons of editing processes like resizing the hair to fit the head and co. Since it's called AI. Yes, it took me so much of time to decide what color to use because of how careful I was about the dynamic amount of background different users would use... and I thought that kind of brownish color scheme could match many kinds of backgrounds. On the 4th screen, I using image of a person has to be that of the user in reel time and I thought it could make the app heavy upon usage after development, and if I decide to use a static random image, what if the face or skin tone of the user doesn't correspond to it, yes I know it doesn't really matter but yet, it would reduce how personalized the app is to the user. I agree with all your observations and I'll work on making the subsequent ones better.

This is a brilliant and nice initiative you have here bro. I look forward to the implementation and more designs from you

I love this Concept. As Usual a Lovely Design. The luxurious Fonts used Was Eye Catching. Great Concept. 🥂

Lovely 😁🤗 I love this concept I would prefer a deeper yellow/orange hue Great job 👏

Hi Faruq, your UX solution is good! -I would like to see makeover for both the genders! Adding beard styles can also be a great option for makeovers for men. Giving a function to register face is not a good UX. What if user want to see makeover on clicked image from album and not raw image he has to provide while scanning through camera? You can use better color scheme that is soothing for eyes. Try using minimalism in your designs. Tabs of hair style and haircolor have touchability issues because of small sized buttons. Showing images of person instead of hairstyle icons in 4th screen and color choosing screens could be better.

I'd definitely want to use this app, when will it be released?

Excellent design, I really love the concept but the colors are a bit too playful although very friendly—really great work boss.

I love the color and design outline...if this concept takes up what is shown then this would be more satisfying than app stickers of same intent which I wish I can see it's birth..nice design Bud

@Alena Chuyankova Thank you for your feedback and Support!

@JS Design Thank you for your feed back!

Hi Jeya, you have chosen quite a different approach to the challenge. Although 3D characters look very different from real humans and selecting a style on the basis of 3D character might or might not look good on actual human. Your app looks more like bitmoji/memoji. Stylist at salon cannot choose hair color/style on the basis of it.

Woooooooow! You are killing it!

Hey Abhinav, I would liked the overall user flow of how you have tried to come up with this solution, however I have a few suggestions that I would like to give: - In the top navigation bar try to keep padding consistent, space above the text "mylook" and below it should be same. The selected icon seems to be touching the edge, there should be more space at the top and bottom or you could even make the icon filled. On selection keep the icons consistent, when cart and favourite icons are selected the icon is line icon whereas last icon (view options) is filled. - Does the last icon (View options) indicated saved looks? If yes the icon is not a very clear. - In the bottom navigation bar with gender, video etc. The white colour under the icon has very less visibility you can rather remove it to give a cleaner look. Padding after the setting icon should be same as to padding before the gallery image (even that space needs to be increased slightly). Video icon is standing out and grabbing all the attention and it feels like that is the primary action, where as it is a secondary feature. It is cluttering the space a lot and diverting focus from the main element to trying different looks. - In 2nd screen, cart seems like something that I have already added to cart. It should rather have like a shopping bag icon. "Shop" button can be filled to highlight more and it should rather say "add" in case user want to buy multiple colors. Do you this this icon should be placed here? - Try adding a patch behind hairstyles. right now it is disturbing the image that user is trying different looks on. That will help clearly segregate the action items. - If there is a style and colour button fixed how will I look at the other hairstyle options in the beginning. Instead the selection option should be first so that it can be scrolled. - In the tab selection with "Beard, moustache..." etc you can remove the right arrow that you have added if the word seems to be cutting on the edge, horizontal scroll is self explanatory. - How do reach more options screens? I do not see any action button for save or share. The top and bottom space before "more option" and after "Save as png" can be reduced. Video call icon should not cut on the edge.

Glad you like it. Thank you! Alena

Thank you to RJ for understanding my design solution. and Hrithik

Good!

Hi, Abhinav Juyal I Really like the over all concept here, Your design is decent, you have made a general style guide approach, which is cool. Design looks flexible enough to fit al filters as you have show experiments on eyes, hair style, color so, design is just flexible. You choose tablet device which is also fine, the I liked that you understand the device functionally and placement of components done correctly. Its great Idea to have gender specific customizable option there itself which will customize the entire panel on single selection. Clean clear, simple solution with no add on! is always good. Congratulations on your first challenge!!!!!

Hey Abhinav My very first suggestion to you would be to design for the actual dimensions for a mobile screen. If you design on figma, there are pre-defined sizes for almost all mobile screens which are currently being used by the people. If that's a tablet size that you have used then the screens that you have designed for it don't look appropriate for it. Now about your solution- 1. I would have loved to see the whole flow to reach the hairstyle editing screen, like how did you reach these screens, through a dedicated home page or just an image picker screen. User flows are very important to understand how did you solve a particular problem. 2. I feel that the bottom row with the video camera icon, camera icon etc is quite unnecessary here. The user should have been able to just focus on choosing the hairstyle on these particular screens, the bottom row is just making the whole screen too crowded. 3. Sub-category navigation (Hair-Styles, colors) could have been better. The scrolling through items in the list will get hindered if that dropdown is there. Overall great effort. All the best

@Alena Chuyankova Thank you!! 🙌

Hi, JSdesign, First of all, Let me clear some points 1)If you clearly read the problem statement, I repeat here:- "When I want to make changes to my appearance, I want to be able to use AI to try different hairstyles and colors, so I know I look good before I commit to a style." 1)It says the appearance, not only hair and color, considering that I have created a generic solution, where one can choose from dropdowns on what they want to experiment with. 2)USE OF FEED - When you experiment with a style & like it, you share this with friends and ask them for suggestions to get their feedback. after all, we like it if someone appreciates over style! isn't IT? so before committing to style finally.... whats Wrong if I want to see some of my friend's suggestions there itself???????? Additionally, I gave edit options over styles on the feed, if a novice user who is following style icons and has no knowledge of style can refer same ar filters, and try on them!!!! This can influence many of them over style. 3)About Live Stylist? Now, what if a stylist suggests to me online which style and color suits my appearance THAT TOOO LIVE, Using a Virtual try? BEFORE ACTUALLY VISITING SALON AND COMMITTING IT. Considering a broader perspective I have tried to inculcate features. 4)APP is not restricted to gender, I have taken an example of a female to present the design. 5)So finally using Virtual try on one can influence others over style, or take feedback from friends and stylists before committing to the style change. So hope you got the TRACK and FOCUS over the entire thought process. Thanks for raising the query so that I can Clarify 👍

@ Bijay Ranjan Pati I feel sorry for you, if you are a Designer by any chance, Hope you are not!! Since they don't measure designs in terms of some random number count, rather give fruitful and constructive feedback. Feedback NOT in terms of fonts, text, spacing, or some random number count but, Logical!!! Since they are problem solvers. But BTW!! I think you might be a BOT, If not!!! I just want to know how you calculated that 80 and 20..!! 😂

Cool!

80% research and just 20% visual strength. Improve your visual skills Vaishnavi. No way these are minimal or modern. Clean them up from every angle: color, typography, spacing & Layout. I can see way many mistakes.

Hi Vaishnavi, I think you are missing the major part of challenge which was regarding hairstyles. Other screens such as feed and live stylist could be avoided as it was not necessary for the challenge, it can make you lose focus on problem solution which has happened in this UX solution. Also, the app looks limited to females.

Hey Hetvi, I love the extensive research and thought you've put into this. Especially the idea of including brand colors, it specifically caters to the target audience. It looks great as it is, but here are some suggestion points where I think you could improve... 1. In design, you might've heard about a law of proximity. What it says is, things that perform similar function should be put close together. In your design, as I understand it, the top split button controls what options are shown at the bottom of the screen. It took me quite some time to figure that out. So I guess a better option would be to place that split button somewhere at the bottom of the screen, close to the options that it triggers. Also it feels very hard to reach right now. 2. I'm not sure how the Share screen was opened up, but if it was with the top left button (the one that looks like download) I'm not sure it correctly represents the function. I understand the user would probably be looking for a download button to save it, so maybe you can do this... one tapping that button, the image automatically saves (there's a message/toast/animation telling them that) and then you show options for share. In this case, they don't have to go 2 steps (they might not know that they have to click the save image to download, because the expected behavior for this icon is to just download the thing) 3. And just one last thing, the screen with sliders for amount and saturation. The sliders seem to be placed very closely, you should try placing them at least 30-40px apart, so that user's don't accidentally touch the other one. That's all from my side. Hope this helps. Great work and I hope you keep up the amazing creativity. Have a great weekend.

Hetvi, Hey there... I have some things to suggest for your designs. 👉You are scanning the face and below that, you have a camera and album when you turn on the camera your face scan from that instant. So interaction wise that screen is not appropriate. you can give the option to the user very first and then she can opt to go with any one of the methods. or you can switch between methods while experimenting with filters!! 👉Also, You are showing, you adjust hair intensity, but each brand has its own shade and swatches predefined since you are asking the user to select a brand, whatsoever that comes under that brand is only applicable under the filter, you can show each shade or tone of a single color rather showing intensity. So!!! Need to think in terms of functionality 👉About the use of font hierarchy, style, and color pallete should be revised. screen look faded out. The screen where you are playing with filters, you have given too many controls all, usability wise has to be revised. 👉Also Hetvi!! I could not understand the use of the back arrow above the split-screen. when you split button is on in the screen, interaction wise it's not seen in the design, refer to 4th s. 👉Also for hair color dialogue, the element below the search has to be revised. Interactively doesn't look like it can create an action 👉You can experiment with something that has some different background, in the image, at least for one screen.

Hey Hasan, I really like your design style clean clear and consistent! Shown style filter on occasion which is unique and great!! Great work!!!

Hi Hasan! You have designed a good UI, I like the color scheme and consistency in design. Although I have some points for UX. I think you took the challenge in different way. The challenge was about having hair style makeover but you have given functionality more or less like snapchat filters. It was not about adding accessories to the look but trying new haircuts and hairstyles. In last image you have shown two images selected. How is possible to edit two images at the same time unless it is a collage?

Hey Jorge, I must say this is a very unique approach that you have tried to come up with but there are few suggestions that I would like to give: In screen 2 instead of scanning hair it should be scanning hair so that it can put hairstyle around the face. Voice assistant along with some visual options to see different hair style and colors on there face would have made much more sense as compared to just having voice assistant. User might not really have a lot of knowledge of different hair style names and hair style colors. I guess it will also be difficult to build such a technology where it understand open text because people have different ways to describe different hairstyle. Also you could have shown text on the text box instead of on the image why is it lying there? In the last screen it would have been better if you would have shown a new look instead of adding the same image. Back arrow and more option's icon can be pulled slightly up closer to date.

Thanks so much for the feedback, it helped a lot.

Hey Jorge, I like the theme that you've chosen, giving a pretty modern vibe. I had a few suggestions where you might be able to improve. 1. On the first page, you say start scanning, but it's not immediately clear what I'm gonna be scanning for. This app is doing something that the users are probably new to... and when trying to establish new behaviours it's a good practice to tell the users what they can expect to happen at the end of this process. For example, you could show a screen with a video that shows what they can get out of it. 2. The journey you've chosen goes 'Scan your hair > select a style > see how it looks' and that works in this scenario because the user is entering random words that AI renders. Here's another approach, how about you first ask them the kinda style they wanna try, and then they can click pictures in different poses to see how it looks. (OR maybe an AR technology that shows them real time) 3. If I personally think of myself using this app, I'm not sure if I'm a fan of searching the kinda hairstyle I want, I wanna experiment. And although the placeholder text gives an idea, it still feels a bit intimidating. You're relying on my ability to remember the styles. It's a good practice to help them recall and not remember. So perhaps, just below the input field you could place some templates for search. Just to make the user's job easier. (You know like there are number templates below the input field when you're adding money to your wallet https://paytmblogfinal.wpengine.com/wp-content/uploads/2022/05/7.png) 4. Lastly, I'd like to mention the text on the last screen is not clearly visible, maybe you can try adding the whole thing in a rectangle stuck to the bottom and make the image area smaller. I guess that wouldn't hurt the user's flow. I guess that's it from my side, I hope this helps. And keep creating

Hey Jorge, I must say you tried to do something unique for makeover challenge, the functionality is lot like generating random image with the help of AI. Although generating random hairstyles with some keywords can be fun and is flexible to provide quite a number of hairstyles, it lacks users control. User will anticipate which kind of hairstyle will be generate and can leave the app after few failed attempts of not liking any style. Giving option to user to choose from various styles and hair colors can help user to take quick action.

Hey Shreya, great work and I guess JS Design's feedback says a lot. I'd just like to suggest a few things (and clarify a point perhaps) 1. How about you combine the hairstyles in one, instead of having 2 separate tabs for male and female. I believe in this day and age, no hairstyle is specific to men and women. Perhaps you can have them in one tab and sub-sections, based on hair length and styles like straight, wavy or curly. 2. On what JS Design was saying about the color palette, when we style our hair, they look much different than they do on the color palette. For example, I may apply select a peach color but I don't have any idea how that color would come out on the hair. So in all, to make things feel more real, I'm able to visualize what it might look like on my head. I guess that reduces a few steps in experimentation, I'm able to make my decision more quickly. 3. same goes with the hair styles, if I can see and actual person, or even an AI powered avatar wearing that hairstyle, I'm able to decide faster and with ease. With just the shape outlines, it'd hard to note, and I'll just have to try each one to see what it looks like. 4. Lastly, I'd just like to say that you have too many options going on the screen with 2 rows of icons. It seems when they're selecting the styles, they don't need to see the bottom layer, so perhaps you can turn that into 2 screens. It relates back to the Hick's Law, the more choices (in this case buttons) someone has, they more time it takes for them to make a decision and the more likely they are to feel overwhelmed and abandon the experience. I hope this helps, have a great weekend

Hi @JS Design, I think there's a difference in our understanding of the problem statement. Hair filters are not AI. Those options are only for customisation. The only relevant button is the idea button which shares AI suggestions. Again, as a non-binary myself, I think it would be kind of sexist to try to guess someone's gender. About your suggestion to save the image for later, it is a useful feature which I've implemented by providing the capture button. Thank you for writing so many suggestions tho

Hi Shreya! You have made a great effort for the solution. It can be difficult to find images for this kind of solution and probably photo manipulation can only help. 1st screen: It would have been great if you had shown original hair color of the woman in the picture. Hair color is not usually the color palette we use while designing or drawing, there are specific shades that can be practically styled. 2nd screen: As this is AI supported app, there should be automated detection of gender to reduce clutter while trying styles. If not automated then while choosing image there should be criteria to choose gender manually. 3rd screen: As you have shown the hair style selection screen, there should be one style selected and image of fourth screen can be used in third screen. 4th screen: I am not getting what that "tip" button has functionality here. -In bottom navigation I can guess there are option of clicking picture through camera or choosing through gallery, I am not sure what second button serves the purpose though! As image is already chosen to try new style from album/camera there should not be camera/album function in this screens it should be before selecting image. -Back button is missing in all screens and it would have been great to see home screen and then the rest of flow! Some additional functionality you can add: - saving the style image for the reference to show at salon - Seeing original style after editing just in a tap to compare if the new style looks better or worse. - UI can be better with the help of consistency in icons and alignments.