Espresso Machine Done!


Screen Shot 2015-06-10 at 11.36.10 AM


What I’m Doing


I’m going to be using waypoints, javascript, and maybe a plugin for a line animation.


Website Review

Hello! for my website/product review, I chose AIAIAI. The product they are trying to sell are headphones, and some accessories that complement the headphones. The website itself is very interactive, not too much though, which is really awesome! The way the site is constructed reflects the high energy of music making. The type choices are really great. It communicates playfulness, but also modern.

Hi-res images are used to display the products and their use of the off-center grid makes the site really dynamic. The site also uses one pop of color. Blue! It’s an electric blue that gives off an energetic vibe, perfect to get people excited. It communicates the experience by letting viewers/visitors/customers build their own headphones. When you set off to build your own, it also gives you technical information about the bass or treble power, it also has specs information, such as frequency response and sound pressure level.

The character of the product is energetic, technical, detailed and quality/professional. I think the site is definitely meeting it’s objectives. It appeals to those who are interested or aspiring to make music and professionals (DJs, etc). The site also does a wonderful job in building more excitement by including real musicians, DJs and artists that are using this product into the site. If I was a musician, I would definitely be excited and inspired to buy this product.

Screen Shot 2015-05-19 at 9.33.39 PMScreen Shot 2015-05-19 at 9.34.35 PM Screen Shot 2015-05-19 at 9.34.16 PMScreen Shot 2015-05-19 at 9.35.10 PM Screen Shot 2015-05-19 at 9.34.55 PM Screen Shot 2015-05-19 at 9.36.01 PM Screen Shot 2015-05-19 at 9.36.10 PMScreen Shot 2015-05-19 at 9.36.50 PM    Screen Shot 2015-05-19 at 9.56.40 PM

Espresso Machine Comps

Page 1                                                                                Page 2

Screen Shot 2015-05-17 at 11.52.10 AM Screen Shot 2015-05-17 at 11.52.18 AM

Page 3                                                                                Page 4

Screen Shot 2015-05-17 at 11.52.27 AM Screen Shot 2015-05-17 at 11.52.35 AM

Page 5                                                                                Page 6

Screen Shot 2015-05-17 at 11.52.43 AM Screen Shot 2015-05-17 at 11.52.52 AM

Page 7                                                                                Page 8

Screen Shot 2015-05-17 at 11.53.12 AM Screen Shot 2015-05-17 at 11.53.22 AM

Page 9                                                                                Page 10

Screen Shot 2015-05-17 at 11.53.30 AM Screen Shot 2015-05-17 at 11.54.34 AM

Project 1 Reflection + Project 2 Comps

Project 1 Thoughts

I had big dreams for project 1, but I couldn’t get some of the effects to work. Overall though, I am happy with what I achieved. I managed to get the pages to look like my comps, and it was a lot quicker writing the css codes compared to last term. When something doesn’t look right, instead of guessing which tag I need to fix, I can now narrow it down to a couple possibilities.

I think I was having trouble in getting the plugins and the curtain effects to work because I didn’t have a full grasp of jQuery. I think I need to just do more research on how to get things working and trouble shooting as well as revisit the code academy jQuery lessons. After the first project however, I understand the data pixels (how to create a curtain effect) better, than when I started the project. But I do really want to work on getting the rest of the plugins to work, because I want this project to be in my portfolio.

Project 2 Comps

Screen Shot 2015-05-13 at 1.51.05 AM Screen Shot 2015-05-13 at 1.50.52 AM Screen Shot 2015-05-13 at 1.51.14 AM