Fictional, Non-Traditional Homework Assignment

1. Event planning business. 

Since Event Planning is what I hope to go into in the future I like the idea of designing a logo for my potential future company. For this I would design a logo that was classy, but edgy and unique. I want my company to cover all types of event planning as well as being able to cater every need of the event (like one stop shopping). I would like to be in Florida with a very high cliental and work though great venues. With that, the logo itself needs to reflect the clients as well as the company. I would use a script type font with a monogram to symbolize that it was self owned by me. The logo needs to be versatile to fit any type of client and be able to stand apart from the rest.

2. Florist Shop

One thing I have always said that I wanted to do in my second life was own/ work in a floral shop. Flowers are something that can be really simple and inexpensive or extravagant and beautiful. I think that working in a business like that brings a lot of happiness from the customers. For this logo I would create something fun and bright. Using all types of design that made one want to buy the flowers in the shop. Incorporating a flower into the name of the business would also be included.

3. Restaurant

Since my parents own a restaurant back home I think another option would be to play around with their logo and alter it, or even create a new one that could be used in the future. I usually help take care of the advertising and social media for the restaurant so doing something like this could very much benefit to my family. We own a local Italian and Seafood Restaurant so I would try to incorporate this into the design as well as that it a family restaurant in the heart of the smallest state of Rhode Island.

4. Advertising Business

Another career I always thought about was going into the the advertising of the liquor market. With my parents owning a restaurant for over 16 years I have seen my mom do liquor inventory every week and can tell you a bottle from the look of it without even reading the label. I love the designing of the bottles as well as the advertising they do for them wither it be for billboards or magazine ads. This logo would incorporate the stylish and different look many buyers look for when they are picking someone to design the logo for their new brand. This idea is very similar to my event planning logo, but since it is not my own company the personalization will be taken out of the logo and it will be a little less custom to the eye.

5. Winery

This concept is similar to my parents restaurant idea but it is geared more towards my sister. With a double major in Philosophy and Italian my sister loves the beautiful things in life, including wine. She recently spent a year abroad in Italy and is planning on graduating early to return there and hopefully go into the wine business. She wants to own and operate her own Vineyard so I think that it would be nice to maybe design her a logo that she could use or start off with one day. For her logo I would use something very rustic and original. It would reflect the quality of the wine and also look sophisticated to reflect my sisters taste.  It needs to have a spin on her American/Italian lifestyle. Picking a design that is both geared toward today but still has that aged feel to it like bottles of wine do is very important to her as well.

Logo Critique homework Assignment

For my logo critique homework assignment I decided to choose the logos of 5 different types of industries. I decided to choose BMW, Abc, Red Bull, Dunkin Donuts, and Pepsi.

BMW

I chose this logo because it is one of my favorites in the automotive market. I think that for a German brand it has a very moden and classy look to it. This logo has been the same for many years so I admire it's quality of no alternations. I like the clean and simple style and the color choice is great because it looks great on any color car. No other automotive vehicle has a logo that looks like this, it is very different and easy to notice anywhere. Even if the letters were not on this, you would be able to recognize and know what it is. 

Red Bull

I drink Red Bull very often and I know when it came to deciding what energy drink to drink the Red Bull logo and can design was the one that caught my eye. This logo is so well made in it's design. The logo itself is so important to the brand that only it's Wings Team and Athletes are allowed to wear it. Their bulls and suns are trademark that no one is allowed to copy. Rules like that on a logo show how established it is and how well it has done for the company. Everyone knows this logo and the story and power of the company behind it. Either the symbol or the words will catch the attention of the audience. 

Dunkin Donuts

I live up North in Rhode Island so this logo is seen on every street corner, and then half a mile up the road from that. Dunkin Donuts are everywhere and can be seen from miles away when driving down a street. I like the color scheme that the company used. For a coffe company to pick orange and yellow it makes a statement and separates them from their competitors. The font that they use is also fun and makes you want to make a purchase. Since their slogan "America runs on Dunkin" has become so known throughout the country it just proves how Dunkin Donuts advertising is doing a great job in making their brand established. 

Abc

For as many years as abc has been around on television you would think that they would make some sort of alternation to their logo. However as boring as it is to me, it does work for the company. With a title as simple as the first three letters of the alphabet it only makes sense to not over do it. This abc logo is well known all over the country, it is altered for its second channel abc family but otherwise the black and white is all people need to see to know what they are watching. I think that because Disney created this logo they wanted to stay simple so it could last forever. 

