Thursday, September 30, 2010

Twilight website

The sight I choose to use was the Twilight movie website. The reason why I chose this site is because I loved reading the Twilight books and I basically feel like a Twilight fan. What you can do on this sight is you can enter the latest Twilight movie site or you can enter the world of Twilight site. On the world of Twilight site you can learn what each film is about, view videos, go threw the gallory, download wallpaper, view music for the movie, and look at the books the author has written.













The second sight you enter is the latest twilight movie home page. There you can enter about the film which has the story of the film, and the cast of the movie. The media area has videos, pictures, and downloads. The mobile area is where you can download a twilight tracker to your iphone.

Tuesday, September 28, 2010

Got Milk? (Get the Glass) - Site Exploration

Get the Glass website (http://www.gettheglass.com/)

Get the Glass is a flash interactive website which was designed to help market the Got Milk? slogan.
This site is very hands on interactive.




The site is mainly an online game surrounding the concept of "Get the Glass".

First, option is that you can go and explore the gameboard and find out information on how to play the game and the characters of the game.  The characters were highly detailed and can be found by going to clicking on crime files on the bottom left hand corner after you have chosen Explore.
In the screen shot above, it's really cool is that you can move the documents around and when you click on them they enlarge and you can see the detail that was put in to create each character.

The second option is to play the game. Now this is a fun game and it is not an easy one. I tried 3 times and did not come close to winning. It is setup as an interactive board game in which you roll the dice. You are pursued by the security on the island.

As you roll the dice, there are 3 cards you can land on. Fortune, Misfortune and Master Mind.  The Master Mind cards are tricky but they actually put in questions regarding Milk. Such as, "Is there 2grams of protein in a glass of milk?".  While you play they also include very hands on interactive games in which you need to use your mouse.


Like this screen shot, this mini game. You have to guide the truck with your mouse across a stretch of road. If you go off the road you loose. You are given 3 chances and you have to complete the task in 30 secs or you are hauled off to the prison. When you go to prison you are given 3 options on how to get out.

As you can tell this site is very interactive and entertaining.  It is focused around milk and you can see how they slip it in by reading the crime files, info of the master mind game cards and just the concept of getting the glass.  Try the game it is really fun!

Saturday, September 25, 2010

Red Interactive Agency - Studio Exploration

Red Interactive Agency


Website



Arrggh I did not realize this post was due yesterday. But I finally found a really cool flash site.
Red Interactive Agency, whose website is ff0000.com (the html code for red, which is an incredibly fantastic idea), is a design company that has been around since 1999, and has done some pretty big work. They have offices in Santa Monica, CA and Salt Lake City, UT.

But this site is absolutely incredible. The minimalist red, black, and white color scheme looks clean and professional, and all the red text ties in perfectly with the name of the company. The site loads in very smoothly, with everything popping in from the sides. All the content is in the center of the page, with a small menu of page links on the top right. Clicking on any of these brings up new content in the content area, offering links to other sites that they have designed, or just text about the company and what they do, who they are.

But this site is so much more than this. Looking below the actual content, you will see an avatar (or several, depending on who is visiting the site) standing on turquoise-colored grass. Below that is a bar displaying options and other things related to the site. It took me a second to realize that I could actually move my avatar, and actually walk along in the 2-D world that was the website. As I walked down the hill, the rest of the site (all the content) stayed where it was, and I could move around freely in a very unique little world. This is a really cool idea, and really surprises you and creates a fantastic visual effect.

After walking around a bit, you will notice that you have the option of chatting with other visitors to the site. Again, a really neat addition to the site, and the chat comes up in little boxes above people's heads. This makes the site even more interactive, giving users a way to communicate and explore the site with others. You also have the options of changing your avatar, and filling out info on where you are from, etc. so others can see who they are talking to.

So this site utilizes Flash in really powerful and creative ways. And this company knows what they're doing. They say that they've had 23 FWA awards on sites that they've done (including this, their portfolio). They've worked for a ton of really big companies. And this site of theirs is phenomenal.


Frank

LG dLite: Site Exploration





LG dLite

LG's site for their new phone the dLite, built in flash. Their new phone looks to have lights on the front cover of the flip phone. What I think is really cool is they used this and created a music video with this pixel-like lights on their phones. You can watch the music video that they have made or you can use some premade sequences to create your own video.


They also highlight the product with what you would expect from a phone advertisement or website with a 360 view, color choices, and features.


Lastly, there is a game Light Pads that requires the use of your webcam. The video will load up and detect motion on your webcam to light up the dots and play music. Each sound is different and you can make some music here. The motion detection is very sensitive and there aren't that many different sounds or songs you can create, but it is simple and the idea is good.


I like how clean the site looks. The navigation is found on the left with ethereal swirling atoms. There is a good amount of work put into this advertisement and it is fun. The music video they created is really impressive and I like the subtle spacey music playing in the background. Enjoy!


Friday, September 24, 2010

INCEPTION: The movie's website ~ Dara Feldman

I choose the movie INCEPTION

http://inceptionmovie.warnerbros.com/

The website is awesome, and stays true to the movie. It incorporates video clips from the movie with website animation, background story, games, and other interactive elements. The layout is a slightly askew, again, staying true to the movie.
Under the MENU, there options are: about the film, video, downloads, gallery, sweepstakes, premier, prologue, protect your thoughts, mind crime game, build your own poster, and soundtrack.
The games are neat and use a 3D component. One game involves you drawing a maze, which turns into a city that you must run through before your capture.

"Build your own Poster" is great as well. It allows you to upload your own photo, edit it, and insert it into your own poster.
Check it out!

Studio/Artist Exploration-Miya Nakagome

HYBRIDWORKS is one of the famous design studios in Japan. I love this web site and their Flash techniques. When you crick an icon or menu button, you would see nice flash effects and cute animations.

"NIB CLOCK"(iPhone app) shows cool Flash animation!


In this web site, I really surprised that when I crick a "Custom layout" which located bottom of right side, the site layout will changed. I have a no idea what type of Flash technique :(, but It is very fun and helpful for customers because everyone has likely layout or different environments, so I realized that layout is very important for media like a website, application, and so on. This website is one of cool sites, so I would like to find other coolest site next time.

Studio/Artist Exploration-Devin Cox

This first Flash based website has the most eye appealing front page I have seen on a website.  It's such a great quality image.  Look for yourself:

http://www.v5design.com


The first page keeps you entertained and amused as a few butterflies fly through the background and one perches itself on a tree and continues flapping its wings.  No menu's or pages pop up immediatly; instead you just have the background of the mountains and valley.  Then there is an awesome navigation bar that is transparent so you can still see the background.  There is also nice rollover features where the text goes down and comes back up with a different color.  Then each time you click on the link the space that contains the valley and mountains fills with a scroll-like background with more design elements embedded.  The portfolio page has a nice logo laying in the middle of the page with links to different design categories.  Then when you click on a category a frame of pictures appears and you can scroll through thumbnails and enlarge the picture in the frame.  This is my favorite part about the site.  Its very well done and is super professional.  Definitely a site you can brag about If you were part of the design team.  So many intricate details to the layout.  Links inside links with new features in each page.  HIGH quality graphics and logos make it very easy on the eyes.  The layout is consistent, great color scheme and overall great design quality.  Somebody put great effort into this site and made sure everything flows very well.


http://www.arihirvonen.com/ 

This is the website for Ari Hirvonen and I was very impressed.  It has a cartoonish feel and yet a sophisticated style.  The effects and graphics are not meant to look real but are very alive.  The main animations on the page serve as platforms where links are placed.  For instance you can turn a cartoon image of himself around and click on different parts of his body to find out: "who I am", "view my education" and view my awards.  Then there are effects that appear when those links are clicked.  The theme is based on a laboratory with my favorite combination of colors: black and green.  He has a basic page with 3 drop down menu Items, the most complex being the Portfolio menu.  He has listed projects using Flash, After Affects, Photoshop and other video editing software.  I don't think the website is "different" from many other flash websites but it is entertaining  and cute.  Simple and effective is the name of the game and Ari Hirvonen certainly knows what he is doing.  Just a very good feel to the website and unlike some, it's very easy to navigate.

Thursday, September 23, 2010

Resource Exploration: The Search for the Perfect Tutorial

I decided to look at a few resource sites. Sometimes learning something new, at least in my case, can take a while to completely absorb. Even though some of these sites are pretty straightforward, they have helped me to push through some issues. Whether it was how the information was shared, or the fact that it was my fifth time trying to figure out a problem, I won’t know for sure, but these are still some great sites.

www.smartwebby.com/Flash/sound_in_button.asp

I stumbled across this site while having some button problems in Flash. The screen shots and step by step instructions were very helpful for that task in particular. This was part of the creating advanced Flash buttons page, and there were also instructions on how to make other kinds of buttons. They have information and tutorials for a number of different programs.





www.w3schools.com/flash/default.asp

I’m sure many people are familiar with www.w3schools.com. I used to frequent it often for help with html coding, but I never looked at it further until now. It also has a large amount of Flash information. What is nice about this site, as opposed to a lot of tutorial sites, is that there is an overview of the information. This way, you can see the major categories and go from there, as opposed to filtering through several pages of often unorganized tutorials that may or may not be relevant to the topic you are interested in.

http://www.flashdesignerzone.com/tutorials/

This website is also top on my list because of its easy to navigate library. The sections are further broken down into the actual topics that the tutorials cover. I also prefer the screen shot and text tutorials as opposed to most video tutorials. I feel like they go so fast, and with these, I can read at my own pace, and match my screen to the fixed image, not having to worry about the screen moving or changing.

http://www.flashdesignerzone.com/tutorials/t1014.php

What I also like, is how you can view the finished product. This allows you to “match” it with your work, to make sure the exercise has been completed fully and correctly.

http://www.tutorialized.com/view/tutorial/Animating-an-Explosion/60699

With this site, the uniqueness of the tutorials’ subject matter is what interested me. Instead of having the generic bouncing ball animations, or something that you see all of the time, this site shows a very interesting variety of animations. It makes the tutorials more fun, and it also allows newer users, like me, to more easily see firsthand the expansive nature of Flash.

As far as tutorials are concerned, most sites are similar, there are either videos are images containing step by step directions on how to complete a certain task. It is the way that this is executed that makes these sites successful for users. With so many different options, and people having their own personalized teaching and learning techniques, there are a multitude of resources. There’s something out there for everyone, you just have to go out and find it.

Perrier Water


My blog today is about the site http://perrierbydita.com/ which won the FWA site of the month award on August 2, 2010.


This site is visually stunning and suitable for viewers who are over 18 years old. The first screen has a sports car driving up to the Perrier mansion, and at the gate the car stops. The user must input a birth date that is more than 18 years ago to pass the gate. This screen was fun and a fresh way to screen underage users.


After passing the login screen the user drives into the erotic fantasy land of Parrier mansion. The entire experience uses video clips instead of vector or bitmapped based graphics.


The visuals in this mansion are opulent, with highly intricate details including exquisite furniture, crystal chandeliers, textured wallpapers, and ornate architecture. Users interact with the main character dressed in a sultry outfit of silk, fur and rhinestones. Within this candle lit mansion the user is able to move into rooms called the dark room and roll the dice room.


The dark room has an interface that enables a user to take photos of the main character. The flash reveals her in provocative poses. I know that sex sells so this gui is capitalizing on this reality. Unfortunately there is not a male version of this main character so they have limited their market a bit here.


The second room is a dice game of truth or dare. The main character has several actions associated with a dice roll. The actions themselves are sensual acts.


The final scene that I tapped into was a tease scene which actually introduced the product. The main character is prancing around tempting the user to click on her, with a warning onscreen to not touch her. The timeless theme of Adam and eve and the garden of eden is employed here and the user will click on the character to get splashed.


I think that Nylon studios created an interesting web site which stretches the line between art anda commercial with interesting visual, audio and thematic effects.

Thursday, September 16, 2010

JK Rowling.com

The website of famous author JK Rowling has been a favorite of mine for many years. As most people know she is the author of the ‘Harry Potter’ series, and since these are (I believe) her only published works, one would think that her website would be entirely Harry Potter themed. However, the designers of this site took a very unique approach. The Flash-based website is like taking a tour of the famed writer’s workspace and home. You start out with a view of a cluttered desk and as you mouse over the various objects on the desk, you see that they are links to take you to various parts of the website like ‘Bio’ “News’ ‘Links’ etc..

For example if you click the glasses it will take you over to this bookshelf where there are links to JK Rowling’s publishers and other organizations she is affiliated with.

Clicking the black clip on the desk will take you to the trophy area, where the current top ‘Harry Potter’ fan sites are listed.

One of the best features of this website is the abundance of hidden interactive games. If you spend enough time on the website looking around and clicking things, you will eventually collect objects that let you access hidden information, or figure out riddles that will take you to otherwise inaccessible pages. I found this to be a really cool tie-in to mystery of the Harry Potter universe, without it being too blatantly ‘Harry Potter-ish’.

The design studio that made this site is called Lightmaker, and you can see their other projects by going to their website: http://www.lightmaker.com/

They have a wide variety of things in their portfolio, including websites for Disney, other book websites, and some business websites, but I think my favorite still has to be www.jkrowling.com/

Wednesday, September 15, 2010

Marc Ecko - Design Exploration

Marc Ecko is an American fashion designer. I really like the way his flash based website displays his work. At first glance it appears to be photos hung on a wall. By moving your mouse across the screen, the entire wall fallows. The animation that was put into each mouse click creates a very dynamic effect.
One of the links on is home page is http://www.marceckomuse.com. This is an interactive flash based activity. You print the provided page, and then display it in front of your web cam. An image appears on the screen that you can interact with.


Thursday, September 09, 2010

Big Spaceship - Studio Exploration

Big Spaceship is based in New York and servers a diverse portfolio of clients. But, their specialty is cutting-edge web experiences, especially for movie studios.

A couple sites from their portfolio that I really liked include:

http://www.sonypictures.com/homevideo/30daysofnight/