Webデザイナーとして働く際、自分をアピールするのに最も大切なのがポートフォリオWebサイト。今まで作った作品や自分がどんな人間なのか、何ができるのかを紹介するサイトを作っておけば、就職活動にも大変役立ちます。ここではポートフォリオWebサイトを作る際のポイントや素敵なポートフォリオサイトを紹介します！

↑私が10年以上利用している会計ソフト！

ポートフォリオWebサイトを作る時のポイント

1. 自己紹介

自分は何者なのか？何ができるのかをわかりやすく完結に紹介します。あまりダラダラ書いても読まれない確立が高いため、大きめのフォント・短い文章で紹介すると効果的です。

• 「自分はWebデザイナー」という事をはっきり書く
• 自分ができることをわかりやすく表記。Photoshop, Illustrator, HTML, CSS, Flash, WordPress, SEOなどなど
• どこに住んでいるか？
• 実務経験があれば年数、書ければ会社名を
• 学校に行った人は行った期間、書ければ学校名を
• 履歴書をアップロードしてもOK（個人情報漏れすぎ注意）
• 過去に受賞した賞や掲載された雑誌があれば紹介する

自分のスキルをわかりやすくリストアップ

履歴書をダウンロードできるようにしているサイトもあります。

2. 制作実績

一番大切なのが制作実績。ひと目で「おっ！」と思われるように工夫しましょう！

• 大きめのスクリーンショット画像を
• 最低でも３作品準備
• URLも忘れず記載。実際にサイトを見てもらう事が大切
• そのサイトを制作した際、自分が何をしたのか完結に書く。Webデザイン、コーディング、Flash ActionScript、マーケティングなどなど
• 制作したサイトの簡単な説明文（長過ぎ注意）
• いつ制作したのか
• Webサイトだけでなく、ロゴ、パンフレットデザインなども
• クライアントからの感想があれば一諸に掲載する

大きいサイズのスクリーンショットは迫力があります。

3. コンタクトフォーム

簡単に連絡とれるようにするのも大切です。採用担当の人がこのフォームから連絡をくれるかもしれません。Eメールアドレスを表記するだけだとコピペする手間がかかるため、フォームをおすすめします。

• 問い合わせページへのリンクを目立たせる
• 絶対にエラーを出さない！ちゃんと動作するか、何度も確認しましょう

コンタクトフォームのデザインもぬかりなく！

4. ソーシャルネットワーキングサイト

自分が参加しているSNSを紹介しましょう。自分がどんな人間なのか、どんな友人がいるのか深く知ってもらえます。Twitter, Linked In, Flickr, Mixi, Facebookなどなど。

• アイコン画像を使ってひと目でわかるようにする
• 個人的すぎると思ったら掲載しない
• 掲載するからには見られても恥ずかしくない内容にする

SNSは一箇所にまとめてわかりやすく。

5. その他

上記以外に気を付ける点。

• もし実際にクライアント用のWebサイトを制作したことがないなら、CSSテンプレート、WordPressテーマ、アイコンセット、Twitter背景画像などアピールできる作品を作っておく
• 広告・アドセンスはなるべく載せない
• 可能であれば他の言語でも紹介する

素敵なポートフォリオWebサイト集

うっとりするようなポートフォリオWebサイトを紹介します。そのままパクるのではなく、参考になる部分は取り入れて自分らしいサイトを作りましょう！

N.Design Studio

http://www.ndesign-studio.com/

Brad Candullo

http://www.bcandullo.com/

Leetside

http://leetside.com/

NINE LION

http://www.nineliondesign.com/

Toby Powell

http://www.toby-powell.co.uk/

Erskine Design

http://erskinedesign.com/

Guillaume Pacheco

http://www.gpacheco.fr/

Matt Dempsey

http://www.mattdempsey.com/

Webgrapes

http://www.webgrapes.it/

Michela Chiucini

http://www.colazionedamichy.it/

みなさんのポートフォリオWebサイトもぜひぜひご紹介ください！