Hey Wiktor, I would like to give you a few suggestions: - You have overused the maroon color (primary color), this makes it difficult for the users to focus on most important information. All information feels at the same hierarchy. Try to build design system to create clear color hierarchy in different components that you are using. Cards can be turned white to shift the focus from background to the information on top of it. Turn the main headings "online world cup streams", "Can't you be in Qatar" from maroon to grey to reduce focus. Try to use primary colors only on the elements where it is clickable (CTA buttons or words) -You have not left any space for time, battery etc. at the top of screen. Try to pull hamburger menu and profile a little lower. - You can avoid using logo on all screen as it is taking up a lot of space which can be used to show things that are important. - On the bottom navigation bar, try to keep home as the first option and you have not created any segregation for selected tab. Placement of back arrow is not intuitive, it can be move to top left corner of the screen. - Try to create a clear font hierarchy there are many places where text is not readable. - The flows to see previous team score and knock outs is not shown. - Try to maintain consistent left and right padding on all the screens. Home screen - Upcoming matches section can be added to 2 separate cards, country's name fonts too small. - "Online world cup stream" text is not in the center of the screen. - "schedule" is a button or heading. it is hard to make out. The shape that you have used in the background feels very decorative and doesn't align with the theme. - Add some padding before the "FIIFA official website". - Why is there a play icon on each match, are multiple matches going on at the same time? Play icon can be removed as it feels weirdly hanging in the middle and the card under it can be made clickable instead. - What does 3 dots at the end signify, it's not very clear. Second screen - What does "group" and "schedule" signify here? - "buy your ticket" card seems to be hanging in middle. That card can be made small in such a way that the entire width of the screen is used to utilise the space wisely. - Instead of adding two cards like "online word cup streams" and "meet and watch" you can make the buttons small or show any one of them as pre-selected with the options under it. Screen 3 -Information in the card looks cluttered and it's hard to understand what is written. Look at https://m2.material.io/design/introduction to get a better understand of design system. That you help you improvise upon your UI a lot.

Hey, I would like to give you a few suggestions: Home screen - Instead of writing "good morning David" in two separate line you could add it in same line to save some space. That space can be utilised to show more relevant information to the user. - There is a lot of space above and below the search bar which can be reduced. Also, try to add padding between the search box and search icon. That will give it a much cleaner look. - In "Trending" why are there key word? It initially felt like filters but what will happen if we click on that word? "World cup" text is not clearly readable due to low contrast with the background. "live watch" is not horizontally center aligned with the box. - In "live matches", "live" word is not clearly readable as it is getting mergered with background. You can add black background under the word so that it is visible on whatever background it is placed on. -The image that you have used in "live matches" and "upcoming matches" is the same, in competition try to use different images or banners to provide realistic data as much as possible. Second screen: - Again "live" button at the top right is not visible. "Live" is written at the bottom too, try to avoid using repetitive element. - Information shown under "match info" is not clear. What does this yellow rectangles mean? Why is "Bukayo saka" word written 3 times in the screen and why are they written in two different columns in such a weird manner? Some flows like previous knockout teams, upcoming match list and information about the score are missing. Try to cover those points to meet the challenge's requirements. Overall good efforts! All the best.

@rijinraj Thank you for your feedback. I tried to show which teams are still in and upcoming matches from the first screen. I categorized each game and presented where users were able to know match info at first glance.

@kar123 Thank you so much for the detailed feedback.

Hello Emad, Clean and neat Interface, but design solution can be more improvised since screen are partially completed considering problem. 1. When user is supporting various sports and matches in that sport, he should be able to switch or navigate between view. 2.Watch live button in center bottom navigation, Icon here is not appropriate, this icon is specifically for play and pause and is mostly used for that action only. To evoke screen on that icon is something doesn't go with the nature/style of the icon, the way its expected to work. 3.Top right icon there on first screen couldn’t get its possible use. A quick live match updates/news for the team which user is supporting would will keep him up to date on smaller events. 4.If you could add some more screens over match details, as a user I am really keen to know on what’s going inside each match and team stats and match table sequence of tournaments. 5.Score history for each match and tournament details will also provide much more inadept information of each game. so considering this can add some more of other important details to fulfill the problem given.

