Website by xiuliliaofz


									       In designing the pages for the rest of my website, I used the same designs that I had

developed for my home page. I chose not to keep the menu bar throughout the pages of my

site. Instead, I have the Push play Animation logo present in either the left or right-hand corner

of the pages to link to the home page so there are no dead-end pages. On the home page, the

buttons link to their respective pages, with the exception of three buttons that link to a pop-up

menu. Rather than having buttons for each page within the pop-up menu, I grouped them

together because they are related to each other. I tried to maintain the color scheme of black,

blue and orange throughout the whole site.

       For the home page, I wanted to show an example of the “work” that the company does,

so I featured four strips of example work that I have done in the past two years for my various

design classes. I also feature my work throughout the rest of the website.

       Since Push Play Animation is not a real company (yet), I am unable to process job

applications. However, I do provide a link to a page where you can “submit” a job application.

When you click on the button, it informs you to check back at a later date, just as I imagine a

real company website would do. I repeatedly used this technique for portions of the site that I

was unable to make happen with the abilities that I currently possess.

       The three website icons that I designed for previous assignments were used on my

homepage to link to other portions of the website. The three icons include Upcoming Releases,

Coming Soon to DVD, and Meet Rex, which links to a popup menu.

       The “Films” link takes you to a page listing all the “movies” that the company has

produced. Rather than having a bland page with just a list of movie titles, I wanted to make a
design that has something to do with movies. I used one of my prospective home page

wireframes and turned it into the design for this section. The name of the movies are in the

individual frames in the film reel. If I knew how to link movie files to the website, I would have

had each movie frame title be a button that links to the indicated movie.

       I combined the pages for “Commercials” and “Posters” under one link: “Publicity.”

When the user mouses over the Publicity button a pop-up menu appears where the user can

choose either “Commercials” or “”Posters.” The Posters page design was also an option for the

homepage, but I decided it would be better used for this page. The user mouses over the film

title on the left-hand side and the poster will appear on the right. If I had had more time and

actual posters, I would have made it so that when the user clicks on each film title, it brings you

to a new page with all the posters available for that particular movie. Once again, the logo is

located in the corner to link back to the homepage.

       The “Commercials” page is more similar to the “Films” page in that its design links to

commercials and TVs. A TV is featured on the page, and the individual buttons on the TV

feature the names of the movies with commercials. When you mouse over the buttons, a

screencap from the “commercial” appears on the screen. You can even click on the buttons.

However, the buttons do not lead to another page devoted to the commercials for that

particular movie, as I wished it could have.

       Under the “About Us” link, I grouped “Our History” and “Awards” together because I felt

that these two pages were related. Of course, under “Our History” I wrote a “history” of the

company, which basically consists of our mission statement. I included an alternate company
logo to break up the text on the page. I also included a picture of Rex on the left-hand side so

the page is not so bland. The overall design of this page is the same as the design for the

posters page as well as other pages, so I was able to recycle the design for several pages

throughout the site.

       Under the “Awards” page I listed a couple of the “movies” that the company made and

tried to come up with some “awards” that they may have won. I also put a twist on the

traditional “two thumbs up” commendation that is given to movies and change it to “two claws

up” that Rex has given the movie. I also put the number of claws that Rex has given the movie

next to the title. On the left-hand side I featured a silhouette of an award to addm ore color to

the page.

       The “Coming Soon” page is dedicated to advertising movies that will be released soon. I

drew inspiration from the icon that I had previously designed for the website icon, which is an-

old fashioned movie camera. On the page, the camera is “projecting” the upcoming movie

screencap onto a white movie screen. If I had a preview for the movie, I would have featured it

here and had it play when the user clicks on the movie title.

       The “Coming Soon to DVD” page was also inspired by the icon button. The page features

a TV and a DVD remote. Ideally, pressing “play” on the remote would play the commercial for

the new movie. Instead, a picture of the “movie” is featured on the TV screen. This page and

the “Coming Soon” would be periodically updated to feature the newest movies and DVDs.

       The final icon button on the page links to a pop-up menu for pages concerning Rex the

Robot, the mascot of the company. One page features the background story for Rex and his
game, and the other page links to his game (if I made the game). The “About Rex” page also

features an image of Rex in action which links to the game page so that you can link directly to

the game while reading about Rex. The button is in the middle of the page to break up the text.

The game page is designed to look like an old arcade game system, with two buttons. Even

though they do not work, it adds more to the page so that it does not seem bare.

       As I mentioned before, I did not want my website to be a boring, conventional site. I

wanted to use bright colors and fun images to engage with the audience, who will hopefully be

children as well as adults. Hopefully the website is fun and interactive for all the users. For

example, users should instinctively know that pressing buttons on a remote or a TV should play

a movie or video clip, so I believe that I successfully engaged them. In my opinion, websites are

more fun when there are more buttons to press purely for entertainment, which is why I

animated the buttons on the TV and video game console. Hopefully my design decisions were


To top