products page

My products page the images i want to pop up in a zoomed view so they can be seen close up.

events page

On my events page i want to get an image of children painting for fun.

footer

my footer nav for other sites will change color like my navigation.

Web logo

My O in my logo will come in from the left and from behind the O the rest of the logo will appear.

nav

I planed to have my navigation buttons change color when rolled over.

maze

I've made a maze game before so i could try to make one for my website.

activity help

The page could be useful as an activity that would get the kids to think. I would need to adjust the page to suit the Ocha franchise.

word search

I will have a word search as a printable game.

update

I have finished the dots game and now need to place it in the website.

Lego

http://www.lego.com/

go to site

The site has a timed flash element. The characters a re from certain genera so the kid's attention would be focused on getting them.

Hot Wheels

http://www.hotwheels.com/

go to site

The site uses a dark background with an image of a schooter. The flash element changes pages slowly. The navigation has a light change when rolled over.

crayola

http://www.crayola.com/things-to-do/crafts-landing.aspx

go to site

Crayola uses pictures made by kids to get them to want the products. The sit is based on creativity that kids display all the time.

national geographic kids

http://kids.nationalgeographic.com/kids/

go to site

This site uses kids' love of animals to get them to look around. The underwater background keeps the kids atracted to the site so they don't leave it.

Nick.com

http://www.nick.com/

go to site

Nickalodian uses a basic off white background that pops everything on the page. The use of characters and movies listed give both atraction and variety to the simple child mind.

kidzone

http://www.kidzone.ws/

go to site

Kidzone uses white and pale yellow, like paper, for the scholllorly look. The site appeals to the kid's learning side to get them to look for help in subjects.

fantage

http://fantage.com/

go to site

Fantage is a child friendly game. The flash element used animated characters that move to draw the eyes to them. The beach colors get the kids to think of fun.

starfall

http://www.starfall.com/

go to site

Starfall is an educational site with a basic yellow background. This site is ment more towards toddlers who are learning to read.

cartoon network

http://www.cartoonnetwork.com/

go to site

Cartoon network site uses video from games to apeal to the kids' playful side. The vote boxes have sports stars that kids would know since they like sports. The simple use of the black and white animated boxes relate to their logo.

Disney Channel

http://disney.go.com/disneychannel/

go to site

Disney channel site uses alot of blue. The site is based on tv shows and has episodes so kids can watch them on the site giving them more popularity since kids will talk about it.

PBS Kids

http://pbskids.org/

go to site

PBS is not a good example to use since it is an all flash start. It has alot of flash use so it is easier for kids since they won't copy text. The use of characters from shows draws their attention to stay.

kidzbop

http://www.kidzbop.com/

go to site

Kids love music and this site has a basic color scheme. The colors are not faded or gradated. The flash element moves from one page to another slowly so you can read it.

coloring book

I will try to make something with a coloring book. If i can't i'll just have printable coloring pages.

CYOA

I am going to try and make a choose your own adventure style game.

dots

I'm doing a connect the dots flash game for my website. The kids chick the numbers in order to see the image.

little flash on web

go to website

http://www.designsul.pt/

This website uses little flash elements, but they aren't too extravagant. The site has a few flaws as in the navigation moves.

full flash website

go to website

http://www.syfy.com/tinman/oz/

This website is just flash based. It works to a point but with everything in motion there is nothing still enough to rest the eyes on.

bad flash web example

go to link to see website

http://www.intel.com/museumofme/en_US/r/index.htm

This website has a flash opener, but has a major flaw. I can't tell how to navigate this site. After the animation it just shows a Facebook link. I don't see any work on the site or any text to help describe what this site is for.

financial ad

This ad gets people's attention by the bolded white text. It has the words people what to see for financial work bolded  so they read what it says.

era ad

This ad is a little fast for some people but it will get people's attention to try and read it. The lines in the background get your eye acrass the page.

airport ad

This ad is for an airport. The little bits of text every now and then doesn't overwhelm you. The speed is not too fast or slow.

pajama ad

This ad is to get you to buy pajamas by showing a discount. The text is in a contrasting yellow circle so you would look at it.

river ad

This ad is for river loving people. The ad shows a river through a canyon and a clear sky to give a peaceful look.

chocolate ad

This ad uses a couple for a romantic feel. It gets people to think that the chocolate will help in their relationship.

jewelry ad

This ad is to get you to purchase their jewelry. They used a dark background with silver jewelry to have them stand out more so you would look at them and say "Those look nice i should get one."

professional ad

The business look is to tell us that this is a professional site that will help you with the proper knowledge. The lack of contrasting color also gives a professional feel and keeps you drawn to the smiling guy who is suppose to warm you up to them.

female ad

This ad is more suited for the female population. They added a pregnant shot to emphasize to the female population that this has information that could help them during this period of time.

anime box ads

I watch anime shows from time to time and i never really pay attention to the ads playing on them. These ads are there during the buffering time to get you to look at it since the background is always a dark color.

Drakensang ad

The moving fire in the background gives this piece movement since most of the piece is still most of the time. The shadowed text is really brought forward so all can see it clearer due to the flames behind it.

Wings of Destiny

This ad for Wings of Destiny changes scenery and color scheme so it isn't boring. The use of lights moving into the center during the ad draws your attention to the mounts and armor.

Grand Fantasia box ad

This box ad was a still ad. The colorful background keeps your eye more centerfold so you don't go off the page. The use of different fonts keeps it interesting and isn't distractive.

Ghost Recon banner

This banner is a still ad. The use of the gun pointing towards the logo makes it so your eyes stay more towards the large free to play text.

