Logo Project

Original

Final Product

My final project was based off the fictional but very possible idea of my brother owning his own plumbing business. The plunger idea was used so that it would be easy for potential customers to easily identify the business idea. I used the typical plunger color's for the plunger itself; brown for the handle like wood and red for the base of the plunger. The brown coming out of the bottom is used as murky water and the blue genie like twist around the handle represents a shade of my brothers favourite colour. The genie like twist of the handle gives it a magic like feel, as if the company will fix anything and everything easily and quickly. I kept the colours simple instead of standing out such as no texture to the wood or anything so the eye wouldn't really draw to one specific thing but the whole idea. The text of the wording looks professional and is easily readable showing the seriousness to the cartoon like drawing. Overall my project came out better than expected and my brother loves it!

My Caligramme

My Caligramme

The Original Picture

Thumbnail Sketches For My Logo

Logo Critiques

Nike's famous check mark logo is mainly targeted to athletic, active people. Typically a check mark is very positive and encouraging so it works well with the idea of nike which is to reach your goals, motivate yourself and win. The slogan just do it also helps because it takes that active athletic approach and motivates the audience. I think the color choices and style of the logo itself is a little boring but Nike has been around for years and that is the logo everyone seems to be comfortable with. I believe the company is successful because they get their point across and people became comfortable with the logo and slogan and it is one of the top stores for what it sells.

 The Facebook logo is very mechanical and simple which makes this logo successful. The audience Facebook targets are people who enjoy using social media. I think this logo is perfect for its audience because it is simple and you could understand it. The logo is easy to spot out and remember where it comes from. I like the color scheme because the light and dark blue work well together with the white and its easy to see.

 Louis Vuitton is a very prominent designer. This logo is very simple yet elegant and thats what the merchandise is so it works well together. The lettering also seems very upper class, clean and sharp which is the look I believe that the company is going for. This logo's target audience is mainly upper class. It works well because of the mechanics described earlier in the paragraph. 

 I personally love Chipotle! The logo is great because a chipotle is a smoked hot chili pepper which is used in mexican food. The restaurant itself has a natural, healthy and ethnic feel to it which shows in the logo. The logo has a good color scheme and was designed well according to the decor of the restaurant itself. It reaches its target audience which is people who like mexican food because it immediately  shows them what they want to see and lures them in for good food and a great dining experience,

The xbox 360 logo is great in targeting video game players. The X in the middle of the ball looks as if there is something to be unlocked inside and makes it a very interesting, thought consuming idea. It is very mechanical but that is to be expected of a logo of a video game console. I like the color scheme because it works well together and the green fades on top of having a 2-point perspective which makes it a lot more intriguing.

My 5 Business Ideas

My 5 Ideas for a Fictional Companies:

Seaboard Mechanic- Seaboard Mechanic is my dad’s business beck in long island. His workers and my uncle build docks for all types of people and businesses. After hurricane sandy they rebuilt docks in the back of people’s homes that were destroyed, docks for yacht clubs and his company also helped rebuild the Nikon theatre at jones beach. I think a good logo would improve business and make the company look friendlier which would increase the business.

A logo for a delivery company that delivered from restaurants that don’t deliver would be an interesting one to do. I would create a logo that had a variety of foods on it. People would like it because it is an abstract idea to begin with and it’s so simple that people would understand the idea quickly.

I always wanted to start a clothing store for people with double 0 waists and people who fit into xs or xxs clothes. I would create a logo/monogram for the clothes. People would recognize it and it would become familiar when they see it over and over again. Once people become familiar with something they then become comfortable with the product, which will turn into big profits.

I could make a logo for a non-profit organization benefitting kids overseas. I love to travel and I’ve always wanted to go abroad for a few weeks to do community service in a third world country. The proceeds would go to buying tooth brushes, water, etc.. Basically just simple cheap things that is a struggle for them to get their hands on.

My brother is an aspiring plumber. If he decided that he wanted to open up his own business then I could make a logo for him. He is a very outgoing funny guy so I would make a funny logo that would show his character. I was thinking a plunger with wings and a slogan to go along with it. Right off the bat I think most people would know what kind of business it was and be drawn to the logo.

ASCII Project

The Inspiration

The Finished Product

