Monday, 26 March 2012

YCN - App page development

For the other pages, we decided to focus on deliveries (forming the dashboard / first page on the current Graze website) and a product page in order to give insight how the app would look. I used the yellow and brown colour scheme along with a tone of black for headers / sub headings. As Graze is based on a like / bin etc system, people may go back to old Graze boxes and alter their preference. Using this basis, I decided to feature the 4 products provided in their previous box which would link out to the product page.



As I added a subtle grey to white gradient simply to add emphasis, I needed the product shots featured on the site to be transparent so I erased the background in Photoshop and placed in Illustrator.




I also added our mock up Graze box photograph alongside a 'your next box' header accompanied by a 'Change?' button if the user wishes to change their delivery date. I originally had this bottom but thought it would make sense to have the boxes in reverse order with the newest box at the top.



For the product page, I needed to incorporate the 'bin / try / like / love' system they currently have on the website so users could select what foods they want / want to try for their future boxes. I also designed links out to the ingredients and nutritional information. I used a grid to make sure everything was aligned succinctly.


No comments:

Post a Comment