Useless Box Site Done…now with more self evaluation!

And done…self evaluation below the link.

 

 

I kept things pretty simple on this site and went for functionality over too much cleverness. I definitely struggled to come up with what I wanted to do on this site and I am not sure if it was the subject matter or something else, but creatively this was challenging…which is why ultimately I just leaned into functionality.

I haven’t used a “pre-boxed” system like fullpage.js for anything prior to this site so I figured to is as good a time to try and add working within a system like this to my tool box.

Overall im happy with it, it’s incredibly simple but still is a bit quirky. I had fun shooting the photos and making the video that is included.

Forgot to post comp

The final site ended up looking a bit different, but it’s close. here’s the comp I worked off of

What I am working on

I think I have my comps done now. My plan is to have all my html and css done before the next class so that I can start knocking out the jquery while I have folks around to ask questions.

 

I think primarily I am going to use either pagepiling or fullpage as the basis for my site. Thanks to those that posted those, they seem perfect for what I am trying to do.

 

 

Website Review

http://www.newjumoconcept.com/en/#home

 

I really like this site as an example of a well designed, pretty site. I don’t know that it impresses on me the need or desire to buy this lamp, or actually even gives me directions of where to get it if I want it. However, it does make me feel excited about a lamp, so that’s impressive in and of itself.

Also here are my comps

 

 

Comps and Project one synopsis

Project one:

Overall I am happy with the project. It looks and functions NEARLY exactly like i wanted it to. I wish there were more clickable events and things to explore within the site. Some easter eggs to discover would be nice. I agree with the statements that adding some texture would make it feel a little less flat.

Aside from those things I am generally happy with it. I think I did a fairly good job of composing the images as SVG and using them properly within the site.

 

 

Some example sites for my product site

Also some shots of the product

 

Breaking Bad finished site

Annotated comp

I thought I had added this already…but I had not. A little late in the game but this thing actually really helped me during this project

 

This is where I am right now. http://web.pdx.edu/~tyl3/342/BreakingBad/index.php

Getting closer!

Page Comps

Mockups and Links

I will likely use Skrollr http://prinzhorn.github.io/skrollr/

http://aerolab.github.io/midnight.js/ might work to change the periodic table letters and headings

http://intridea.github.io/sketch.js/ might be fun to put on the chalkboard

if I decide to make this side scrolling http://pazguille.github.io/horwheel/

I would like to have some sort of indicator of your progress through the site http://www.webdesigncrowd.com/demo/scrolling-progress-bar-6.23.14/