PORTFOLIO

○Webサイトデザイン・コーディング

1. 美容室Webサイト（架空）

   

   制作時間

   企画・ワイヤーフレーム・ロゴ制作 約10時間
   デザイン 約20時間
   コーディング 約40時間

   使用アプリケーション

   XD、Illustrator、Photoshop、Visual Studio Code

   コンセプト

   市街地のおしゃれな美容室をテーマに、架空のWebサイトを制作しました。
   清潔感・スタイリッシュさを意識しつつ、
   見やすさ、わかりやすさに配慮して構成しました。

   画像をクリックするとサイトをご覧いただけます。

○広告バナー

1. タオル広告（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   国産タオル3枚セットの広告バナーをテーマに制作しました。
   清潔感を出すために白を多めに最低限の装飾にとどめ、
   吸水力と柔らかさは文字の縁取りの色で表しました。

   画像をクリックすると詳細が開きます。

2. サマーセール（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   女性向けアパレル販売ネットショップの広告バナーをテーマに制作しました。
   夏らしさを感じられるよう青と白をベースに、
   値引き率は黄色の円を使って目を引くように大きくしました。

   画像をクリックすると詳細が開きます。

3. シェアスペースのバナー（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   シェアオフィスの内覧予約受付の広告バナーをテーマに制作しました。
   4枚の写真に対して直角になるようひし形を配置し、
   その中に必要な情報を入れることで視線を誘導するよう意識しました。

   画像をクリックすると詳細が開きます。

4. 旅行パックのバナー（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   旅行プランのキャンペーンの広告バナーをテーマに制作しました。
   セット予約で割引をアイコンの使用によって効果的に伝えるよう意識しました。
   また、文字を縁取りにすることでアイコンとの統一感を出しました。

   画像をクリックすると詳細が開きます。

5. スポーツジムのバナー（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   スポーツジムのキャンペーンの広告バナーをテーマに制作しました。
   斜線で区切ることでスタイリッシュさを出し、
   青、グレー、白で引き締まった印象になるようまとめました。

   画像をクリックすると詳細が開きます。

6. 英会話教室のバナー（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   英会話教室の新学期キャンペーンの広告バナーをテーマに制作しました。
   企画の要旨であるポイントプレゼントは目立つ色で大きく配置し、
   そのほかの情報は写真に合わせてピンクと白で仕上げました。
   

   画像をクリックすると詳細が開きます。

7. モバイルバッテリーのバナー（架空）

   

   制作時間

   約3時間

   使用アプリケーション

   Photoshop

   コンセプト

   モバイルバッテリーの広告バナーをテーマに制作しました。
   背景と写真を重ねて配置することで商品が立体的に見えるようにしました。
   文字に影を付けて読みやすくなるようにしました。
   

   画像をクリックすると詳細が開きます。

※バナーの1～6は以下のサイトの課題を参考に制作しました。