目的・ビジョン・コンセプト

• 作った作品の展示
• 自分の得意分野の展示
  イラスト、漫画、エディトリアルデザイン（編集）、フォント
• 質より量、下手でも作ったものをたくさん載せる
  ↑成長の過程も見せることができる

ターゲット

• 雑誌・書籍の編集、製本、印刷会社
• デザイン、写真系のクライアント
• イラスト系クライアント

ページ構成

作品を見せる事を中心に、シンプルかつ楽しめるポートフォリオにしたい。
（見て楽しんでもらえるポートフォリオ）
作品を目立たせるためにサイト自体は色数少なく、二、三色くらいでまとめたい。

• トップ：スライダー、自動で動く奴が良い
• テキストアニメーションを入れたい
• ヘッダーは固定にしたい（私がすぐ迷うから）
• サイトの名前が表示されているタブのアイコンも自作のものにしたい
• 作品を目立たせるためにサイト自体は色数少なく、二、三色でまとめる

上記を踏まえて構成

• ホーム、プロフィール、作品ページ、ブログ形式授業まとめ
• トップページはスライダーがメイン、その下に新着順に更新履歴
• blogのような形で日々の授業の記録を入れる→何ができるか
• 別ページで過去の作品も入れる

ポイント①トップ；スライダー自動で動く奴が良い

常に作品が入れ替わり表示されることで目に付く作品数を増やしたい。
気になった作品があれば、作品ページに飛べるようにする。

スライダーはワードプレスのテーマでそういうものを選ぶか、
プラグインでも追加できる。
あとおしゃれな気がする。

ポイント②ブログの形で日々の授業の記録を入れる

自分が何を学んで何ができるのかを明確にする。
下手でも作品を入れるため。
授業の内容ごとにピクトブラムやバナーを作るなどして作品数も増やす。
自分でも後から見返しやすくなるようにカテゴリー分けできるようにしたい。

ポイント③レスポンシブデザインにする

PC、タブレット、スマホでも読みやすい文字組にすることを意識したい。
また、PCでもスマホでも見やすいUIにする。
→感覚的に操作できるもの：ゲームのメニュー画面なども参考にする

備考・その他

• 吉田ユニ
• ゆくゆくはポートフォリオから直接依頼を受けられるようにする
  →メール？になるのか？
• ローディング時のアニメーション

---

参考サイト

URL：https://s106.deau-ac.com/portfolio/
サイトトップのイメージが一番近い
URL：https://fukushimanaoki.com/
テキストアニメーションでこんなのがしたい
URL：http://www.yuni-yoshida.com/
ページを参考にするわけではないが作品で売り込むイメージはこれに近い
URL：https://webdesignclip.com/category/portfolio/
ポートフォリオサイトまとめ