This is my first challenge for the crown. There are a few apps that I have researched and understood the functionality. Augmented filters are creating a boom nowadays we are already using them over different platforms. So here, you can experiment with styles after that, can easily shop based on the style selected. You can also share your style on social media platforms and save it for future use and reference. Also you can compare your looks in collage compare window in compare mode. Thanks, crown.
This is my first challenge for the crown. There are a few apps that I have researched and understood the functionality. Augmented filters are creating a boom nowadays we are already using them over different platforms. So here, you can experiment with styles after that, can easily shop based on the style selected. You can also share your style on social media platforms and save it for future use and reference. Also you can compare your looks in collage compare window in compare mode. Thanks, crown.

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