MS Portforio

作品解説ページです。

画像をクリックすると各作品に移動します。

映画「ローグ・ワン/スターウォーズ・ストーリー」の宣伝サイトです。

コンセプト
SF映画らしい宇宙的な配色
作品を知らない人にも興味を持って貰えるようなデザイン
ターゲット
10代~20代男性
制作期間
1週間
ポイント
はじめに大きく画像を用いることで、インパクトを持たせようと思いました。
キャラクター紹介ページを別に作り、「トップページへ戻る」リンクを押した時に、
自動でページが閉じるように工夫しました。
制作経緯
職業訓練開始から1ヶ月目の初制作でした。
現時点で学んだことをフル活用して作成することを意識しました。
好きな映画作品ですが、公式サイトがあまりにシンプルだったために
少し自分なりにリニューアル出来たらと思い、手を付けました。

架空の法律事務所アンケートフォームです。

コンセプト
フォームタグとCSSによるコミカルな演出
ターゲット
10代
制作期間
1週間
ポイント
元の法律事務所サイトの雰囲気を少し維持しながら、
1つの項目ごとに、何かしらの効果や動きを入れることを目標としました。
制作経緯
職業訓練において制作した法律事務所サイトのアンケートフォームです。
練習という意味合いが強くあまり実践的ではありませんでしたが、
様々なタグやプロパティを組み合わせたことで関係性を把握する勉強にもなりました。
ページ内の画像をクリックすると法律事務所サイト本体に移動します。
そちらは訓練において例題を見よう見まねで作ったものなので自主制作物とは言い難いものですが、
連続した雰囲気の繋がりのために、敢えてそのまま残してあります。

架空のログハウス建築会社「ThreeWood」のサイトです。

コンセプト
ログハウスが持つ温もりや優しさが伝わるようなデザイン
明るく清潔感のある雰囲気
ターゲット
30~40代夫婦
制作期間
1週間
ポイント
トップページをスクロールしていくと、右上にボタンが登場して
すぐにページの一番上へ戻れるようにしました。
レスポンシブ対応も行いました。
作成したページリンクのみ文字が明るく表示されるようになっています。
制作経緯
ページ数やリンク数を大幅に増加させたことで
より実践的なサイト作りを目標として制作を行いました。

架空のケーキ店「慶喜」のサイトです。

コンセプト
ケーキという洋食の中に和を取り入れたデザイン
ケーキの写真を全面に押し出していくスタイル
ターゲット
ケーキや歴史が好きな20代男女
制作期間
4日間
ポイント
イメージ画像等をスクロールするようにしました。
一部ケーキ画像は自身でphotoshopにより加工を施しています。
制作経緯
訓練においてphotoshopも学んだので、
画像を加工してサイトに取り入れたいと思い制作を行いました。