Process: First I googled "simple cartoon." I started off with a hippo but I wound up with a pig which is my favorite! I took a look at the graph and used a few pin points for the circles, everything else was just playing around with numbers. I saw the shadow effect in class and I thought it made the picture look better so I used it myself. When I got stuck I looked at my notes and the HTML5 tutorials. I finally got frustrated with the project because it was not going exactly the way I wanted it to but overall I'm very pleased with the outcome! So cute!!

<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {
var canvas = document.getElementById("myCanvas");
var context = canvas.getContext("2d");

////////////////////////////////////// start below this line ˇˇˇˇˇˇˇˇˇˇ


    var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      context.rect(0, 0, canvas.width, canvas.height);

      // create radial gradient
      var grd = context.createRadialGradient(238, 50, 10, 238, 50, 300);
      // light blue
      grd.addColorStop(0, 'yellow');
      // dark blue
      grd.addColorStop(1, 'white');
      grd.addColorStop(.5, 'orange');

      context.fillStyle = grd;
      context.fill();
   



 context.beginPath();
      context.arc(350, 450, 60, 0, Math.PI, true);
      context.closePath();
      context.lineWidth = 3;
      context.fillStyle = 'pink';
      context.fill();
      context.strokeStyle = 'black';
      context.stroke();

 context.beginPath();
      context.arc(480, 450, 60, 0, Math.PI, true);
      context.closePath();
      context.lineWidth = 3;
      context.fillStyle = 'pink';
      context.fill();
      context.strokeStyle = 'black';
      context.stroke();
   

   
context.beginPath();
      context.arc(325, 160, 70, 0, 2 * Math.PI, false);
      context.fillStyle = 'pink';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();
   
 context.beginPath();
      context.arc(500, 160, 70, 0, 2 * Math.PI, false);
      context.fillStyle = 'pink';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();  

context.beginPath();
      context.arc(415, 275, 150, 0, 2 * Math.PI, false);
      context.fillStyle = 'pink';
      context.shadowColor = 'gray';
      context.shadowBlur = 30;
      context.shadowOffsetX = 8;
      context.shadowOffsetY = 8;
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();
   
context.beginPath();
      context.arc(450, 200, 30, 0, 2 * Math.PI, false);
      context.fillStyle = 'white';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();

context.beginPath();
      context.arc(375, 200, 30, 0, 2 * Math.PI, false);
      context.fillStyle = 'white';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();

context.beginPath();
      context.arc(440, 205, 10, 0, 2 * Math.PI, false);
      context.fillStyle = 'black';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();

context.beginPath();
      context.arc(385, 205, 10, 0, 2 * Math.PI, false);
      context.fillStyle = 'black';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();

var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var centerX = 6;
      var centerY = -40;
      var radius = 20;

      // save state
      context.save();

      // translate context
      context.translate(canvas.width / 2, canvas.height / 2);

      // scale context horizontally
      context.scale(2, 1);

      // draw circle which will be stretched into an oval
      context.beginPath();
      context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);

      // restore to original state
      context.restore();

      // apply styling
      context.fillStyle = 'gray';
      context.fill();
      context.lineWidth = 3;
      context.strokeStyle = 'black';
      context.stroke();

    var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');
      var x = canvas.width / 1.95;
      var y = canvas.height / 2.001;
      var radius = 50;
      var startAngle = 1.1 * Math.PI;
      var endAngle = 1.9 * Math.PI;
      var counterClockwise = true;

      context.beginPath();
      context.arc(x, y, radius, startAngle, endAngle, counterClockwise);
      context.lineWidth = 4;
      context.strokeStyle = 'black';
      context.lineCap = 'round';
      context.stroke();
   
  context.beginPath();
      context.moveTo(18, 450);
      context.quadraticCurveTo(150, 0, 270, 450);
      context.lineWidth = 4;
      context.strokeStyle = 'green';
   
      context.stroke();

  context.closePath();
      context.lineWidth = 5;
      context.fillStyle = 'green';
      context.fill();
      context.strokeStyle = 'green';
      context.stroke();


////////////////////////////////////// end above this line ˆˆˆˆˆˆˆˆˆˆˆˆˆˆˆ

};

</script>
</head>
<body>
<canvas id="myCanvas" width="800" height="600"></canvas>
</body>
</html>