sutudio nob-san

web
portforio

卒業制作用ポートフォリオトサイト

ツール
photoshop / illustrator / dreamweaver
技術
xhtml1.0 / css2.1 / jquery
ゴール
転職目的、アーティストとしての作品紹介・情報発信、技術の実験
制作期間
70時間
URL
http://studionobsan.jp
詳細
デジタルハリウッドweb専科コースの卒業制作課題に合わせて製作しました。
webクリエーターとしての転職活動として、またアーティストとしての活動の場として、そして技術の実験場として活用していきたいと思います。

レイアウト設計は基本に忠実に行いまして、白地に黒で余白を生かしてスタイリッシュな方向を目指してます。
その中で例えばロールオーバー画像にかわいいイラストをと入れたり、リストのマークを肉球にするなどして遊びをとりいれて、ちょっとくすっとするサイトをデザインしました。

>> ポートフォリオサイトTOPへ

フォトギャラリーページ

トイカメラのデジタルハリネズミで撮りためた写真を紹介するページです。
レイアウトのベースはトップページと同じで、配色のみ変えており、
写真は撮りためたものを100枚近く掲載しています。

また、このページの目的は下記になります。

  1. 簡単だがjqueryを導入
  2. 配色を変えることで別のデザインパターンを表現
  3. 私の好きな視点や感覚を知ってもらう

>> フォトギャラリーページへ

サービス紹介ページ

イラスト紹介ページ

趣味で描いているイラストを紹介するページ。
青空の美術館で作品を鑑賞するというコンテンツ。
作品をクリックするとポップアップでコンセプトが立ち上がります。

アピールポイントは下記になります

  1. カルーセルスライダーをアニメとして活用したアイデア
  2. そのグラフィックの作りこみです

>> イラスト紹介ページへ

ロゴデザイン

今回のために製作したポートフォリオサイトのロゴです。
studio nob-sanのロゴは猫をイメージして最後の"n"が尻尾になってます。
猫を選んだのは、なんとなく猫が好きだからです。気ままな生き方にあこがれてるのでしょうか・・・

サイトのイメージに合わせて、シンプルでスタイリッシュな雰囲気とかわいい雰囲気の両方を合わせ持つロゴデザインにしました。

Page Top

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