kclark26

Clark, Katherine – Final Post

1. Foundation by Zurb

2. Red Lion Infographic

3. Las Vegas, The Bellagio
The original design is somewhat busy and unnecessarily complex. Lots of drop shadows and gradients and bevels. The navigation needs to be reorganized and prioritized according to what people are looking at this site for..
Original Promotions Page
Original Promotions Page
Recreation of the Bellagio home page
Recreation of the Bellagio home page
Original Guest Room page
Original Guest Room page

For the redesign, I moved the navigation to the left and flattened all of the elements. I feel that a site can look elegant and high-end, without all of the ornament. Although this was probably wrong, I also redesigned the Bellagio’s logo and flattened that as well. The whole site uses photography to communicate.
New simplified redesigned home page
New simplified redesigned home page
Slider moves out to reveal other navigation options. Less frustrating than drop downs. Slideshow at top rolls through different room photos.Slider moves out to reveal other navigation options. Less frustrating than drop downs. Slideshow at top rolls through different room photos.
Navigation slides out to descriptions of the different attractions and rolls through a slideshow.
Navigation slides out to descriptions of the different attractions and rolls through a slideshow.

4. The Bellagio

Blog Post

5.  Make a jQuery

Create an mailing list email.
Elvis-email
Create a Parallax site

Classwork

6.Gallery Demo

Moon Demo

Sequence JS Slider

 Game Salad online

7. Facebook page: Stay
Final page

Blog Post

9. HowardHughes

Blog Post

10. Sadie Nash Scroll

Blog Post

11. Isotope

Blog Post

12. LVH email

 3D Slider

Blog Post

13. Gridster

Bacon

Blog Post

Clark, Katherine – Assignment 13

Am I really allowed to complain about how miserable I am? Well, as I’m typing this I’m missing Mother’s day with both my kid and my mom. That kinda sucks. My toilets are really gross. I lost my dog in the yard because the grass is so high. I was also made fun of the other day because my legs were so white, why are my legs white? Because they haven’t seen the sun yet!

My son has gone feral because I haven’t paid any attention to him in 5 months. He is now smoking and breaking into cars with the other Hampden urchins. <-I made that part up, but it could very well have happened. I have no idea what he’s been doing.

Gridster

 Bacon

Clark, Katherine – Assignment 12

LVH email

This is my comparison of four talent placement agencies. I found it quite difficult to find a well designed site. Many were very primitive, outdated or clearly not created by a designer.

The first site is for One Source Talent- although I think this one is a tad cluttered- it spells out clearly what the site’s purpose is with photos, a feature called “Become a model or an Actor” and three navigation tabs at the top for the types of people who may come to that site. The dullness of the gray and blue colors are offset with bright greens and purples to create interest. I think this site is nicely organized and well- thought out.

One Source Talent

The second site (creative placement) is pretty bare bones. It lacks interest and organization. I’m not sure anyone visiting their site would bother to read the long paragraphs. Instead of putting photos of their present or future clients they have pictures of their office.

Creative Placement

The Commercial Talent site is a newer site that kind of misses the point as far as what they are. Are they looking for actual people? I see a helicopter, a city and grass. Not sure what I’m looking at here.

Commercial Talent Agenciy

 

The CTG site is very simple but much more sophisticated at communicating with photos what they are and what their mission is. They have a nice three line explanation of what they are- they’re located in LA and New York and they have clients with pretty faces. I think the blue color overlay on the site is a nice touch.

Clear Talent Group

3D Slider

 

Clark, Katherine – Assignment 11

Kelly’s redesign of the Platinum Hotel: First of all – I think the color choice with the background really works with the photo and creates a very cohesive look. The light typeface she chose really helps to convey the modern feel of the hotel in general. The organization of the navigation is good (missing a separator on top bar). The photos are tasteful and well composed- I also like the addition of the video tour. I particularly like the slanted  photos at the bottom which ties in the slant of the hotel logo container.  in all, I think Kelly did a fantastic job in this one- the design is well done and the content is kept clean, neat and uncluttered.

Isotope

Clark, Katherine – Assignment 10

 

http://fakeimg.pl/

Fake Images is a site that aims to assist a developer or designer with templates by providing an image to insert as a placeholder until the image can be provided. You already know the size of the image, so why go through the trouble of making them when Fake Images has already done it for you? Just point to their site in your code and enter the size of the image : <img src="http://fakeimg.pl/250x100/">.

Something I found while looking is Hexaflip.