Elsword Skyscraper

This ad is for the Elsword online game. They made it flashy to get your attention and quickly change the scenery to keep it interesting.

geico ad

This ad for Geico uses their mascot gecko and an old cartoon so the older generation can relate to the ad. Kids have also seen this cartoon, but the adults would always remember who wiley cyote is.

red bull ad

The advertisement is simple lines used to get its point across and keeps people's attention.

advertisement project start

I took a look at our next project and its an advertisement. I have a few ideas, but they need improvement before i try to sketch them out.

web project updates.

My web page project has a few things left to fix and maybe more when i get my grade for it. The logo was moved to the place needed to reduct the amount of plank space.

Sanctuary

The song Sanctuary by Utada Hikaru is another relaxing song for me when i get stressed out on my work. It helps to clear my mind and keeps me focused on my goal.

contact page

The contact details i was able to do on my website. There is only the adress, phone, email, etc. needed on contact pages.

newegg product

The detail used to explain the aspects of Newegg's products is very in depth because most products are electronics and people need to know the spects for when they need it.

FAQ page 2

This FAQ page is a little different in that this one has a picture. To me the picture makes no sense since its a kid, but when i read whats next to it it makes sense.

FAQ page

My FAQ page needs improvement and looking at other pages

event page edit

I will be adding a pumking carving contest to my events page for the final edit.

stress reliever

The song Simple and Clean by Utada Hikaru is a big stress reliever for me before I work on my projects.

fanfiction

Fanfiction is a site that updates its contents regularly. The people who make the story posts are really good. I like how each person has their own differences when they create posts for this site. The navigation is easy to understand.

watchdub site

WatchDub site has bright text boxes with a ery dark background. The navigation cream white color does hhurt my eyes a bit and the side navigation link colors should at least match the regular navigation.

arizona second page

The next page of the arizona site definitely changes from a simple scene to a slightly more detailed background. The Great Buy 99 cent signs in the background is giving you the mental state of got to get this.

arizona web page

The home page is animated but is rather simple. The gentle beach scene gives a soothing feel. The shapes are to represent the sun rays.

anime freak

Anime Freak's webpage is really detailed and advanced for this class. I like the detail made in the navigation with the hands overlapping.

anime crave site

This website uses a more basic layout for the header, navigation, etc. but keeps the focus by the moving picture at the top with different anime shots so people will look through to see whats up.

color palette

use this link for Green_Tea palette

I will try to make my web site from the colors green tea. The variations will need to be able to fit together smoothly so its not choppy looking and it keeps the attention of viewers.

google page

One thing i never realized about the Google web page is that the navigation bar is above the logo. Usually the navigation is below the logo or to the left side. This is an unusual place but it saves space for easy transition from one page to another.

my project

This is my project for the Ocha Green Tea animated logo. I had to work on how to get the O to revolve in place. I also had the rest of the text fade in when the O was done revolving.

My font

This is my font i created for my Ocha Green Tea project. I used a rain drop shape to form the text in illustrator. It was hard to do because i have little skill with illustrator so it took a good bit of time to make.

revolving text

I planed to make my O in ocha revolve in place similar to this text revolving around the Earth. The complicated part was figuring out how to do it.

color change

I like the smooth color change of the ring. I was planning a color change and i want it to be smooth like this one. I like the triangle made of triangles. The pieces are broken and placed in an interesting way with even spacing.

rain animation

This animation helps with the idea of what rainfall is like in a closer view. Whoever made this in after effects did really well to simulate the rain.

animation idea

I used a rain drop pattern to my logo and am planning of making my animation use the properties of the rain drop. The middle of the O will fall from a height down and would soon stop, zoom out, and fade in the logo.

tea bag idea

I was thinking of incorporating the tea bags into my logo. The logo that would fit with these more is the one where the flakes fall and form the word Ocha Green Tea. The tea bag will be a bit difficult to make because of the color and making it transparent enough to see the bag while seeing the flakes also.

transforming can

I like the transformation idea and how it all fits together. Most wouldn't think of a energy drink becoming a robot. I had an idea with some type of transforming text and this video gives me some more ideas.

monster logo

I like how they had the build up of energy in the can and it releasing in waves. The color matches well with how most people think of monsters as some type of dark, green like creature.

google logo

Google uses many different styles for their logo that changes after a while. I like how they constantly change so it doesn't become boring. This logo makes you use your imagination to form the word Google from the bunsin burner lab.

sphere logo

This logo is consistent with using the sphere shape. I like how it stays like that and there isn't much text to worry about. The colors actually look like its inside a clear ball.

Pixar animated logo

The Pixar studio logo looks pretty simple since its just text and a lamp, but animating the lamp to move and the I compressing takes time and accuracy to make it believable. I like when the I dissapears that the lamp looks for it and has no idea what happened.

tea leaves

The tea leaves will be a little hard to make due to the edges. I'm surprised at how they look because i have never seen them before in whole form.

tea logo

This logo is interesting as in the design moves your eye around the text. The stem wraps around the Leap and since your eye follows the stem you will read the text. The spacing is not to close yet not to spacious.

transforming text

I will be trying some text transformation with my logo. This video has a word transforming by breaking up and reattaching with a different color to form another word. What i'm trying to do is make a tea leaf transform into japanese text then into english that i might use for the project.

pic help

 

 

 

The differences between the bottle and box makes me come up with different ways that i could make a logo. The different designs covering them have space requirements that i will need to think of. The colors used are different greens so, i could use greens if i want but, it would probly look different if i use a different color like a light yellow or a light shade of red for small areas as decorations.