KM05 Multifunctional Website design by Tomoatsu Hattori

Home > Winners > #54156


DESIGN DETAILS
DESIGN NAME:
KM05

PRIMARY FUNCTION:
Multifunctional Website design

INSPIRATION:
Studies show that, “the average person twists and turns in their sleep over 30 times per night”. With this in mind, our story was to create a scrolling action, showing the movement that humans conduct in their sleep.

UNIQUE PROPERTIES / PROJECT DESCRIPTION:
We linked the passing of time and the movement of a person with the scrolling of the mouse in order to express the person waking up from a pleasant sleep. In addition, each pushing of the button expresses each movement during sleep and the time advances according to the number of buttons pressed. Each image represents the person waking  up from a comfortable sleep. We aim to enhance the understanding of the users of our product by presenting the product in a bold and striking way.

OPERATION / FLOW / INTERACTION:
We linked the passing of time and the movement of a person with the scrolling of the mouse in order to express the person waking up from a pleasant sleep. In addition, each pushing of the button expresses each movement during sleep and the time advances according to the number of buttons pressed. Each image represents the person waking up from a comfortable sleep.

PROJECT DURATION AND LOCATION:
After the creation of a website, initial launch was conducted in Japan. In last July, we visited several home furnishing stores and bedding stores in New York and Los Angeles. During this visit, we asked buyers what they thought of our product. In the end of last August, we have exhibited at the NY Now expo in New York.

PRODUCTION / REALIZATION TECHNOLOGY:
Based on the fact of “a human on average turns over 30 times during their sleep” that is not well known in the world, we thought that it would lead to the purchase of the pillow, and decided on that as a concept. We tried to convey the message that this product will enable a person to enjoy a quality sleep by allowing smooth movements during their sleep and wake up feeling better than before. We linked the passing of time and the movement of a person with the scrolling of the mouse. In addition, each pushing of the button expresses each movement during sleep and the time advances according to the number of buttons pressed. Each image represents the person waking up from a comfortable sleep. In order to express that story, we picked up some models such as gymnasts and dancers, and finally we decided to model a cheerleading player. We verify details to see what form of the body looked like turning over, and shot many times.

SPECIFICATIONS / TECHNICAL PROPERTIES:
We linked the passing of time and the movement of a person with the scrolling of the mouse in order to express the tossing and turning during sleep. In addition, every time you pressed the button at the center of the page, expresses each movement during sleep and the time advances according to the number of buttons pressed. In order to express the tossing and turning person during sleep flying freely on the screen, we cut out the background of 60 photos and to transparent them, and implemented them above the contents. We prepare a cache in advance, because it used many images. So even in slow processing environment on PC, we devised to make images easy to load. We implemented details to get people who saw the site feel the atmosphere of sleep, such as parallax according with the scrolling of the mouse, waveform of background and easing when moving between sentences.

TAGS:
Web, Graphic, Product, Design, Branding, Sleep, Pillow, Twists, Turns, Scrolling

RESEARCH ABSTRACT:
Sleep deprivation causes an economic loss of 60 billion dollar in the United States and 35 billion dollar in Japan. Pillows usually don’t get much attention as a product, but since humans spend 1/3 of their day asleep, quality of sleep is an important issue that should receive more attention.

CHALLENGE:
We linked the passing of time and the movement of a person with the scrolling of the mouse in order to express the tossing and turning during sleep. In addition, every time you pressed the button at the center of the page, expresses each movement during sleep and the time advances according to the number of buttons pressed. In order to express the tossing and turning person during sleep flying freely on the screen, we cut out the background of 60 photos and to transparent them, and implemented them above the contents. We prepare a cache in advance, because it used many images. So even in slow processing environment on PC, we devised to make images easy to load. We implemented details to get people who saw the site feel the atmosphere of sleep, such as parallax according with the scrolling of the mouse, waveform of background and easing when moving between sentences.

ADDED DATE:
2017-02-21 04:48:36