Good UI, but problem statement is for user to find out which teams are still in, so user can be informed going into each game. this attempt it only shows some logos of sports channels, noting about the teams or statistics.

one word.......beautiful!

@caryaxvbdfg Thanks

Thank You

@arrony200 Thank you

@saad_design Thank you so much for your good observation. I was also thinking about it after submitting my design. I have noted down your suggestion.

wonderful design

Very good layout and visual hierarchy. But I want ad something that need add this design. 1: The second screen need back button on upper left. 2: There have no notification button. How user get notify if live game start? 3: Some font has low contrast that are hard to read. 4: What does it mean by commentary in navigation bar? In short, if you answer these questions and apply your design, I hope design will be more user friendly and solve the user problem who want to watch and get to know the world cup information. Thank You

This is Amazing!!

@rifat Thank You. If you find any issue in this design, please don't forget to leave your constructive feedback.

@12380 Thank you for your observation. I will surely check it out.

Too Good Design

good job

@tasneem_123 Thank you for your kind words.

@mosfequr11 Thanks for your comment. Yeah, you are right. I will check the notification feature in my next design iteration.

@@12347 Thank you for your feedback.

Intellectual layout and it Looks clear. If this Layout adds a notification icon and comment field it would be better.

Amazing work! Hoping to see more from you. Keep up the good work!

Thank you for your feedback @hetvishah14 .

Hey Sreejita The design seems really clean but there few suggestions that I would like to give: - The overall flow seems to be pretty clear with I think information about previous matches and it's score is a very critical information that you have missed. - Try to keep the padding around "available on" card consistent - Increase the space above and below the "matches". - Spacing above the match list needs to be increased. - Space above and below the icons in the bottom navigation can also be increased. Avoid using primary color in background, background is highlighted more than the icon on it. Great work! All the best.

Hi, Sarath I have certain feedback for you design, may be you can just work on and improve it to the better version. 1. Entire color pallet you have chosen completely hampers the readability of the app, purple itself is so overpowering at background that I can't just concentrate on important updates. For teams, you can add search here to to search between teams, it would add great value to user. 2.All icons should be similar in thickness icon see the bottom home icon is bit thicker that other icons. Also I would recommend you to had screen title at the top here since I just have to refer bottom navigation label to see where I am, You can remove repetitive logo on all screen and title there. 3.Team which is in finals, in third screen, Its difficult to read the text over that rectangular yellow block. The font weight here is too thick and less readable especially screens where you have shown the group wise readings font thickness is extremely light. 4.There is no way I can stream live match and get the related updates, please update that in the design. You can add a way with which one can see the desired details on updates, mean a search bar. I would suggest you to follow consistency in icon pattern like some are filled and some are lined. 5.What if the user wants to see the, match stats and highlights and other updates, you need to highlight other such information in your design 6.You can go for lighter color at the background since the images and text over can be easily highlighted. There is huge scope of improvement considering such design gaps.

Hey Ashlee I see that you have made an entire flow from being able to see which machines are running low on stock connecting to a checkout cart flow which is amazing. However I see a few gaps in the design which you can take care about the next time you design. -On the 4th screen, if I click on the location pin for any particular vending machine, why is it giving me an option to adding items to cart. I as a user would have liked to see some information about that vending machine if I am clicking on it along with ability to take various actions that might need to be taken. -On the 5th screen, I can see which items are low in stock. However, the color that is used to communicate the message to me is not right. You cannot use the primary color to indicate any warnings. A red or a yellow depending on the context should be used to highlight warnings. -A vending machine is a small machine with limited capacity for storage. If a user is adding items to cart, he/she should also be able to see the maximum capacity it can hold so that the user can decide how much capacity needs to be filled rather than entering any random number for ordering items. -In a checkout flow, an overview should be seen before completing the payment flow so the user can confirm if the order made is correct or not. You have done the opposite. UI Feedback - Bright orange on white is super high contrast which is somewhat straining my eye. Tryout some better color palletes, you'd find plenty on the internet. -Try to use consistent icons throught the design. On the bottom nav bar, it feels like there are 2 icons which are on the active state but in reality the thickness of the icons are just not consistent. -If the icons, menu items are not so common for the users, it's better that you label the icons. -Spacing and the text styles can be improved on the 4th screen. Overall, it was a great attempt. Good Luck

