実技 デザイン総合制作実習④
第5回成績考査
課題
ポートフォリオサイト
ポートフォリオサイトのポイント
- スマホでの閲覧も視野に入れ、トップページ1枚に伝えたい情報をまとめることで、スクロールするだけで必要な情報が見られるようにした
- サイトの基本構成は、固定ページ2枚(トップページ・作品詳細ページ)と、訓練日記ブログ
(プラスアルファとしてバナー模写の固定ページ1枚) - 情報にスムーズにアクセスできるよう、複数の導線をつくった。また、ナビゲーションメニューを固定し、どこからでもアクセスできるようにした
- 掲載作品は見せたい作品に絞った上で、モックアップを使用した。また画像サイズを統一することで見やすくなるようにした
- 「Works」では、作品画像・キャプションどちらをクリックしても作品詳細へジャンプする。スマホでの閲覧ではホバーが表示されないため、「詳細へ」の記載をしてクリックできることがわかるようにした
- 使用したアイコンは、同じトーンに加工し、統一感を持たせた
- ロゴマークを制作し、ファビコンとして使用した
- 似顔絵はiPad(procreate)を使用して制作した
- 訓練日誌には、毎回アイキャッチを制作して掲載した

