sutudio nob-san

  • home >
  • design >
  • オリジナルグッズ紹介コンテンツ -feelingdays-
web
portforio

オリジナルグッズ紹介コンテンツ -feelingdays-

ツール
photoshop / illustrator / dreamweaver
技術
xhtml1.0 / css2.1 / css3 / jquery
ゴール
オリジナルグッズの紹介
制作期間
10時間
URL
http://studionobsan.jp/feelingdays/
詳細
デジタルハリウッドweb専科コースの卒業制作のためにブランド”feeling days”を立ち上げ、オリジナルグッズを企画し、それを紹介するコンテンツを制作しました。

レイアウトや背景およびデティールをガラッと変えましてグッズのイメージに合うコンテンツにデザインしました。
ECサイトのレイアウトを意識しながらも、作品イメージを反映したデザインにしています。
ヘッダーエリアのポートフォリオサイトにもどるボタンや、フッダーエリア付近のページ上部にスムーズスクロールするボタンなどは、ロールオーバー時にグラフィックが変わるなどこだわっています。
また、css3のドロップシャドーを使い風船の背景に便箋が置かれたイメージにしており、IE対策として、PIEを読み込んでいます。

>> feeling daysサイトはこちら

オリジナルグッズ個別ページ

オリジナルグッズの個別紹介ページです。
写真の撮影はお付き合いのあるECサイトの写真撮影をしているカメラマンさんに頼んで撮影をしていただきました。
私は必要カットをディレクションしまして、写真選定、レタッチなどを行いました。

通常のECサイトのセオリーではまず先にアイテムのメイン写真がくるのですが、このコンテンツでは販売しませんし、作家性を強くしたかったのでアイテムにあったストーリーを先にレイアウトしました。

そういった意味だと通常は左サイドのナビゲーションの充実や(例えばカテゴリー、シーンや、特集カテゴリーごとの導線をはる)、うるさいくらいにバナーが配置されていたり、サイト全体として賑やかな雰囲気をかもし出しすようにしますが、それらの要素を排除しています。

他のアイテムへの導線は左サイドのナビゲーションとページ下部にカルーセルスライダーを設置しています。

>>グッズ個別ページはこちら

サービス紹介ページ

ロゴデザイン

卒業制作課題で考案したオリジナルブランドfeeling daysのロゴです。

【ブランドコンセプト】

「feeling days に触れた人が、今この瞬間を感じ、前よりも笑顔が増えて、そして幸せになってほしい、そんな願いをこめて」

これはセラピストの学びからの着想です。
人間は過去にとらわれたり、未来の不安にかられたり、枠組みにしばられたりする事がありますが今この瞬間を感じ生きる事がすごく大切な事です。
思考や感情にとらわれているとその感覚を味わうのは難しかったりしますし、僕自身も時に難しく感じる事があります。

また、僕のミッションは人に喜んでもらい貢献していく事です
特に自分の行為が人に喜ばれた時にこれ以上ない喜びを感じますので、このようなブランドコンセプトになりました。

【デザインコンセプト】

ロゴデザインはナチュラルなイメージを出すために手書き書体にしました。
"i"は四葉のクローバーをイメージしていまして、幸せなイメージを表現しています。
ブランドカラーはアースカラーの茶系でナチュラルなイメージに合わせました。

Page Top

Copyright @ 2012 studio nob-san.All Rights Reserved.