Hi there, Madhumita I would like to help you with some suggestion here, On home screen you add top low stock running machines with their products. For vending details, again I should get the clear view of products that are running low in the machines, currently I cant see that in your design. Also process to edit delivery address but this can be operated separate form machine. You can also provide vending machines which are running low stocks and there details. Also you have added a banner at home I would suggest you to add the total profit income earn and other important details which keeps user updated. You have added product shortage there, but products shortage in deferent vending machines can be different so you have to be precise about the information and related details. Again shortage screen, should provide a way to maintain refill of stocks as sending alert here serves no purpose. The bottom bar you have added send button and sort by, appears to be wrongly placed controls, where sort by can be located at top. There is no way provided to the user, where in he can see the products running low and refoulment button to fulfill machine requirements. I would recommend you to add a machine details screen where in I can see the location, and products running under machines and from where I can mage all refill.

The numbers are just given randomly for example. If there are 4 shortages in the machine there'll be 4 cards of each product in the list with balance, machine number, stats, slots just like the one shown. In that case, the 4 cards will have same machine number and they have sort options as well. They can sort machine wise, demand wise, etc.

It is a vending machine right . A person can't just come for filling for only one or two products . Like if the vending machine lacks more than 3 or 4 products its good . The re filler can refill the vending machine . instead of coming only for one product. Well thats my opinion

@ Jiva Thank you, for your valuable feedback and insights! Happy Sunday, Have a great weekend!!! 😃

@ Neha, First of all, Thankyou for your valuable Feeback. One way of representation is an outline of vending machines, but again each vending machine has a different capacity and different attributes, so with certain consideration and assumption, I have chosen a generic approach with a table format. Machine status and metrics is the representation of machine condition with respect to stock refilling, the cashed amount that is needed to be filled for offering a change to the customer, and other machine health condition. and yes, the percentage is not a good metric so considering that I have added stock units that needed to be refilled. It's both qualitative and quantitative metrics. For the last point, I agree with you labels can be more specific. Thanks for your insights! Have a great weekend and Happy Sunday.😃

Hey Vaishnavi, I really like your theme, it's giving off a cool, modern vibe. Great job. I have a few confusions in the interface, maybe you can address those. 1. The semi-circular meter that I see in the middle of the screen, I'm not able to understand what it's saying. Like what are the black and orange sides representing. I have another great idea for this representation... how about you show a vector outline of a vending machine and fill it to the amount that it is filled (you can even use red, orange and green colors to signify the urgency of refill) 2. Just below that meter, you've written 48% full of stocks, that sounds like two conflicting words in my head.. full and 48%. Nevertheless, in my opinion percentage won't be a good metric here because it's not giving me any relevant insight. The machine being 48% stocked could mean that there are all products available but half in quantity OR it could mean that only the half the products are available. My next steps would differ in both cases. So maybe you could show the percentage (and numbers) based of diff products in the machine 3. In the screen at the bottom right, the last column stocks is showing 2 statuses - empty and refill. Which both sound kinda the same to me. I mean I would need to refill even when it's empty. What I think you mean when you say refill is that it's about to be empty, so maybe you can say sth like "Very few left" I guess that's it from my side. I hope this helps, have a great day. And keep up the good work.

@Vaishnavi Hire 👍..

Hi Jeya, So sorry for the the inconvenience, please consider below link: hope the link works now!! and Thankyou so much for bringing that up. https://www.figma.com/proto/NsehFc1Q0r6PSg4eAQKPBf/Vending-Stock-Management?page-id=0%3A1&node-id=25%3A1828&viewport=-8790%2C1015%2C0.65&scaling=min-zoom&starting-point-node-id=25%3A1828

