I did this little exercise inspired by Natures Food and Organic Dog Chef . I respectfully worked around the idea, as user, of being able to customize the pre-defined boxes that Organic Chef offers. This boxes of 18-15kg contain 18-15 packages made with a different recipe (beef, chicken, tuna, pork, vegetables…). The box, which user selects, contain a specific amount of packages in accordance with the box/menu selected. What does it happens if our dog is allergic or we want to buy more packages or our dog likes more ones than others?. In addition I designed an approach of a custom-built product, which it gives the possibility to buy one of defined boxes by the brand, or to add / remove some items from the boxes and to end with a custom order. This allows users to get more than 18kg or to change the ones that they don’t like.
Custom Dog Food
Adaptive view
The items inside the box are listed to allow customers to know what there is inside. View adapts to user needs changing the layout in which items are listed. Both layouts are focused on making easier to customize ( to modify quantity ), to inform about item details and to compare between the different boxes.
Comparing and feedback at the same time
The menu detail was built to keep update users about their workflow. Items from the box that were modified (adding or removing quantity), kilograms resume and box button, which define the displayed items, change its look and feel to inform. The feedback tries to be in accordance with the structure, alignment and elements of the design.
Following this claim the list of items are always the same, but when user switches between them the included items get the first positions and the not included looks disable. The objective is to compare easily the different menus.
By default a box will be selected
The packages list is ordered when other box is selected
Box button style changes because the box was edited and customized.
Dynamic resume
The resume of the product, which user will add to the cart, is in the end of the scroll as the last and confirmation step. All modifications will be displayed here in kilograms and final cost, even extras and message of discounts because of quantity. However user will have always visible the amount of kilograms that were selected with the button to add easily to the cart.