ポートフォリオの作品を上手く見せてる人と見せてない人の違い




中の人
こんにちは。
coffeebreakの中の人(@ra_cer_X)です。
ポートフォリオはちょっと工夫するだけで見栄えがかわるよ!

ポートフォリオの感想を聞かせてくださいと相談をうけるのですが、面接官がイメージしやすいポートフォリオの中に作品が掲載されていない人が多くいらっしゃいます。中にはデザインの出来映えはすばらしいけど、なぜかイメージしずらい作品集もあるのです。

「もったいないなぁ、◯◯すればイメージしやすいのに」と感じてしまいます。

Webデザイナーへの転職を目指している人は自分のデザインを見ているのでそれが作品なのですが、ユーザーはカンプデザインを見て「商品を注文したり情報を探したりする」わけではないですよね。ウェブサイトを見て「商品を注文したり情報を探したりする」わけです。

私が「もったいないな」と思うのはユーザーには面接官も含まれているというところ。
面接官にもユーザーと同じ体験をポートフォリオでも体験させてあげる事で、あなたのデザインは他の応募者と比べ優位に立つのです。

それが、「モックアップ」という手法です。

ポートフォリオに掲載する作品にモックアップを取り入れよう!

下の画像はホントに、フォント。という書籍で紹介しているデザインです。

この本はフォントの紹介もですが、モックアップの参考にもあるのでこちらの関連記事も参考にしてみてください。
ないと困る良書!新米デザイナーのデザイン添削集「ホントに、フォント。」を活用しよう!

複数枚のデザインを紹介しているのが分かりますね。どのフォントを扱ったとかどの組み合わせが相性がいいのかを細かく紹介しています。

でも、このページはメインビジュアルではないのです。

次にモックアップを加えた画像です。

仮想本のカンプデザインですが、ビジュアルを加えて本にデザインを加工しています。まさにイメージ先行のデザインページですね。モックアップはこのように実際にWebデザインがどの枠におさまって見る事ができるのかを視覚化したものです。駅のサイネージなら大きなディスプレイですし、スマホでみるなら端末の中にデザインをおさめます。

掲載面積が増えしまいポートフォリオの作品が小さくなるデメリットはありますが、ホントに、フォント。のメインビジュアルはモックアップを採用してWebデザインをイメージできるようにしているのです。
あなたのデザインを見た事が無い面接官は擬似的に用途を体験できるので結果デザインをイメージできます。積極的にモックアップを採用してみましょう。

モックアップで効率よくポートフォリオの作品を掲載するには

仮にポートフォリオの掲載ページが10ページから15ページとします。

最適なページ数のついて戦略的に考えたい人は【関連記事】ポートフォリオの作品掲載数は何ページが最適か?を参考にしてください。

全てのページの作品にモックアップを採用するとページ数が倍くらいに膨らんでしまうので単純に用意するのは避けましょう。
あなたが頑張って作ったデザインやカンプだけでは伝わりにくいデザインをモックアップしてイメージを伝えましょう。

なぜポートフォリオの作品にモックアップを採用するといいのか

まず、面接官があなたの何を見ているのかを知っておかないといけません。

詳しくは、以下の記事に心理的な事や戦略的な事を組み込んで解説しています。本記事と合わせてご確認してみてください。
【関連記事】Webデザイナーの面接でポートフォリオの作品以外に面接官は何を確認しているのか?
【関連記事】Webデザイナーのポートフォリオは面接をした誰が判断している?

面接官は短期間の打ちに数人から数十人の面接を行いポートフォリオや質疑応答、上長との判断もして総合的に判断していきます。でも、面接官も人間なのです。全員に同じモチベーションや時間配分で面接をおこなう事はできません。ざっくり見る事もあるので印象が良い応募者と仕事をしてみたいと考える物なのです。

中の人
人間だからね。ここが重要です。

だから、ひとつひとつの作品がいかに丁寧に分かりやすくイメージが伝わるかが重要で、効果的に見せる方法としてモックアップの活用があるのです。

あなたのポートフォリオは変わります!他の応募者に差を付けて面接を乗り切りましょう!

この記事はここまで!
ここからはよく読まれる記事をまとめてご紹介します。ひとあじ違うデザインに出会えるかもしれません。

【実話】私、転職先の本当の実態を知って失敗したWebデザイナーです。

2019.01.14


良い構成のCVエリアのアイデアをいろいろと考察してみる

2017.12.24

【検証】本物のデザイナーだけが知っているCVエリアのボタンは何色がよいか?

2018.06.03


【たった1問】遷移型アンケートページの構成とデザインを調べてみる

2018.09.01

日本語フリーフォントお探しですか?未経験・新米Webデザイナーさんにおすすめなフォントを選んでみました!

2019.02.11

そのフォント使ってる?「NexusFont」で大量のフォントを管理してPCの負荷を抑えよう

2017.11.12

記事でもランディングページ(LP)でもないアンケートページの構成・デザインの作り方

2018.08.26


お気に入りの情報
が無かったでしょうか?
この記事の最後にデザイン情報やノウハウをレコメンド形式でご紹介しています。

お求めの記事に出会えますように。



スポンサード広告 by google