PROJECT 3 (Somerset)
Function
First, an animation starts up the project.
Then, the whole project starts. It is composed of pages in vertical way. There
are 4 sections.
You can either scroll up and down or press
the button to move to the section you want
Interaction Design: 1. Click Button. 2.
Scroll Up and Down. 3. Search by keyboard input. 4. If you click the SNS Icon,
you move to the according page.
Get user’s feedback by the Iphone section
they created. It’s a mobile version of real twitter.
Aesthetic
paper based texture, linear section divided
layout, square-oriented layout. Black and white color oriented.
The address section can be exposed by user’s
mouse drag.
The icons are images that usually printing company
uses.
Most of the clickable sections in the page include
a user-experiential design which usually performs an animation of ripping the
paper when clicked. It can be replaced when clicked again.
Meaning
Content:
Introduction of the site, Role of the team, Introduction
of the Team, Order section, Contact
Message:
The producers of this project liked the texture and function of the “paper” so they simply
printed out their webpage instead of designing the site by links and pages.
