Creative workflow – Logo

Creativity and the importance of sketching or drawing.

This week  we were asked to develop a name for a dog food product. Design a logo for this product, using full colour. The logo must contain a main visual and typography.

1. Exploration
   Use sketching techniques to draw thumbnails and hand in your thumbnails as scanned PDFs.
2. Focus
   Highlight three of the thumbnail ideas that you consider the best options and state why. Hand in an A4 with visuals of the three chosen thumbnails; include reasons for choosing each of these three options.
3. Construction
   Use sketching techniques and redraw ONE of your chosen concepts until you’ve reached a conclusion on a successful logo. Hand in your drawings as scanned PDFs.
4. Testing
   Experiment more with your favourite options from Step 3 and ask the opinion of a few people. Hand in examples of the logos shown to people and write their feedback or opinion on each.
5. Refinement
   Choose your final design and execute it in Adobe Illustrator, along with the name of the product. Hand in your final logo as an A4 PDF.

The Logo

Name development

Had to come up with a unique name for a dog food product. “Dogix” a blend of the words, “dog”, “tricks” and “treats”.

Name for a dog food product

Explorations

Logo Sketches

This slideshow requires JavaScript.

Thumbnail PDFs link below:

Dogix Sketches 1

Dogix Sketches 2

Focus

Sketch 1 is an outline sketch with an incomplete circle border. It is simple and easily recognizable.

This is an abstract outline of a German Shepard dog with pointy ends like it is made out of a single thread of ribbon. I like the strong lines that are not broken up like the first sketch. It will be easy to brand on object. E.g. Monogram on caps and t-shirts.

This sketch has a cartoon-ish look to it. I figured it catchier than the previous two sketches and thus will be easily remembered or identifiable.

3 thumbnail ideas PDFs link below:

Focus on three thumbnail sketches

Construction

Fine tuning.

Chosen logo PDFs link below:

Chosen Logo sketch

Testing

Examples

Made three examples of the logo. The feedback from five people of the first example. One says it  looks like a bear, another thinks its cute last three others say they like it.

The second example, two people say it looks fat, three other thinks it is  too detailed.

The third example, four out of five people think it looks clownish; the fifth says it doesn’t look like a dog.

Refinement

Final Logo

Final Design PDFs link below:

Dogix Logo

Coding Basic

The journey has been kind of an interesting one. At first I was kind of lost, then confused, then got back on track only to find out that I had be over ambitious in my original planing and design. I now had to tackle the herculean task of making the design work as a working and functional HTML website.

To all those (teachers and fellow students) who helped me find my way through the maze of coding, I say a big thank you. What I lost in time, I gained in knowledge and experience with this activity. It only brings me closer to unravel the mystery of CSS coding.

To achieve the concept I made earlier took me to future topics of CSS coding. Since I am new to this, I had to do more research to finding ways of coding the custom slider I designed in Photoshop for my “Put thought in my design” 5-website or blog promoting my home town. I made the mistake of biting more than I could chew. I have learnt from the mistake now. I did not keep my design simple.

But alas, I succeeded to some degree to code the custom slider which appear on four of the webpages with exception of the homepage. I think I need more learning to do to make the other elements work seamlessly.

Below are images of the CSS code and below that the link to the website.

Split view of the webpage in Adobe Dreamweaver

Code view of the HTML file

TextEdit file of the CSS Codes

The Website