It’s got potential for a 3D portfolio- square images look flat until you click and flip boxes to the side and up and down. Look at other projects on the Oxism site. There are some cool interactive folding images that act as brochures called Oridomi and a method of diagonally skewing images called Maskew.

Sadie Nash Scroll

 

Clark, Katherine – Assignment 9

  1. Please post an entry on the blog of at least three sentences. Find a site made with flash and describe what you like about it.

Grip Limited website  – Grip Limited is a promotions/marketing ad agency with a fully interactive Flash site.

The site’s vertically aligned menu site separates each nav item into collapsible, scrollable columns. The white back ground with limited color palette of black and  orange bold type  is visually striking (although – I think this format is a little difficult to read) and mixes simple, humorous infographics (how much coffee they drink, what types of dogs they own) with their portfolio . It shows they know what they’re doing (hey, Acura is one of their clients) and they have a sense of humor at the same time. sounds like a great place to work.

 

2. Flash animation

HowardHughes

Clark, Katherine – Assignment 7

The Clocksmiths

The ClockSmiths

 

The Clocksmiths are a two person team of web and branding/ identity designers. The site is both in the parallax and responsive format and I think it is arranged and designed beautifully. It’s providing me with a ton of ideas about how to design my own site.

Color:   What makes this site stand out is the use of a simple monochromatic pallete with a copper accent color (which is sparingly used). Simple color blocks create divs and arrange the information.

Language: The designers have two sites, one in Italian and the other in English (there are times when both languages are used)

Portfolio: I’ve been looking at good portfolio sites to model my own after and this one is brilliant. The designers solve the problem of being able to show print publications by using gif animations to show the project in it’s entirety, a single photo never does something like that justice.

Navigation: I think it was fine to rotate and move the nav to the left and right side of the screen with small indicators that serve as breadcrumbs – they trigger full screen pullouts which display more portfolio work. It simply makes the site more interesting. Sometimes I think it makes it a tad confusing though.

Mood: This is one of the pages of the site that I think is gorgeous. Simple blocks of images and animated gifs within the same color pallete. Just a nice thing to look at- I don’t think all of it is their work, I just think these are the things that inspire them.

Screen Shot 2013-04-02 at 11.34.53 PMScreen Shot 2013-04-02 at 11.36.27 PMScreen Shot 2013-04-02 at 11.37.10 PM

Overall, I enjoy this site’s simplicity and navigation on top of the Clocksmith’s design ability.

 

Here is my facebook page:

Final page

Clark, Katherine – Assignment 6

Gallery Demo

Moon Demo

Sequence JS Slider

Game Salad

 Game Salad online – second try- uploaded.

Clark, Katherine – Assignment 5

1. Make a jQuery

2. Create an mailing list email.

Elvis-email

3. Create a Parallax site

4.Classwork

Clark, Katherine Assignment 4

I’ve always held the opinion, that while yes, it is essential that a web designer understand basic coding and know that developing a website can have it’s limitations.  A good designer, however, may not push to come up with a good, possibly out of the box design if they know they can’t or don’t have the knowledge or expertise to code it themselves. Designers are just that, designers. They should know how things work and maybe how things are built, but they shouldn’t have to also do the development- this is best left to someone who IS a developer. It’s like telling an architect to design a structure, and then having them go out and pour the concrete themselves. They may not know the best technique for building a concrete foundation because that is not their expertise.

Here is both the redesign and initial build.

 

Clark, Katherine Assignment 3

Las Vegas, The Bellagio

The original design is somewhat busy and unnecessarily complex. Lots of drop shadows and gradients and bevels. The navigation needs to be reorganized and prioritized according to what people are looking at this site for..

For the redesign, I moved the navigation to the left and flattened all of the elements. I feel that a site can look elegant and high-end, without all of the ornament. Although this was probably wrong, I also redesigned the Bellagio’s logo and flattened that as well. The whole site uses photography to communicate.

New simplified redesigned home page

New simplified redesigned home page

Slider moves out to reveal other navigation options. Less frustrating than drop downs. Slideshow at top rolls through different room photos.

Slider moves out to reveal other navigation options. Less frustrating than drop downs. Slideshow at top rolls through different room photos.

Navigation slides out to descriptions of the different attractions and rolls through a slideshow.
Navigation slides out to descriptions of the different attractions and rolls through a slideshow.

 

Clark, Katherine Assignment 2

Assignment 2

Clark, Katherine Assignment 1

Assignment 1