WEB-PORTFOLIO OF  TAKUYA  OIGAWA

フェリカで学んだ半年間と、WEBマスターになるまで

webを学んだ半年間 筆文字のタイトル
ポートフォリオ
   WEBサイト制作 / チラシ制作 / 課題の作品と習得した事

WEBサイト制作

パンダカフェ茶の花

◆実在する店をコンセプトから考えて作りました。
◆素材は、Illustratorで作ったものを多く使い、
   タイトルを筆文字で書き、コントラストを弱めた
   配色にしたり等、温かみのある"和"のテイストを

 感じられるように表現しました。
---------------------------------------------------

HTML CSS
Illustrator
Photoshop
プラン

パンダカフェ茶の花(スマートフォン)

◆スマートフォン向けのサイトを作りました。
◆作る際に、何を削り  何を残すか  新たにコン
   テンツなどを付け加えるか 等、サイト制作
   の目的を再確認しながら作りました。
   
---------------------------------------------------

HTML CSS
Illustrator
Photoshop
プラン

パンダカフェ茶の花(カスタム)

◆ナビゲーションの部分を動きのあるナビに
   してみました。



-------------------------------------------------

HTML CSS
Illustrator
Photoshop
プラン

ケーキショップ

◆課題の架空店舗のサイト制作です。
◆html CSS JQueryのベーシックな構造の理解を
   深めるために取り組みました。
◆ビルボード画像は既存の写真素材を加工 装飾
 して作りました。
-------------------------------------------------

HTML CSS
Illustrator
Photoshop
JQuery

G-SHOCK

◆ナショナルクライアントに取り組みました。
   トップページだけですが、サイトのデザイン
   レイアウト、機能の実装 (JQueryのカスタマ
   イズとCSS3の設定)、オリジナルのコンテンツ
   作成等など幅広くスキルアップできました。
-------------------------------------------------

HTML CSS
Photoshop
JQuery

椿山荘

◆ナショナルクライアントに取り組みました。
   機能の実装 (JQueryのカスタマイズとCSS3の
   設定)、フォントの使い方 レイアウト 各要素
   間の余白のとり方 雰囲気の魅せ方等など、色々
   と学ぶことができました。
-------------------------------------------------

HTML CSS
Photoshop
JQuery

スマートフォンサイトの課題演習

◆スマートフォン向けサンプルサイトです。
◆イラスト以外の部分はすべてCSS3で
   コーディングしました。
   画像データを大幅に削減できました。

-------------------------------------------------

HTML CSS

スマートフォンサイトの課題演習

◆スマートフォン向けサンプルサイトです。
◆CSS3で簡単なアニメーションを作りました。
   次は、より複雑で動きのあるプロモーション
   用ページに挑戦してみたいと思います。

-------------------------------------------------

HTML CSS

チ ラ シ 制 作

大感謝祭のチラシ

◆初めて作ったチラシで、タイトル文字を筆で
   書いてみたり、解像度や印刷設定等の部分の
   知識をつける必要がある等、色々な発見が
   できました。

-------------------------------------------------

Illustrator
Photoshop

節電ポスター1

◆グリーン一色だけを使いシンプルでクリーン
   なイメージが届くようなデザインにしました。

◆訴求ポイントとして タイトルとアイコンを
   目立たせて、老若男女  誰が見ても節電効果の
   意識を促せるように表現しました。
-------------------------------------------------

Illustrator
Photoshop

節電ポスター2

◆違うバージョンも作ってみました。
◆配色 : 自然のイメージを連想させる青系の単色。
◆青色には心理効果として 集中力を高める、
 興奮を押さえ気持ちを落ち着かせる、といった
 効果があります。
-------------------------------------------------

Illustrator
Photoshop

宴会宣伝チラシ

◆春らしく やさしい柔らかいイメージが伝わるよ
   うに全体的に同系色で彩度の低い配色にしました。
◆各要素間の余白を広めにとり、窮屈さをなくし
 落ち着いた印象になるようにしました。

-------------------------------------------------

Illustrator
Photoshop

イベント誘致のチラシ

◆黒ベースの配色にして、料理の写真が際立つ
   ようにしました。
◆訴求ポイントは、写真を目立たせたレイアウト
   と筆文字のタイトルです。

-------------------------------------------------

Illustrator
Photoshop

新店舗オープンのチラシ

◆落ち着き 安らぎの印象を残せるデザインを
   意識して作りました。
◆全体的にトーンや彩度の低い色で、夜を連想さ
   せるような雰囲気にしました。

-------------------------------------------------

Illustrator
Photoshop

課題の作品と習得した事

ブログ
BLOG
開始日
: 2013年10月10日~
内容
  :  ブログでは、気になったスキル 考察ネタ
     シェアしたい情報などから、今後のWEB
     活動まで幅広く綴っていきます。
     
コンタクト
CONTACT

ご意見・ご指摘をお寄せください。