アットウィキロゴ

ポートフォリオ




  • ポートフォリオ用のWordPressテーマ集

Web業界で言う「ポートフォリオ」とは、自分の作品集のことです。

ポートフォリオの内容例

    * 画像:サイトの場合はスクリーン キャプチャ
    * URL:ネット掲載している場合
    * 担当パート:共同制作のとき
    * 要件:ある場合
    * 目的:販売促進や資料請求アップなど制作の目的
    * コンセプト
    * 制作時間
    * 素材の作者名と元画像:利用したとき

ウェブサイト版と印刷版

Web業界のポートフォリオは、ウェブサイト版と印刷版の2媒体を用意しましょう。
ウェブサイト

ポートフォリオをウェブサイト化して、サーバにアップロードします。

求人応募するときにサイト アドレスを伝えれば、書類選考の材料になります。
印刷

面接する場にPCがないこともあります。ノートPCやタブレットを持参できないなら、印刷してファイリングしておくと良いでしょう。

見る側に対して?マークを出させてはポートフォリオの意味がありません。
ポートフォリオとは自分を売り込むためのツールです。
  • ポートフォリオWebサイトを作る時のポイント

  • おっ!と唸らせるポートフォリオの作成ポイント

  • 自分専用のポートフォリオページを作れるWebサービス ? JAYPEG
Facebookアカ必須

  • ポートフォリオとは

  • ポートフォリオの作り方


  • 「面接でポートフォリオが必要ですが、意味が分かりません」
ポートフォリオは「自分の今まで作成した作品をまとめた冊子」です。
唯印刷したものをファイルに収める形でもいいとは思いますが、ある程度の見やすさも考えて冊子に収めた方がいいようです。
また、作品のデザインの意図やそのデザインに至るまでのラフなんかもあるといいようですよ。

ポートフォリオは制作者の製作スキルがどの位なのかを知るために持ってきてもらう様です。
私は、「自分を売り込む為のアイテム」として必要と言われなくても、自分をアピールするために面接には必ず持参しました。

また、何もないよりは、卒業制作だけでもまとめて簡単にプレゼン出来る様にして臨むと、突然「どうしてこういうデザインにしたの?」と聞かれたときに困らなくて済むかと思いますよ。

  • 「ポートフォリオの作品について、公式の絵など。」
私の場合は、オリジナルのイラスト、キャラクターデザイン、素材を制作しました。
また実際にサイトを構築してWEB上に公開していました。
その際、どのイラストはいつ描いて何時間かけたか、どのサイトは企画から公開までにどれくらいかけてどの部分を自分が担当したかなどを明記しました。

また、イラストや素材の制作であればポートフォリオのデザインを見てのびしろがある人を見ます。

  • 「webデザイナーの転職。ポートフォリオについて。私は今webデザイナーではあるので...」
ポートフォリオはWebデザイナーの力量や、
いままで携わってきた仕事内容を見るものです。

架空サイトをみて、デザイン力などは分かるかも
知れませんが、制作会社はそこが見たい訳じゃありません。
そこは制作に携わっているなら出来て当たり前ですから(笑)

例えばある企業のHPでブランディング力が弱く、SEO的にも何ら
対策をされていないHPであったが、業界の強みを生かしたHPにし、
ユーザーのフレキシブルさに対応した○○を構築。
SEOを見直しSEMとの連動、LPOサイトの構築などを・・・。

などを見るために「ポートフォリオ」が必要なんですよ。




    • ホームページ展示場



    ・ポートフォリオの作り方がわからない
    ・どの情報を載せればいいの?
    ・どのように作れば目を引けるんだろう?
    ・いいポートフォリオってどんなのだろう?

制作を始める前にこのような疑問が浮かび上がると思います。
そこで今回は就活に必須となる、ポートフォリオの作り方について解説します。
ポートフォリオとは?

web制作会社にデザイナーとして就職するには、ポートフォリオが必須です。

そもそもポートフォリオとは何か。

ポートフォリオとは、もともとは「紙挟み」「作品集」という意味です。
webデザイナーのポートフォリオというと、デザイン力や技術スキル、制作実績などを載せた自分をアピールするための作品集を指します。

企業側はこのポートフォリオを元に、PhotoshopやIllustrator,Fireworksなどのアプリケーションがどの程度使えるのか、デザインセンス、制作実績などの情報を確認します。
ポートフォリオの構成
自己紹介

自己紹介

    ・名前、実務経験などの一般的な自己紹介
    ・自分のスキルについて表記。Photoshop,Illustrator,HTML,CSS,JavaScriptなど
    ・職歴、経験年数
    ・学校に通った人は学校名、通った期間

上記以外にもアピールできそうなものは積極的に載せてしまいましょう。
制作実績

制作実績

ポートフォリオを作成する上で一番力を入れるべき項目です。

自分の実績をアピールする項目なので、URLとスクリーンショットを並べるだけではインパクトに欠けます。

就職活動の場合には、そのサイトのコンセプトやどんな技術を使っているのかなどを載せていないとそのサイトの魅力を十分に伝えきれなくなってしまうので制作実績のレイアウトはとても重要です。
スクリーンショット

制作したサイトのスクリーンショットを載せます。

1枚のスクリーンショットを大きく表示させて迫力をだしたり、数枚に分けて載せたりなど、サイトによって使い分け、そのサイトの魅力を最大限に引き出せるようなレイアウトにしましょう。
URLの記載

URLも必ず記載します。

画像で見た場合と実際にサイトに訪れた場合では印象が違いますし、JavaScriptやFlashなどを使用している場合にはURLが記載されていないと伝わりません。
必ずURLは記載するようにしましょう。
使用した言語やソフト

そのサイトを作るにあたって使用した言語やソフトを記載します。

HTML,CSS,JavaScript,PHP,Flash,Photoshop,Illustrator,DreamWeaver,Fireworksなど。
自己紹介でも自分のスキルを載せますが、ここにも載せることによってどのレベルまで使いこなせるのかをアピールすることができるので、できるだけ記載するようにしましょう。
担当箇所

サイトの一部分を担当した場合は自分がどこを担当したのか簡潔に記載します。
制作期間

制作にかかった期間を大体で構わないので記載します。

web制作に限ったことではありませんが、技術はもちろん作業スピードもとても重要です。
制作期間を載せれば大体の作業スピードが分かるので書いておきましょう。
コンセプト

サイトを作る前に必ずコンセプトを決めると思います。
そのサイトについてのコンセプトや説明、こだわった箇所など、簡潔に説明しましょう。
コンタクトフォーム

採用担当者の人と簡単に連絡が取れるようにするためのフォームです。
ポートフォリオを見て興味を持ってくれた場合などは、フォームから連絡が届くことがあります。
なのでメールアドレスを記載するだけではなくフォームがあると連絡をスムーズに取ることができるようになります。
[[SNS]](ソーシャル・ネットワーキング・サービス)

SNSを通じて自分がどんな人なのかを知ってもらうために記載します。
※しかしプライベートの内容ばかりだとアピールにならないのでその場合は逆効果になってしまう
最終更新:2014年01月23日 16:28
ツールボックス

下から選んでください:

新しいページを作成する
ヘルプ / FAQ もご覧ください。