TEAM MEMBERS (13) :
Client : Kitamura Japan Inc. , Creative Director : Tomoatsu Hattori , Art Director : Yasunobu Hideshima , Graphic Designer : Yasunobu Hideshima, Web Designer: Fumitaka Nakamura , Markup Engineer : Ryohei Tsuji, Markup Engineer : Shinnosuke Hosokawa , Copywriter : Hidenori Iwata, Sound Organizer: Atsushi Shimazaki , Photographer : Kenji Mutoh at LUCKIIS Inc., Photographer : Chisato Nishikawa at LUCKIIS Inc. , Special thanks : Shukutoku University’s Cheerleading Club and

IMAGE CREDITS:
STUDIO DETAILS Inc.

PATENTS/COPYRIGHTS:
Kitamura Japan Inc.

Visit the following page to learn more: http://www.details.co.jp/
VOTE FOR THIS DESIGN

VOTE FOR THIS ENTRY

CLIENT/STUDIO/BRAND DETAILS
NAME:
STUDIO DETAILS Inc.

PROFILE:
A design firm based out of Nagoya, Japan specializing in graphic, web, and product design.

NOMINATION DETAILS

Km05 Multifunctional Website Design by Tomoatsu Hattori is a Nominee in Website and Web Design Category.

· This project is currently confidential as results have not been announced yet. Images and further details of the project is not available for public yet, please check back later. If you are the owner of this design, please login to view the images.

· The profile and other works by Tomoatsu Hattori is also kept secret. This information will also be available later.
AWARD DETAILS

Km05 Multifunctional Website Design by Tomoatsu Hattori is Winner in Website and Web Design Category, 2016 - 2017.



· Press Members: Login or Register to request an exclusive interview with Tomoatsu Hattori.

· Click here to view the profile and other works by Tomoatsu Hattori.
SOCIAL
+ Add to Likes / Favorites | Send to My Email | Comment | Testimonials | View Press-Release | Press Kit
See other A' Design Award and Competition WinnersA' Design Award Presentation Submit Your Designs
 
design award logo

BENEFITS
THE DESIGN PRIZE
WINNERS SERVICES
PR CAMPAIGN
PRESS RELEASE
MEDIA CAMPAIGNS
AWARD TROPHY
AWARD CERTIFICATE
AWARD WINNER LOGO
PRIME DESIGN MARK
BUY & SELL DESIGN
DESIGN BUSINESS NETWORK
AWARD SUPPLEMENT

METHODOLOGY
DESIGN AWARD JURY
PRELIMINARY SCORE
VOTING SYSTEM
EVALUATION CRITERIA
METHODOLOGY
BENEFITS FOR WINNERS
PRIVACY POLICY
ELIGIBILITY
FEEDBACK
WINNERS' MANUAL
PROOF OF CREATION
WINNER KIT CONTENTS
FAIR JUDGING
AWARD YEARBOOK
AWARD GALA NIGHT
AWARD EXHIBITION

MAKING AN ENTRY
ENTRY INSTRUCTIONS
REGISTRATION
ALL CATEGORIES

FEES & DATES
FURTHER FEES POLICY
MAKING A PAYMENT
PAYMENT METHODS
DATES & FEES

TRENDS & REPORTS
DESIGN TRENDS
DESIGNER REPORTS
DESIGNER PROFILES
DESIGN INTERVIEWS

ABOUT
THE AWARD
AWARD IN NUMBERS
HOMEPAGE
AWARD WINNING DESIGNS
DESIGNER OF THE YEAR
MUSEUM OF DESIGN
PRIME CLUBS
SITEMAP
RESOURCE

RANKINGS
DESIGNER RANKINGS
WORLD DESIGN RANKINGS
DESIGN CLASSIFICATIONS
POPULAR DESIGNERS

CORPORATE
GET INVOLVED
SPONSOR AN AWARD
BENEFITS FOR SPONSORS

PRESS
DOWNLOADS
PRESS-KITS
PRESS PORTAL
LIST OF WINNERS
PUBLICATIONS
RANKINGS
CALL FOR ENTRIES
RESULTS ANNOUNCEMENT

CONTACT US
CONTACT US
GET SUPPORT

Follow us : Twitter Twitter | Twitter Facebook | Twitter Google+.
Share |