WEBサイト制作
パンダカフェ茶の花
◆実在する店をコンセプトから考えて作りました。
◆素材は、Illustratorで作ったものを多く使い、
タイトルを筆文字で書き、コントラストを弱めた
配色にしたり等、温かみのある"和"のテイストを
感じられるように表現しました。
---------------------------------------------------
パンダカフェ茶の花(スマートフォン)
◆スマートフォン向けのサイトを作りました。
◆作る際に、何を削り 何を残すか 新たにコン
テンツなどを付け加えるか 等、サイト制作
の目的を再確認しながら作りました。
---------------------------------------------------
パンダカフェ茶の花(カスタム)
◆ナビゲーションの部分を動きのあるナビに
してみました。
-------------------------------------------------
ケーキショップ
◆課題の架空店舗のサイト制作です。
◆html CSS JQueryのベーシックな構造の理解を
深めるために取り組みました。
◆ビルボード画像は既存の写真素材を加工 装飾
して作りました。
-------------------------------------------------
G-SHOCK
◆ナショナルクライアントに取り組みました。
トップページだけですが、サイトのデザイン
レイアウト、機能の実装 (JQueryのカスタマ
イズとCSS3の設定)、オリジナルのコンテンツ
作成等など幅広くスキルアップできました。
-------------------------------------------------
椿山荘
◆ナショナルクライアントに取り組みました。
機能の実装 (JQueryのカスタマイズとCSS3の
設定)、フォントの使い方 レイアウト 各要素
間の余白のとり方 雰囲気の魅せ方等など、色々
と学ぶことができました。
-------------------------------------------------
スマートフォンサイトの課題演習
◆スマートフォン向けサンプルサイトです。
◆イラスト以外の部分はすべてCSS3で
コーディングしました。
画像データを大幅に削減できました。
-------------------------------------------------
スマートフォンサイトの課題演習
◆スマートフォン向けサンプルサイトです。
◆CSS3で簡単なアニメーションを作りました。
次は、より複雑で動きのあるプロモーション
用ページに挑戦してみたいと思います。
-------------------------------------------------
チ ラ シ 制 作
大感謝祭のチラシ
◆初めて作ったチラシで、タイトル文字を筆で
書いてみたり、解像度や印刷設定等の部分の
知識をつける必要がある等、色々な発見が
できました。
-------------------------------------------------
宴会宣伝チラシ
◆春らしく やさしい柔らかいイメージが伝わるよ
うに全体的に同系色で彩度の低い配色にしました。
◆各要素間の余白を広めにとり、窮屈さをなくし
落ち着いた印象になるようにしました。
-------------------------------------------------
ご意見・ご指摘をお寄せください。