訓練日誌 95日目【成績考査】

WordPress

実技 デザイン総合制作実習④

第5回成績考査

課題

ポートフォリオサイト

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