Homework 2

Nav Bar 1

Original Menu 3
Original Nav Bar
Screen Shot 2015-03-02 at 4.25.09 PM
Edited Nav Bar
Screen Shot 2015-03-02 at 4.26.12 PM
Edited Code

Nav Bar 2

Original Menu 2
Original Nav Bar
Screen Shot 2015-03-02 at 4.43.19 PM
Edited Nav Bar
Screen Shot 2015-03-02 at 4.44.21 PM
Edited Code

Nav Bar 3

Original Menu 4
Original Nav Bar
Screen Shot 2015-03-02 at 4.27.43 PM
Edited Nav Bar
Screen Shot 2015-03-02 at 4.13.03 PM
Edited Code

Nav Bar 4

Original Menu 5
Original Nav Bar
Screen Shot 2015-03-02 at 4.28.00 PM
Edited Nav Bar
Menu Code (CSS)
Edited Code

Nav Bar 5

Screen Shot 2015-03-02 at 4.50.49 PM
Original Nav Bar
Screen Shot 2015-03-02 at 5.07.12 PM
Edited Nav Bar
Screen Shot 2015-03-02 at 5.09.33 PM
Edited Code

Homework 1

To Write Love On Her Arms (Non-Profit Organization)

Screen Shot 2015-02-24 at 5.08.14 PM

This slideshow requires JavaScript.

Pros:

  • The slideshow above menu shows current events/items that you may not have seen or looked for otherwise.
  • When you scroll down the menu bar moves and stays at the top of the page
  • When you minimize your browser the website looks more like the mobile site and is fully visible without scrolling

Cons:

  • Hover on certain things such as the menu and images is very subtle

TWLOHA Mobile Site:

This slideshow requires JavaScript.

Pros:

  • Looks very similar to the desktop website
  • Layout maintains some of the best features of the desktop website

Cons:

  • Menu is disorganized.
  • Wasn’t able to find the same pages that I looked at on my laptop.

The Joyful Heart (Non-Profit Organization)

Screen Shot 2015-02-26 at 8.52.58 PM

This slideshow requires JavaScript.

Pros:

  • Well organized
  • Easy to navigate
  • Links to social media
  • Links to donating/volunteering on main page

Cons:

  • If you minimize the browser you must scroll to see the whole page

The Joyful Heart Mobile Site:

This slideshow requires JavaScript.

Pros:

  • Same layout of desktop website
  • Designed to fit phone screen

Cons:

  • Menu bar font is small and almost unreadable
  • Everything is smaller in order to keep the layout of the desktop website which makes it a little cluttered and harder to read.

Buzzfeed (Social News and Entertainment Company)

Screen Shot 2015-02-24 at 5.01.52 PM

This slideshow requires JavaScript.

Pros:

  • Well organized
  • Page minimizes with browser
  • Links to social media and sharing

Cons:

  • Looks cluttered (especially when looked at in a minimized browser)

Buzzfeed Mobile Site and App:

This slideshow requires JavaScript.

Pros:

  • Mobile site and app have an almost identical layout.
  • Layout if very similar to the desktop website.
  • Easy to navigate.

Cons:

  • I encountered a lot of loading problems on the app.
  • If you leave the app mid article it brings you back to the top. If you leave mid quiz if starts it over.

Amazon (Online Shopping)

Screen Shot 2015-02-24 at 5.03.00 PM

This slideshow requires JavaScript.

Pros:

  • The slideshow below the menu shows current deals, promotions, and Amazon’s current products.
  • Customizes main page to the user. Shows items the user has looked at or items similar to those they have purchased.

Cons:

  • Page does not minimize with browser.
  • Very annoying to navigate when in a smaller browser.

Amazon Mobile Site and App:

This slideshow requires JavaScript.

Pros:

  • Both the mobile site and app are very similar to the desktop website.
  • Had same features as desktop website without looking or feeling cluttered.
  • Easy to navigate.

Cons:

  • Mobile site loads very slow.

Design Taxi (Global Creative Network)

Screen Shot 2015-02-24 at 5.02.30 PM

This slideshow requires JavaScript.

Pros:

  • Easy to navigate.
  • Page minimizes with browser.
  • Links to social media and sharing are easily accessed.

Cons:

  • A lot of advertisements which were annoying.
  • For a design website I would expect a better layout and look.

Design Taxi Mobile Site

This slideshow requires JavaScript.

Pros:

  • Main page shows websites current highlights first.
  • Menu is easy to find and navigate.

Cons:

  • They do not offer and app which could make their content more accessible.
  • Advertisements on mobile site are more inconvenient than on the desktop website.