Starbucks Coffee At Home

http://www.starbuckscoffeeathome.com/

Starbucks Coffee At Home.
It's a website for introduction of Coffee beans and coffee related information.

This is the homepage.
The whole website is simulating the writing on a blackboard, with great care for sounds and texture, also the transition between pages.


The preloader: a coffee maker filling with coffee and counting presentage.

This is a menu button. It is placed in the middle of the webpage and it would be filled with colors when you mouse-over it. I would like to try it.
However,the coffee bags' line right below has blocked some words, which makes some contents unreadable.

It's the test that's most interactive and interesting, can't wait to see the results!Let's start!

Step 1:pick a scent


Step 2:level of acidity

Step 3:level of creamy


Step 4: level of roast

Step 5: level of complexity


Finally,the result!
It really lured me to go directly to Starbucks and try!

The half-hidden coffee bags at the lower part of the webpage will rise and show up when you mouse over them. Some problems may occur when you are doing the picking best coffee test, as this line of coffee bags is so sensitive and it's very close to the button "continue", it may accidentally mislead you to another webpage while you are doing the test, which means you have to start over again!!!

This is another section clickable on the hompage.

It will randomly pick a coffee and show the details.


The third part on the webpage is to introduce the Pike Place Roast coffee.


Detailed information about Pike Place Roast.

The trasition between pages is simulating the erasing of words on the blackboard, with sound effects!
It's the same when new contents are shown.

All in all, the structure is simple and the navigation is easy to follow, which is quite user-friendly. Some flaws exist mainly on the lower line of coffee bags. Great sound effects stay consistent with the texture and the flow of the setting is smooth and reasonable.