Pepsi

                                            

Not only do I not like Pepsi but I am also not the biggest fan of their logo. To me it does not do the company anything for their advertising. When I think of or see red, white and blue I think patriotic, not pepsi. It's not smart to pick a color scheme that is related to something else. Also, if you google Pepsi logo, about 5-8 different logos come up and it's hard to remember which one is the most up to date. It's not a very strong logo if they are constantly making alternations to it. Not to mention it makes it harder for the consumer to remember what the logo looks like. 

Hours well spent - Project 1

I can officially say this project is the most time I have ever spent on schoolwork. It was very tedious and required a lot of time and patience. I thought that picking a picture with simple shapes like the clip art bumble bee would be easy to convert to HTML5 code. I drew out the whole image on my graph smoothy and assumed that all I would have to do was take the coordinates, plug them in and I would be done. However, I learned very fast that it was going to take a little longer than I expected. Throughout my project I used various circles, lines, rectangles, ovals, bezier and quadratic curves. I never realized how one code or shape can take you awhile, it is also frustrating to draw a shape and place it right where you want it when you have to rely on numbers and a invisible graph. The biggest struggle that I faced were the eyes and cheeks because getting an oval shape and trying to rotate it was too complex. Other setbacks I had were: my coordinates on my sketch not matching up with the one on my canvas and forming the image on an angle. In the end I think that with the exception of a few little placements my image came out awesome. Knowing how much effort and time I put into my project I am proud of this image especially for it being my first time using HTML5 coding.

My Image:

Original Image:

My Sketch/Graph:

The Code:

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

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


//Rectangle
context.beginPath();
context.rect(0, 0, canvas.width, canvas.height);
var grd = context.createLinearGradient(400, 400, 400, 600);
grd.addColorStop(0, 'rgb(255, 153, 153)');
grd.addColorStop(1, 'rgb(204, 255, 153)');
context.fillStyle = grd;
context.fill();
context.stroke();


//head
    context.beginPath();
    context.arc(252, 202, 100, 0, 2 * Math.PI, false);
    context.fillStyle = 'rgb(244, 239, 64)';
    context.fill();
    context.lineWidth = 2;
    context.strokeStyle = 'rgb(244, 239, 64)';
    context.stroke();

// left eye
    context.beginPath();
    context.moveTo(190, 220);
    context.bezierCurveTo(170, 185, 185, 170, 210, 200);
    context.bezierCurveTo(240, 235, 225, 270, 190, 220);
    context.strokeStyle = 'black';
    context.fillStyle = 'black';
    context.fill();
    context.stroke();


//right eye
    context.beginPath();
    context.moveTo(270, 170);
    context.bezierCurveTo(250, 135, 265, 120, 290, 150);
    context.bezierCurveTo(320, 185, 305, 220, 270, 170);
    context.strokeStyle = 'black';
    context.fillStyle = 'black';
    context.fill();
    context.stroke();


//left cheek
    context.save();
    var centerX = -33;
    var centerY = -115;
    var radius = 5;

    context.translate(canvas.width / 2, canvas.height / 2);
    context.rotate(-60* Math.PI/360 );
    context.scale(4, 1);

    context.beginPath();
    context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
   
    context.restore();
    context.fillStyle = 'rgb(237, 102, 177)';
    context.fill();
    context.strokeStyle = 'rgb(237, 102, 177)';
    context.stroke();
   

//right cheek
   context.save();
    var centerX = -3;
    var centerY = -120;
    var radius = 5;

    context.translate(canvas.width / 2, canvas.height / 2);
    context.rotate(-70* Math.PI/360 );
    context.scale(4, 1);

    context.beginPath();
    context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);

    context.restore();
    context.fillStyle = 'rgb(237, 102, 177)';
    context.fill();
    context.strokeStyle = 'rgb(237, 102, 177)';
    context.stroke();


//mouth
          context.beginPath();
        context.moveTo(260, 250);
        context.lineTo(290, 230);
        context.quadraticCurveTo(295, 265, 260, 250);
        context.lineWidth = 4;
        context.lineCap = 'round';
        context.strokeStyle = 'black';
        context.fillStyle = 'black';
        context.fill();
        context.stroke();

