This part of any project is one i enjoy alot. I prefer to get every idea on paper and then take it from there so have a look through the gallery of ruffs below.
There was a lot of designs and styles i started looking into which included Coffee Rocket and BeanBuddy (which uses the lid of a takeaway coffee cup as a face / logo ) all up these were going down the path of having a childish look and feel, opposed to what i was trying to achieve.One i did like was the coffee n CO logo with the “ff” joining at the bottom. I did not pursue this as my pen tool skills were not upto scratch once i did attempt to trace it. I went to the simple but effective logo of coffee project as it stood out from the photographic backgrounds i was using but it had enough presence to be a logo.
spent some time looking at some designs and design elements which is closure to the direction of what i want to achieve with my design.
Mix of pictures and simple icons in grid with good use of colour
really like the use of pictures and clean white design elements. grey boxes break up page nicely.
nice icons esp. profile icon
redesigning the rocket
Once i started converting the wire frames in the colour ruffs i can see it is starting to look too childish and i think this is due to the red vector rocket and the over used of red and white. I am really not happy with the way the colour ruffs have turned out. I am putting it down to my colour skills in illustrator. If anyone has an tips or tutorials please forward them through.
Going to scrap everything and start again.. lets see how it goes
Interesting insight from “Apple’s Official Guide To App Design”,
Fast Design have summarised 8 hot tips for you!
Once i started to develop the wire frames in illustrator i realised i was waisting alot of working out placements of boxes before i knew i even needed them or wanted them. I quickly realised i had started designing the wire frames close to the app so i went back to paper and working out what my wireframes needed to look like and i can say the grid format has carried forward to the final design.
Due to my background in banking systems i usually make sense of things with flowcharts and i below i have mapped the coffee app to link pages and close off all necessary loops. This process saw the inclusion of pages such as credit card payment fail, retry and update credited payment pages and added which were not originally thought of.