この記事ではポートフォリオサイトの作り方のポイントを、いかに仕事をとるかという観点から解説しています。6つの実例付き。この記事を読み終わる頃には、効果的なポートフォリオサイトを作成する準備ができているはずです。 デバイスでのパフォーマンス分析を自動化する新しいツールArm Mobile Studio, https://webdesigner-go.com/template/portfolio/, you can read useful information later efficiently. クリエイターの採用では、採用担当者自身もクリエイターというケースが多々あります。同じ職種の人に「自分にはこんなスキルがある」「課題に対してこんな解決方法を提案できる」といったことを表現するために必要です。 Copyright 2020 BELCY All Rights Reserved. ページ数が決まっているファイルだと、後ろのページを余らせてしまってカッコ悪いことになってしまいます。余らせないために、わざわざポートフォリオ自体のページ数を合わせないといけなくなると自由度が欠けてしまいます。, また、ページ数が調節できるファイルの良いところは、簡単にページの入れ替えができるところです。, ページ数が決まっているファイルに比べてお金はかかってしまいますが、せっかくのポートフォリオなので私はページ数が調節できるファイルをオススメします。, 私の場合、ファイルか製本でB4かA3で作っています。A4の方が手に入りやすいですが、サイズの大きい方が制作物が映えますし、面接時に広げた時にインパクトがあります。, これから作るポートフォリオの種類やサイズが決まったら、次は自分が今まで作った制作物をリストアップしてみましょう。, 学生の時は制作物の少なさが心配で、なんでもかんでもポートフォリオに入れてしまいがち。なので要注意です。もし少ないことが心配なら、見せ方で改善できます!, 私がいつもやっているのは、制作物の中から「メイン」を決めること。だいたい2、3個をピックアップします。そして、ポートフォリオの最初に一番見せたいものとして置き、1個の制作物につき4ページ以上はたっぷり使います。, それゆえ、メインとして載せる制作物はしっかり作った、自分の思い入れのあるものにします。, 仕事で作ったものはできないかもしれませんが、学生の自主制作物であれば尚の事いくらでも後から直せます!ポートフォリオに入れる前に「提出期限に間に合わせるためにちょっと雑なところが…」と思ったら直しちゃいましょう!, ポートフォリオの中に入れる制作物が決まったらデータを作ろう!と行きたいところですが、ちょっとストップ!, ここに目次、ここに写真、ここにテキストかな、っとだいたいのページの構成を書き出してみます。, この段階でなんとなくページ数が見えてくるので、制作物を載せる量を今一度見直してみましょう。, 学生さんにとって扱いやすいのは「Illustrator」だと思いますが、もしパソコンの中に「InDesign」が入っているなら「InDesign」を使うのがオススメです!, なによりも私がInDesignを使う理由は2番目にあげた動作が軽いこと。 たくさんのデザインを手がけてきたとしても、十個以内が現実的な掲載数です。 ポートフォリオと聞くとデザイナーさんをイメージしますが、僕も転職する際など見せれるものがあればいいなと思い、作成しました。 ... ・ 技術スキル ... アイコンはfontawesomeから探して使用していま … 当ブログ(デザインメモ)管理人の鈴木です。 解決方法と思考プロセス Step1のPoint1でも紹介していますが、ページ数が調節できるファイルがオススメです。, ファイルはどうしても見た目が普通で、ポートフォリオとして面白味に欠けてしまいまいます。そんなときは、ファイルに小細工をしてしまいましょう!, 自分で製本するのはちょっと大変ですが、その分オリジナリティが出せるので私の場合は結構自分でやっています。少し手作り感があるのもご愛嬌です(笑), 印刷から製本まで専門会社の頼むとお金がかかってしまいそうですが、完成度はこの中では一番ですね。, 先ほども紹介した「キンコーズ」では印刷した紙をもっていって裁断と製本だけやってくれたりします。そういったところを探して上手く組み合わせてみてもいいかもしれません。, ここまで、私が実際作った経験から流れやポイントを書き出してみました。 そして、ポートフォリオとは、これまで手がけてきた仕事や学んできたデザインを表現するための集大成であるべきといえるでしょう。, まずはレイアウトのサンプルとともに、載せておきたい項目・作品の順番・作品数など具体的なポートフォリオの作り方についてご紹介します。 今までの就活や転職などの経験から、私なりのポートフォリオの作り方やポイントをまとめてみました。なので、グラフィックやWebデザイナーさん向けですが、クリエイティブ業界全般の方にも参考になると嬉しいです。, ポートフォリオは場面によって他にもいろいろな解釈があると思いますが、この記事では「クリエイティブ業界へ就職するために、自分の制作物をまとめたもの」=「ポートフォリオ」と位置づけてお話ししていきます。, ネットで検索してみたり、学校で先輩のを見せてもらったり。本屋さんでも事例が載っている書籍もあったりします。いろいろ素敵なポートフォリオをみて、自分の作りたいポートフォリオをイメージしましょう。, Webサイトを作る場合もありますが、今回のポートフォリオは印刷物として話しを進めていきますね。, 比較的安く手に入るページ数(中の袋)が決まったファイルにしがちです。ですが、できればページ数が調節できるファイルにしましょう。 お褒めの言葉を頂き、とても嬉しいです^^ Webデザイナーであれば、市販されている商品の架空のサイトを作ってみました、のような見せ方でも構いません。 少しでも参考になったでしょうか。, ここまで読み進めてくださった方は「うっ、ポートフォリオって結構大変そうだ…」と感じたかもしれません。, ポートフォリオ制作=就活なので、就活自体も大変そう・辛そうとあまり良いイメージがありません。なので、私が専門学校にいた時は、多くの学生がポートフォリオ作りに取り掛かるのが億劫になっている印象でした。, 私がモノづくりをするときに大事にしていることでもあるのですが、とにかく「楽しむ」。, 嫌だなとか辛いとか思っていたら、そのまま自分の作っている物にも現れてしまうと思うんです。いざ、面接でポートフォリオを見せながらプレゼンしたときも、きっとポートフォリオ作ったときの思いの込め方次第で、プレゼンの熱も変わってしまいます。, かっこいいポートフォリオを作りたくて、いきなり手製本したり、ごってりオリジナルにするのは【特に初めて作る人は】NG!なぜなら、あまりわかってないうちに最初から頑張ってしまうと時間もかかり、途中で挫折しかねないからです。, まずは簡単にファイルにまとめるところから始めて、自分のポートフォリオをどんどんバージョンアップしておくことをオススメします。, ポートフォリオ以外に「おまけ」をつけるのも自分をアピールできるのでポイントです!今回は別紙でプロフィールと、イラストのポストカードを添付しました。もう少し時間があったら、もっと面白いノベルティみたいなものを作りたかったです!, ちなみに、2枚目の写真の右上は穴あけパンチの同じ要領で角丸が開けられる便利アイテム「かどまるPRO」。印刷屋さんで角丸加工すると結構かかってしまうので、おすすめアイテムです!, という気持ちで作っています。面接で広げた時、郵送で届いて開けた時、「おお!」と思ってもらえるのを想像しながら作るのも楽しいです。これもポートフォリオ作りを楽しむポイントかもしれません。, 鈴木:ちなみに私が学生のときは、最終的なポートフォリオを作るまでに計4冊ぐらいでした。最初は簡単に紙にレイアウトしてホチキスで留めた感じで、最終的なものは自分で製本してオリジナル!良いものが出来て、面接の反応も上々!制作も楽しめました!, デザイナー / Webデザイン、UIデザインなどWebに偏りがちですがとにかくモノづくりが好きな雑食です。HTMLやCSSも独学でやっていたり、ゆくゆくは何かしらプログラム言語を覚えたいと思っていたり。猫好きで実家には3匹おります。趣味は小学生から続けている書道。, すばらしいですね! ポートフォリオと聞くとデザイナーさんをイメージしますが、僕も転職する際など見せれるものがあればいいなと思い、作成しました。 https://nsuzuki7713.github.io/portfolio/ ただ、デザインスキルとかHTML/CSSも得意でない自分がどのように作成したかを書いておきます。 「毎日続けるフィットネス」をテーマに、見放題の動画コンテンツを配信。目玉コンテンツをわかりやすく配置しながら、運動時間とカロリー消費量を絡めて大きく表示することで運動に対するモチベーションを維持する仕組みを随所に盛り込んだ。, 自社のプロジェクトだとしても、ユーザーにどのような価値を提供するためのデザインなのか、デザインの目的や考え方を載せることが大切です。, デザインの仕事は、複数人でひとつのプロジェクトを担当することも少なくありません。 What is going on with this article? ポートフォリオと聞くとデザイナーさんをイメージしますが、僕も転職する際など見せれるものがあればいいなと思い、作成しました。 ポートフォリオとは、これまで手がけてきた仕事や学んできたデザインを表現するための集大成であるべきといえるでしょう。, 「デザインが好きだからWebデザイナーになりたい。でもまだ何も作ったことがありません」. ・課題から解決に向かうまでどのような思考でそこに行き着いたのか 形式:PNG 高品質なブラウザアイコンで、ChromeもIEも新デザインのものになっています。 Adobe CS5. ポートフォリオは自己表現のツールのため、決まったフォーマットがありません。そのためどうやって作ればいいのか迷うことも多いのではないでしょうか。 Esperamos poder llevar nuestra calidad de diseño japonés hasta México ¡Contáctanos ya! 『鬼滅の刃(きめつのやいば)』はなぜ人気?『ONE PIECE(ワンピース)』を超える異例... OneNote(ワンノート)の活用したい便利機能10選|共有、PDF、エクスポート、動画埋... ガントチャートのフリーツール12選|スケジュール、プロジェクト、工数管理に最適【テンプレー... Excel(エクセル)の共同編集機能を駆使してリモートチームワークをもっとスムーズに!. Close the search window, please press close button or esc key. イラストレーターも最近はデジタルでイラストを描くことがほとんどなので、タブレットやPCを持参して見せてもいいのではないでしょうか。 工夫をまとめた一言ポイントや、改善点を箇条書きにしても構わないので「デザインスキル」「伝える力」両方を意識したポートフォリオ作りを心がけてください。, ポートフォリオと言えばファイリングや製本したものが思い浮かぶと思います。ですが、最近では必ずしも紙のポートフォリオは必須ではなくなりつつあります。 かっこいいイラストは描けるけど、かわいいイラストはイマイチといった場合、無理にバリエーションを出す必要はありません。 後半では、ポートフォリオを作るうえで意識したいポイントと、企業が見ている項目についてご紹介します。, 上手くまとめられない、選考で不合格になってしまうなど、ポートフォリオ作りのお悩みに答えます。, 全体の構成とテイストが一目でわかるビジュアルを載せましょう。細部のデザインについては別枠を設けるなどして補足をします。 All Rights Reserved. 今はどうか知りませんが、1/4世紀前のわたしの学生時代は、ポートフォリオの作り方どころか、ポートフォリオというものがある、ということさえ、教えてもらえませんでした。 自分でポートフォリオサイトを構築する場合は、コーディングスキルをアピールできるという点でプラス要素になります。 次に、デザインしたサイトを実際に組み上げてサイトの形に仕上げることが必要です。 まずはポイント1の「デザインのスキルを見せる」ことが求められます。 作品はWebデザイン・ロゴデザイン・パッケージデザインなんでも構いません。 当たり前のことですが、担当した分野やスキルは正直に答えましょう。嘘をついて入社しても、スキル不足が露呈して後々自分を苦しめることになります。, 紙もWebも、基本的には上から・最初から順に見るので、スキルを積んだ直近の作品から見せていくのが良いでしょう。 ですが、Web上のポートフォリオ作成サービスなどを使用してもマイナスになることはありません。 また、応募する求人の業務内容に合わせて作成ができればさらにプラスです。 By following users and tags, you can catch up information on technical fields that you are interested in as a whole, By "stocking" the articles you like, you can search right away. 下記サイトで無料のテンプレートがあるのでこちらを使用させていただきました。 ・ 成果物 など。 作品数が少ない場合は、掲載用に作るしかありません。 コーダーやプログラマーでない限り、コーディングスキルはプラスαとして捉えておきましょう。, 最近では、面接であってもタブレットやPCを持参して作品を見せる人が増えています。 自社メディアを運用する企業であれば、WordPressの構築や改修ができる人材は評価が高い傾向にあります。, その作品やデザインは誰に向けてどのような点を意識して作られたものなのかを記載する必要があります。 そもそもポートフォリオとは何か、企業が見ているポイントや載せたほうが良い情報をまとめています。 採用する立場に立てれば、それこそ千差万別のポートフォリオを見ることになり、それをもとに自分のポートフォリオをブラッシュアップしていけます。 コメントありがとうございます! 紙を自分で用意するなら、レーザープリンタ対応していることを確認してから購入しましょう。, また、インクジェットと比べてレーザーはインクがにじまないのも特徴ですが、逆に高画質な写真などを表現できないことも…。試せる環境があれば実際に印刷してみて見比べてみてもいいかもしれません。, 「キンコーズ」というお店では、データを持ち込んで自分でレーザープリンタ印刷することもできます(セルフサービス)。もし、プリンタがない環境であれば利用してみては。, 一番簡単なのがポケットファイルに入れる方法。 量を増やすよりも、ひとつひとつの案件を丁寧に説明することの方が重要です。, 作品数が少ない場合 ポートフォリオは、自己紹介やプロフィールの代わりとして作成される作品例集です。建築や映像作品、デザイン作品など様々あります。転職活動などをする時に、ポートフォリオを作っておくと役に立ちます。作り方や作品例10選を紹介します。 ・デザイン https://fontawesome.com/, 僕はgithub.ioを使用しました。gitに登録して、設定から公開すれば完了です。, 中小SIer(2年7ヶ月) → Web系ベンチャー(10ヶ月) → フリーランスエンジニア(2018/10〜) ・コーディング 形式:PNG シンプルで可愛らしい、Adobeソフトのアイコンです。 自身の経験やスキルを判断できる事例は、漏らさずアピールすることが大事です。, ポートフォリオ作りには、二つの大事なポイントがあります。 ・最新のトレンドを取り入れた表現方法をしているか Illustratorで例え画像をリンクしたとしても、動作が重くなっていって泣きたくなります…。, この時、気をつけておきたいのは「紙」です。 ただしこれだけでは、ポイント2の「伝える力があるかを見せる」が満たせていません。, 企業は、デザインに対する情報整理力や説明力を総合的に見て「伝える力」があるかを判断します。 ポートフォリオサイトのデザインがなかなか決まらない!という方も多いのではないでしょうか。 今回は、そんな悩みを持つ方に向けて、ポートフォリオサイト作成の参考になる20デザインをご紹介します。 Dreamweaverやテキストエディタを使って、HTML/CSSにてまずは1つサイトを完成させましょう。 私自身も学生の時に情報が少なく四苦八苦しながら作っていました。少しでもそんな風に悩んでる方のお役に立てればと思ってます。 エンジニアだけどポートフォリオサイト作ってみた, 上記記事を参考にし、まずは記載する内容を決めました。 では、どのような情報を盛り込めば伝える力を判断できるでしょうか。