Webデザイナーになりたい!就活に打ち勝つポートフォリオWebサイトの作り方

thumb_webdesigner

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



最新版書きました!こちらも参考にしてみてください。
ポートフォリオWebサイトを作ろう!2015年版

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

1. 自己紹介

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

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

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

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

2. 制作実績

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

  • 大きめのスクリーンショット画像を
  • 最低でも3作品準備
  • 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サイトもぜひぜひご紹介ください!

シェアする

コメント