Faruq So
11 upvotes
Hi friends 🖐 I took this challenge because I'm seriously obsessed with AI features that relate with Augmented reality just like this kind of AI makeover app that allows users to check how they'd look if they choosed a particular hairstyle and color. After my UX research, I discovered so many reasons why I should choose this kind of design system and pattern. This is because the usability of the app takes a higher priority than my own personal design choices. One of it is that the reason I got committed to this kind of color palette is to make the app dynamically suitable for any kind of background the user is within. To the corners, borders and outlines, typography and so on. There are so many more other pages I designed, but for the scope of this challenge, I had to put together the most important pages this feature needs to be used here. # The splash screen, # The user information page # The page where a user registers their face on the app for better AI performance # The page where the user chooses various hairstyles # The page where the user selects their color choices # The page where the user can even capture one of the looks yet without leaving the app # The page where the user can even view the snapped looks of theirs in fullscreen and even have various options like editing, deleting, adding to favorites and even share with people like their stylist or even save to their phone # and so on... I even went forward to demonstrate closely how from a bald headed man using the app to check if some hairstyles would look great on him in various colors. And so on... just zoom to appreciate the level of detail I added to this project. As normal, I like naming any UI I design...and this one, I named it Mirrora. If you really like what I did in anyway, I will so much appreciate your feedback and your upvote please. Regards Faruq So Ps: you can check my prototype video on my Instagram via @faruq_so
Hi friends 🖐 I took this challenge because I'm seriously obsessed with AI features that relate with Augmented reality just like this kind of AI makeover app that allows users to check how they'd look if they choosed a particular hairstyle and color. After my UX research, I discovered so many reasons why I should choose this kind of design system and pattern. This is because the usability of the app takes a higher priority than my own personal design choices. One of it is that the reason I got committed to this kind of color palette is to make the app dynamically suitable for any kind of background the user is within. To the corners, borders and outlines, typography and so on. There are so many more other pages I designed, but for the scope of this challenge, I had to put together the most important pages this feature needs to be used here. # The splash screen, # The user information page # The page where a user registers their face on the app for better AI performance # The page where the user chooses various hairstyles # The page where the user selects their color choices # The page where the user can even capture one of the looks yet without leaving the app # The page where the user can even view the snapped looks of theirs in fullscreen and even have various options like editing, deleting, adding to favorites and even share with people like their stylist or even save to their phone # and so on... I even went forward to demonstrate closely how from a bald headed man using the app to check if some hairstyles would look great on him in various colors. And so on... just zoom to appreciate the level of detail I added to this project. As normal, I like naming any UI I design...and this one, I named it Mirrora. If you really like what I did in anyway, I will so much appreciate your feedback and your upvote please. Regards Faruq So Ps: you can check my prototype video on my Instagram via @faruq_so

Feedback (11)
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