//antenae 1
        context.beginPath();
        context.moveTo(162, 138);
        context.quadraticCurveTo(190, 120, 85, 120);
        context.quadraticCurveTo(140, 120, 162, 138);
        context.fillStyle = 'black';
        context.fill();
        context.strokeStyle = 'black';
        context.stroke();
        context.stroke();

//antenae 2
           context.beginPath();
        context.moveTo(230, 95);
        context.quadraticCurveTo(217, 75, 235, 25);
        context.quadraticCurveTo(205, 110, 230, 95);
        context.fillStyle = 'black';
        context.fill();
        context.strokeStyle = 'black';
        context.stroke();

//circle over antenae 1
    context.beginPath();
    context.arc(70, 120, 8, 0, 2 * Math.PI, false);
    context.fillStyle = 'rgb(244, 239, 64)';
    context.fill();
    context.lineWidth = 1;
    context.strokeStyle = 'rgb(244, 239, 64)';
    context.stroke();
   
//circle over antenae 2
    context.beginPath();
    context.arc(240, 12, 8, 0, 2 * Math.PI, false);
    context.fillStyle = 'rgb(244, 239, 64)';
    context.fill();
    context.lineWidth = 1;
    context.strokeStyle = 'rgb(244, 239, 64)';
    context.stroke();


//left wing
     context.beginPath();
        context.moveTo(260, 315);
        context.quadraticCurveTo(200, 315, 170, 280);
        context.bezierCurveTo(0, 300, 0, 500, 245, 425);
        context.bezierCurveTo(140, 600, 300, 600, 330, 455);
        context.quadraticCurveTo(235, 415, 260, 315);
        context.fillStyle = 'rgb(193, 226, 244)';
        context.fill();
        context.lineWidth = 2;
        context.strokeStyle = 'rgb(193, 226, 244)';
        context.stroke();

//right wing
         context.beginPath();
        context.moveTo(360, 240);
        context.quadraticCurveTo(370, 200, 358, 165);
        context.bezierCurveTo(470, 0, 660, 100, 450, 290);
        context.bezierCurveTo(600, 250, 620, 390, 465, 370);
        context.quadraticCurveTo(460, 250, 360, 240);
        context.fillStyle = 'rgb(193, 226, 244)';
        context.fill();
        context.lineWidth = 2;
        context.strokeStyle = 'rgb(193, 226, 244)';
        context.stroke();

//center body
     context.beginPath();
    context.moveTo(270, 315);
    context.quadraticCurveTo(332, 310, 360, 250);
    context.quadraticCurveTo(415, 260, 435, 295);
    context.quadraticCurveTo(455, 335, 453, 378);
    context.quadraticCurveTo(445, 430, 450, 470);
    context.quadraticCurveTo(375, 460, 335, 445);
    context.quadraticCurveTo(300, 430, 278, 400);
    context.quadraticCurveTo(255, 360, 270, 315);
    context.lineWidth = 5;
    context.fillStyle = 'rgb(244, 239, 64)';
    context.fill();
    context.strokeStyle = 'rgb(244, 239, 64)';
    context.stroke();

//first stripe
    context.beginPath();
    context.moveTo(270, 315);
    context.quadraticCurveTo(332, 310, 359, 250);
    context.quadraticCurveTo(383, 255, 385, 256);
    context.quadraticCurveTo(345, 330, 263, 345);
    context.quadraticCurveTo(265, 325, 270, 315);
    context.lineWidth = 5;
    context.fillStyle = 'black';
    context.fill();
    context.strokeStyle = 'black';
    context.stroke();

//second stripe
        context.beginPath();
        context.moveTo(280, 400);
        context.quadraticCurveTo(378, 378, 432, 290);
        context.quadraticCurveTo(445, 300, 453, 350);
        context.quadraticCurveTo(380, 425, 320, 438);
        context.quadraticCurveTo(270, 400, 278, 400);
        context.lineWidth = 5;
        context.fillStyle = 'black';
        context.fill();
        context.strokeStyle = 'black';
        context.stroke();

//bottom stripe
        context.beginPath();
        context.moveTo(400,464);
        context.quadraticCurveTo(420, 460, 449, 425);
        context.quadraticCurveTo(450, 450, 449, 470);
        context.quadraticCurveTo(450, 475, 400, 465);
        context.fillStyle = 'black';
        context.fill();
        context.lineWidth = 5;
        context.strokeStyle = 'black';
        context.stroke();





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

};

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

So how does it look? :)