Final Digital Arts Project

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. The targeted audience Kendall & Kelsey Co. strive for are for any females, particularly teenagers and young women. Their jewelry can be worn for all ages of women. While creating this company, I choose shades of purple because it gives off a sophisticated look. The shades of purple appeal as calm and royal to make the company have higher class. The font is simple and the headings are in script to go along with the reasons of the design colors. Our logo is a combination of the two "K's" to stand for the names and put the "&" sign behind it for unique look. This logo is used in all brochures, business cards, and letter heads. 

*the pictures used in the brochure are taken from a formal company's office and personal items of the artist. 

Sketch/Mock Up for Brochure

Corporate Identity Questionaire

1)   What is your business?

Kendall & Kelsey Co. making bracelets  

2)   Describe your business in one sentence

Kendall & Kelsey Co. is a well-known name brand for bracelets that are eco-friendly and organic. 

3)   Who is your target audience?

Females, girls, teenagers, and young adults

4)   Who are your competitors?

Alex & Anni, Urban Outfitters, Francescas 

5)   What makes them better/worse than your product/service?

Alex & Anni have very high prices for not that great of quality products, but they have a popular title. Urban Outfitters and Francesca has different varieties of jewelry that are not just bracelets but they are cheaply made and is not organic.

6)   Do you currently have an identity? 

7)   (If your answer to #6 is no, skip this question)  What do you like about it and what don’t you like about it?

These following questions might seem silly, but their purpose is to help generate ideas.

1)   How do you want your image to be seen in two years?

I want my image to be seen in two years as a well put together company that is known across the country for good taste in bracelets and catches peoples eyes.

Why is this important?  This is something that you will have to portray in your corporate identity.

This is important because it will help get all the customers I need to run a successful business and last for a long time. 

2)   If your company was an animal, what animal would it be and why?

If my company was an animal it would be an elephant because an elephant is big and stands out just like how our bracelets will stand out from others. Also that an elephant has tough skin like how our bracelets will be made well and will not break. 

3)   If your company/brand was a person, who would it be and why?

Jennifer Aniston because she has been around in the celebrity world for a while and she is an elegant beautiful women that is a role model for young women. 

4)   If your company/brand was an object, what would it be?

A bracelet.

5)   If your customer was a cartoon character, who would it be?

Minni Mouse because she is always dolled up and catches peoples eyes just like our bracelets would.

Lyrical Collage

This lyrical collage was inspired by the song "Paradise" by Coldplay. As you can see a part of the lyrics are inserted in the bottom left hand corner. In the lyrics it mentions a waterfall, butterfly, teardrop, and dreaming of paradise. With these words I was able to create a collage of a young women sleeping dreaming of paradise including the other objects that relate to the song lyrics.

Custom Graphic

In my custom graphic I was able to create my own brush and pattern to be used in this picture. The brush I created was the elephant. I used the magnetic tool to outline the body of the elephant and defined it as its own brush. Then for the pattern I created the sand. I created it by using one of the default patterns and changing the color to give it a sandy look. The brushes I used were downloaded from the class demos provided by Ms. Corrigan.

Self-Insertion

During my vacation to the islands, we found this beautiful cliff that was off the water. Our tour guide told us it was dangerous and to jump at our own risk. Being the daredevil I am, I was the only one who jumped off this cliff. Luckily, my mother took this perfect shot of me jumping off. But don't worry, I did not get hurt!

Project 3: Complex Vector Illustration

Final Logo

 

Kendall & Kelsey Co. is a well-known name brand for bracelets that are eco-friendly and organic. The colors I picked for this logo are different shades of maroon and purples. The reason why I picked this color theme is because it looks sophisticated and feminine. I did different shades on the "k" so show that the "k" stands for different names (Kendall and Kelsey). The & sign is very important because it shows that it is two names combined for the name of the company. Therefore, I enlarged the "&" and placed it in the background behind the  lettering. It is still easily recognized and read by putting it in a lighter shade. I got this idea by combining all the logos i sketched before and making it all one. The Kendall & Kelsey Co. will stand out anywhere and will be know as the two K's and the & sign!

 

Caligramme

Elephant Caligramme

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.