Logo & Concept development

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.

LITTLE MORE RESEARCH…

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

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.

really like the use of pictures and clean white design elements. grey boxes break up page nicely.

ui-elements-inspiration-28

nice icons esp. profile icon

nice icons esp. profile icon

redesigning the rocket

redesigning the rocket

 

 

 

 

 

 

 

 

 

 

First Ruffs

NOT SOLD!

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

Screen Shot 2014-08-17 at 12.07.02 pm

 

 

Wireframes for the Wireframes

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.

pencil write frame2

writeframe_ordering pencil write frame1