Hi Vaishnavi, The prototype link you provided shows a 404 error. Please check it. Can you add the correct link?

Hello, Abhisheak. That looks fantastic! I realized that the layout of a vending machine is simply similar to the layout of a home screen, which increases the efficiency for fixed category items in that slots. If a user has vending machines in multiple locations, we should tailor the search to find vending machines in those locations. because scalability varies from domestic to international I like that the items needed are also included in the dashboard, but I think the user might be overwhelmed by too many details at once. As a result, it is preferable to convey the inventory analysis for each machine individual basis. I would suggest adding some way for users to add refill requests for each machine or stock wise.  hope you will consider feedback & improve iteration. Good Luck Thanks Bharath

Hey Vatsal, Nice thought to show vending panel, but this panel makes the layout bit cluttered, Just giving you a thought.... what about adding on some more details about vending machines there and remove the vending layout, you can add tab there and show information or view of panel, since that vertical rectangular blue patch disturbing layout and making it look dull using space!! You can add details about each machine earnings, when the machine was last filled and other important updates for user!! Just suggesting you, what if you incorporate refilling of multiple products all at once giving a control right there, Like what you have done here is increasing the number of clicks for each slot user has to do things multiple times. Just giving you a thought!! Since you are dealing with large data, what if you incorporate a filter there which would filter on each attribute, just trying to make work of user easier. what's saty? Also giving color Red, Yellow is fine but you have chose blue, which doesn't go with the meaning and action. I mean!! I would suggest you rather use same color whether the solt is partially filled or less, but after all our goal is to keep machine full right? I would recommend you to add a label there if you consider accessibility few of them are color deficient, adding an text or label along with color would help them even more!!! Just Trying make Design accessible to all hope you got my point!!! Keep up the best work!!

Hey @Arun Kumar, the last screen was forgotten to put while creating link in canva, so I added it later. I have put the label to ignore it for challenge to be fair and transparent, viewers can still see it as a part of solution. Thank you!😄

Hey @Siddhida B The opacity is reduced because the machine is not on right now. you can see a toggle switch for the same. But now that you have pointed out I think opacity could be increased for better view. There are sorting options and search bars when more machines are available. There are multiple kind of machines and the challenge was open ended. I have created this UI for regular capacity vending machines. Also the vending machine view can be closed as you can see in 5th screen. Thank you for your feedback!

Thank you @Bharath Modi

Thank you @Nilesh Kumar

Hey, The vending machine layout you presented seems pretty cool, like to address few things here, You have shown deactivated card there 7th card where completely reduced the opacity, it made me difficult to read the content over that card, I hope there might me some reason behind this, but user may miss the important information which he may actually need to be taken in to notice. What about when there are more vending machines available?, do you think these cards would not be best fit for of finding or displaying the massive information. Also when you have thought of presenting products into vending machine format, there are few vending machine capacity of 100s of units. So do you think that layout will actually work there? I was bit distracted by that view, but I am bit confused how are you going to present the larger one? That's all from my side! Best luck.

Congratulations& kudos to you , Vatsal! for a fantastic solution! I can clearly see all aspects of stock management, replenishment, and revenue analysis. I like how you define the actual layout of the vend machine and the tray id for moving or displacing the stock in the machine. Overall, this is a very clean, consistent, and to-the-point solution! Cheers Bharath

Amazing !!!

Checkout this link for better view: https://www.canva.com/design/DAFT6SI3wzM/ZxMApqqZDoJCZkj1t9EE1g/view?utm_content=DAFT6SI3wzM&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

@ Vaishnavi Hire Thank you for your feedback and support

Great work Jeya, I appreciate your efforts!!!

Hi everyone, I am hereby submitting my design for the Vending Machine Challenge. As mentioned in the challenge, "When I have vending machines in multiple locations, I want to see which products are running low in each machine, so my machines are always full and making money." I hope you all like it. Please give me your feedback on my improvements. Thank you For a better view - Please check here👇, https://www.canva.com/design/DAFTTb5rv1Q/o4Sp1EHvJVw2IroiOPqcyQ/watch?utm_content=DAFTTb5rv1Q&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink