Kendall&Kelsey Co. Logo Sketches

5 Business Ideas

Lemon Drop Frozen Yogurt

Lemon Drop Frozen Yogurt developed tremendously only within the five years they opened. It is a fun place to gather with friends and enjoy a cup of yogurt made of your taste. Lemon Drop is full of different flavors, toppings, sizes, and mixes. One can combine anything their taste desires for a satisfying dessert. But not only is Lemon Drop loaded with delicious candies and desserts, it has yogurt's natural goodness. The yogurt is filled with calcium and protein, which helps support a healthy immune system and regulate digestion.

Kendall & Kelsey Co.

Kendall and Kelsey are two sisters that make eco-friendly and positive energy products that are particularly jewelry. They are well known for their bracelets and necklaces. They believe in positive messages by their products enlighten the mind and empower the spirit and willing to share it with the world. On each piece of jewelry, they incorporated a powerful symbol and design of a (+) resembling energy.  This company is authentic and unique because of the organic work and to reveal beauty.

Hair Mania

Hair Mania and is a professional line of hair products. They have produce products from one end to another dealing with hair. Their line is to help increase hair in styling and keeping it healthy. Each product has a unique bottle style and a description of how and what the product is. Their goal is to give you maximum control of your hairstyling using the various applications to do so. Not only do they have hair products but also hair equipment such as brushes, blowdryers, straighteners etc.

Posh Nails

Posh is a line of nail polish that is known for one of the best out there. There are hundreds of collections made by Posh for each different type of style a girl wants. The nail polish is made to be durable, last for over a week, and is healthier for the nails. The company has been rewarded with great reviews, honors, and achievements since 1981. Posh carries every shade of every color with a unique name to each polish.

Gentle Care

Gentle is a company of products dealing with personal care and hygiene. Their goal is for their products to nurture the skin, keep skin glowing and healthy. Each product is to bring out the inner beauty in everyone. The wide range of cleansing and personal care products were created in 1957. Ever since their products were clinically proven, Gentle has spread their health and beauty all around the world to each costumer.

Critiquing Company Logos

1. Above is the most popular fast food chains, McDonald's. This logo has been around since 1962 made by Jim Schindler. What makes this logo work and well known is the colors and simplicity it has. The colors red and yellow are bright and can stand out from miles away. It is easy to spot and recognize that it is McDonalds. The symbol that looks like a "M" are two golden arches that stood for a newborn restuarant. The only way the logo may not be as good as others is because it has changed multiple times over the years since it was originated. But the golden arches always remained. The word McDonald's can be very hard to see when the logo is printed smaller.  

2. The logo above is the Nike logo. It is know as the swoosh, created by Carolyn Davidson in 1971. This simple logo is easy to recognize and has a meaning that relates to their products. The swoosh represents a wing of a famous greek goddess who was known for inspiration and courageous warriors. It relates to their products because they carry all athletic necessities. It is famous to the world because its just one symbol to remember. The only thing that does not work for this logo is that it can easily be mistaken for a check mark or similar company logos. Also the swoosh is very plain and when printed smaller it can be looked at as a check mark instead. 

3. Starbucks is the most popular coffeehouse in the world and is well known everywhere. Starbucks is known to have the siren on their logo and having a round shape.  The logo uses only three colors, green, black and white to give it its look. This logo has not too many details where it can be overwhelming but it has enough to give its own character. The logo has not been changed drastically over the years. But the downfall of the logo is that it can be hard to seen if it printed very small. There is a lot of detail in the Starbucks logo and harder to see and make simpler if needed.

4. The FedEx logo is simple by using just words but it has a hidden meaning. The "E" connecting with the "X" forms an arrow point away from the word. Having this arrow is unique because it means that they are shipping things out. The logo is like an optical illusion that makes it well known. The only thing that might not work well for this logo is that the hidden arrow is neglected by many and also how plain the logo is. The logo has no symbol or object that represents the company name, therefore it is harder to recognize because it has to be read instead.

5. This logo of a bird is for the company, Twitter. This company is an online social network where people can say things on their mind. The bird and name of this company relates to what they do. A bird tweets, as a person "tweets" what they want to say. It is known as one of the most popular networking sites in the world. The classic white and blue colors keep it simple. With the bird in the center it is easily recognized. The logo is fairly new and has only been changed a couple of times. A downfall in the twitter logo is that it can be copied by another company very easily. Also it can be seen as boring. 

Project 1: ASCII

A Quiet Night In the Sea

While creating my composition of a Html5 graphic, I first learned how to do radial gradient. I picked two colors that happened to look like a sunset, which gave me the idea to do a sunset graphic. I believe the background is what set the whole mood of a relaxing piece. After completing the radial gradient background, I continued to do waves that overlapped each other with different shades of blue. I incorporated two clouds that are a dark shade of grey to represent that night is near. After I put in the main details, there was still some things missing. Therefore I put in a sailboat floating on top of the water. The last thing I put into my piece was a shark swimming at the bottom of the sea. I put the shark half way in the graphic to show some suspense of what happened underneath the water. By having all these pieces put together I believe it made my graphic successful. 

<!DOCTYPE HTML>

<html>

<head>

<script>

window.onload = function() {

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

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

var x = 400;

var y = 270;

var radius = 70;

//Background

context.beginPath();

context.rect(0, 0, canvas.width, canvas.height);

// context.fillStyle = 'rgb(255, 255, 0)';

var grd = context.createLinearGradient(0, 500, 0, 0);

grd.addColorStop(0, 'rgb(200, 50, 0)');

grd.addColorStop(1, 'rgb(100, 0, 155)');

context.fillStyle = grd;

context.fill();

context.stroke();

//Rays

context.beginPath();

context.moveTo(250,280);

context.lineTo(550,280);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(280,190);

context.lineTo(550,420);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(350,150);

context.lineTo(550,500);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(450,150);

context.lineTo(320,500);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(510,200);

context.lineTo(200,500);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(380,280);

context.lineTo(580,360);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

context.beginPath();

context.moveTo(250,350);

context.lineTo(350,300);

context.lineWidth = 10;

context.strokeStyle = 'rgb(210, 20, 25)';

context.lineCap = 'round';

context.stroke();

//Sun

context.beginPath();

context.arc(x, y, radius, 0 , 2 * Math.PI, false);

context.lineWidth = 5;

context.strokeStyle = 'rgb(210, 20, 25)';

context.fillStyle = 'rgb(200, 15, 40)';

context.fill();

context.stroke();

//CLoud

context.beginPath();

context.moveTo(40, 80);

context.bezierCurveTo(0, 100, 0, 150, 100, 150);

context.bezierCurveTo(120, 180, 190, 180, 210, 150);

context.bezierCurveTo(290, 150, 290, 120, 260, 100);

context.bezierCurveTo(300, 40, 240, 30, 210, 50);

context.bezierCurveTo(200, 5, 120, 20, 120, 50);

context.bezierCurveTo(70, 5, 0, 20, 40, 80);

context.closePath();

context.fillStyle = 'rgb(140, 140, 140)';

context.fill();

context.lineWidth = 5;

context.strokeStyle = 'rgb(140, 140, 140)';

context.stroke();

context.beginPath();

context.moveTo(570, 80);

context.bezierCurveTo(530, 100, 530, 150, 630, 150);

context.bezierCurveTo(650, 180, 720, 180, 740, 150);

context.bezierCurveTo(820, 150, 820, 120, 790, 100);

context.bezierCurveTo(830, 40, 770, 30, 740, 50);

context.bezierCurveTo(720, 5, 650, 20, 650, 50);

context.bezierCurveTo(600, 5, 550, 20, 570, 80);

context.closePath();

context.fillStyle = 'rgb(140, 140, 140)';

context.fill();

context.lineWidth = 5;

context.strokeStyle = 'rgb(140, 140, 140)';

context.stroke();

//bird

context.beginPath();

context.moveTo(610, 130);

context.quadraticCurveTo(650, 100, 650, 130);

context.quadraticCurveTo(690, 100, 680, 130);

context.strokeStyle = "black"

context.lineWidth = 8;

context.stroke();

//Waves

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 8.5;

var y = canvas.height / 1;

var radius = 300;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 100)";

context.fillStyle = 'rgb(0, 0, 100)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 2;

var y = canvas.height / 1;

var radius = 280;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 100)";

context.fillStyle = 'rgb(0, 0, 100)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 1.1;

var y = canvas.height / 1;

var radius = 300;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 100)";

context.fillStyle = 'rgb(0, 0, 100)';

context.fill();

context.stroke();

//Second Waves

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 8.5;

var y = canvas.height / 1;

var radius = 250;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 150)";

context.fillStyle = 'rgb(0, 0, 150)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 2;

var y = canvas.height / 1;

var radius = 250;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 150)";

context.fillStyle = 'rgb(0, 0, 150)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 1.1;

var y = canvas.height / 1;

var radius = 250;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 150)";

context.fillStyle = 'rgb(0, 0, 150)';

context.fill();

context.stroke();

//Third Waves

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 8.5;

var y = canvas.height / 1;

var radius = 200;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 180)";

context.fillStyle = 'rgb(0, 0, 180)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 2;

var y = canvas.height / 1;

var radius = 200;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 180)";

context.fillStyle = 'rgb(0, 0, 180)';

context.fill();

context.stroke();

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = canvas.width / 1.1;

var y = canvas.height / 1;

var radius = 200;

var startAngle = 1 * Math.PI;

var endAngle = 2 * Math.PI;

var counterClockwise = false;

context.beginPath();

context.arc(x, y, radius, startAngle, endAngle, counterClockwise);

context.lineWidth = 15;

// line color

context.strokeStyle = "rgb(0, 0, 180)";

context.fillStyle = 'rgb(0, 0, 180)';

context.fill();

context.stroke();

//boat

context.beginPath();

context.arc(100, 280, 70, 0, Math.PI, false);

context.closePath();

context.lineWidth = 5;

context.fillStyle = '#663300';

context.fill();

context.strokeStyle = 'black';

context.stroke();

    

context.beginPath();

context.moveTo(100,280);

context.lineTo(100,170);

context.stroke();

context.beginPath();

context.moveTo(100,130);

context.lineTo(175,230);

context.lineTo(25,230);

context.closePath();

context.fillStyle = 'rgb(200, 150, 0)';

context.fill();

context.closePath();

//Shark

var canvas = document.getElementById('myCanvas');

var context = canvas.getContext('2d');

var centerX = 100;

var centerY = 350;

var radius = 100;

// 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 = 'rgb(70, 70, 70)';

context.fill();

context.lineWidth = 2;

context.strokeStyle = 'rgb(70, 70, 70)';

context.stroke();

context.beginPath();

context.moveTo(655,430);

context.lineTo(750,630);

context.lineTo(495,630);

context.closePath();

context.fillStyle = 'rgb(70, 70, 70)';

context.fill();

context.closePath();

        

    

        

        

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

};

</script>

</head>

<body>

<canvas id="myCanvas" width="800" height="600"></canvas>

</body>

</html>

Homework: Heart

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

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

var grdstartX = 0;
var grdstartY = 250;
var grdendX = 300;
var grdendY = 300;


//Rectangle
context.beginPath();
context.rect(0, 0, 400, 300);
//context.fillStyle = 'rgb(100, 100, 255)';
var grd = context.createLinearGradient(grdstartX, grdstartY, grdendX, grdendY);
grd.addColorStop(0, 'rgb(200, 200, 255)');
grd.addColorStop(1, 'rgb(100, 100, 255)');
context.fillStyle = grd;
context.fill();
context.stroke();

//Heart
context.beginPath();
context.lineCap = "round";
context.lineWidth = 15;
context.strokeStyle = "rgb(200, 0, 0)";
context.fillStyle = "rgb(200, 0, 0)";
context.moveTo(100, 85);
context.quadraticCurveTo(80,150,200, 215);
context.quadraticCurveTo(320, 150,300, 90);
context.quadraticCurveTo(280, 30, 200, 90);
context.quadraticCurveTo(120, 30, 100, 90);
context.stroke();
context.fill();








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

};

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

Kendall Rochelle:

Get To Know Me

My name is Kendall Rochelle

I am from New Jersey

Iam majoring in Marketing

I plan to go into sales after college

I have two dogs 

My favorite place to be is the beach

I expect to learn more technology about computers to enhance my abilities in marketing.