• WebCamp_インタビュー
    時間や場所にとらわれず自由に働くために必要なスキルとは?【WebCamp卒業生インタビュー】
    2018.01.26
  • WebCamp_インタビュー
    「自信の持てるスキルを得たい!」内定辞退した女子大生がプログラミングを学習したワケ。
    2018.04.28
  • WebCampPro_インタビュー
    未経験31歳からエンジニア転職を実現【実際に聞いてみた】
    2017.04.01
  • WebCamp_インタビュー
    “未経験”でもたった1ヶ月で営業からエンジニアとして転職!『WebCamp』受講者インタビュー
    2017.10.04
  • WebCampPro_インタビュー
    自分で稼ぐ力をつけるため、新卒5年目の営業マンがエンジニアに転職!【WebCampPro転職者インタビュー】
    2018.02.02
  • WebCamp_インタビュー
    【WebCamp受講生インタビュー】起業準備中にCEOが気がついたプログラミングスキルの重要性とは?
    2017.12.25
  • WebCamp_インタビュー
    【WebCamp卒業生インタビュー】1ヶ月でRubyをゼロから学び、Webエンジニアとして転職!
    2018.01.15
  • WebCampPro_インタビュー
    未経験から上京し、エンジニアとしてチームラボグループに転職!【WebCampPro卒業生インタビュー】
    2018.03.10
  • WebCamp_インタビュー
    「1カ月頑張ればこの先が見えてくる」地元メディアを立ち上げたママさん
    2017.07.20
  • WebCampPro_インタビュー
    未経験でも寿司職人からWebデザイナーになった!ホスピタリティでスクールを支える宮脇トレーナー
    2017.05.26
  • WebCamp_インタビュー
    【卒業生インタビュー】台湾で月間100万UUの訪日旅行メディアを手掛けるCEOが、プログラミングを学んで得たものとは?
    2018.01.15

◆当サイトで人気のプログラミング教室のおすすめランキングはこちら!
プログラミングは独学では非効率で、時間を無駄にするリスクがあります。効率的なカリキュラムで学べるスクールを受講しましょう。

WEBCAMP【マンツーマンサポート】1ヶ月短期集中でプログラミングを学ぶスクール
1ヶ月通い放題・メンター常駐の教室環境でプログラミングを学びたい方!
TechAcademyオンラインで開講しているプログラミングスクール
オンラインでどこでも学べる!/教室に行くのが忙しい人でも安心!
Tech Camp教養としてのITスキルを学べるスクール
Webデザイン/AI(人工知能)/IOS/Androidアプリ制作/VRを学びたい方!
WEBCAMP PRO転職保証付き!エンジニアとして転職したい人におすすめ!
未経験からプロのエンジニアへ3ヶ月で転職する為のスクールです!
12月生募集中!当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
11月生は満員となっております。12月生募集に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

Webデザインの未経験者が苦労するのが、ポートフォリオの作成です。

Webデザイナーの求人は履歴書や職務経歴書のほかにポートフォリオの提出を求められる企業がほとんどです。

今回はWebデザイナー未経験者向けにポートフォリオを作成するための5つのステップを解説いたします。

※プログラミングを学んでみたいけど、時間がなくて全文の記事が読めない!という方は、WebCampの無料説明会(毎日開催)に参加してみてください!

 

ポートフォリオとは?

ポートフォリオは自分のスキルや熱意を伝えるための資料です。

「どれくらいのキャリアを積んでいるのか?」

「デザインに対する考え方は?」

「仕事に対する姿勢は?」

といった企業側が気になる部分を補完する内容で作成します。

1.志望動機を明確にする

未経験者がWebデザイナーを志望する場合、まず志望動機を明確にする必要があります。

実績のない人間が志望するには、それ相応の理由や熱意がないと説得力が少ないためです。

デザインに対する思いを伝える

Webデザイナーに志望する人は、デザインに対して何かしらの考え方を持っていると思います。

なぜWebデザイナーを目指すのか、という問いにも関係する部分です。

ロゴの制作や画像の加工、Webページを通じて自分が考えていることを素直に書きましょう。

積極性を身につける

未経験者がアピールできる最大の武器は「積極性」です。

Webデザイナーはクライアントとの打ち合わせやデザインの提案など、特に積極性の求められる仕事です。

独学なりスクールなりを使ってWebデザインの勉強をしつつ、作品を作って積極性を身につけましょう。

2.Webデザイナーに必要なスキルを勉強する

志望動機を明確にしたら、ポートフォリオ作成に必要なスキルの勉強をします。

ポートフォリオ作成サービスを使うのではなく、時間はかかっても自分で作ることが大切です。

HTMLとCSSの勉強をする

Webデザイナーの業務にコーディングがあります。

作成されたデザイン案を基に作成する工程のことです。

Webデザイナーはコーディングができることが当たり前になってきているので、HTMLとCSSの基礎は身につけておきましょう。

PhotoshopとIllustratorの勉強をする

Webデザイナーの業務ではAdobe社のPhotoshopとIllustratorを使うことは必須となっています。

特にPhotoshopはWebサイトのトップページを制作するためによく使われるので、基本操作は押さえておきましょう。

3.作品を用意する

独学やスクールでスキルを勉強したら、いよいよ作品を用意します。

作品はあなたが「こんな技術を持っている」と分かるような内容が望ましいです。

画像加工やWebページ作成技術をアピールできる内容なら、グルメや観光、ECサイトなどコンセプトは自由です。

デザインカンプを作成する

デザインカンプとはデザインの完成図をイメージするための資料です。

まずはPhotoshopでポートフォリオのデザインカンプを作成します。

ポートフォリオの場合は、トップページやプロフィール、作品ごとのページのデザインカンプを作成しましょう。

Webページを作成する

完成したデザインカンプをもとにWebページのコーディングを行います。

実際にコーディングしてみると、なかなかデザインカンプどおりに作れないと感じると思います。

まずは完成形に近づけていく感じで、細かい部分は最後に修正すると作業効率が良くなります。

画像を作成する

華やかなWebページには画像が不可欠です。

写真の加工や自作イラスト、バナーやロゴといったパーツの作成を行います。

作品は制作意図を明確にすることが大切です。

ただ漠然と作ったよりも、制作意図があったほうがコンセプトやこだわりを企業側に伝えやすくなります。

作品の紹介文を作成する

作成したWebページや画像には紹介文を付け加えておきましょう。

制作時間や使用したアプリケーション、自分なりのこだわりも記載すると◎です。

4.作品をサーバーにアップロードする

無事作品が用意できたら、Webサーバーにアップロードしましょう。

レンタルサーバーにアップロードする

ほとんどの人がWebサーバーを持っていないと思うので、レンタルサーバーを借りてアップロードすることになります。

無料のレンタルサーバーでは「エックスドメイン」がオススメです。

安定性の高いエックスサーバーが運営しており、無料で1GBのサーバーを利用することができます。

エックスドメイン

https://www.xdomain.ne.jp/

無料とは思えないほど機能が充実しているので、ポートフォリオをアップロードするのにオススメのレンタルサーバーです。

WordPressが使えると◎

WordPressはWebサイトを管理するソフトウェアで、ほとんどのサイトで活用されています。

Webデザイナーが直接業務に携わることはありません。

しかし、将来的にホームページ運営やフリーランスで働きたいと思っている人は、WordPressの使い方は間違いなく財産になります。

5.紙のポートフォリオを用意する

Webのポートフォリオを作成したら、紙のポートフォリオも合わせて用意しておきましょう。

面接会場が必ずしもオンラインとは限りませんし、紙のポートフォリオはすぐに取り出して企業に見せられるメリットがあります。

Webポートフォリオをベースに作成する

紙のポートフォリオはWebポートフォリオをベースに作成します。

印刷用紙はA3かA4のどちらかが一般的です。

大きさに指定はないので、自分の良い方を選びましょう。

用紙の方向も縦横の指定はありません。

ただし全体で縦横の統一をして読みやすいようにしてください。

表紙は個性をアピールする

紙のポートフォリオの表紙は自分の第一印象に大きな影響を与えます。

作品のサムネイルを表紙にするか、シンプルなデザインの表紙にするかは自由です。

応募先の企業によって求められる人物像が異なるため、どのような方向性が良いか検討しておきましょう。

ページ数は15~20ページを目安にする

ポートフォリオはあまりページ数が多くても、限られた時間で紹介することができません。

作品数で左右はしますが、だいたい15~20ページ程度がボリュームとして良いとされています。

作品を詰め込んでいくとページ数が増えてしまうので、取捨選択はしっかりと行いましょう。

取り組むべきことは

今回はWebデザイナー未経験者がポートフォリオを作成する5つのステップを紹介させていただきました。

一から作るポートフォリオは時間がかかりますが、完成したときの達成感は代えがたいものです。

ポートフォリオを作成しているうちに、Webデザイナーに必要なスキルは身についているので、積極的に求人に応募してアピールしていきましょう。

そしてスキルを身に付けて希望する職業へ就職の道を進みましょう。

WebCamp・WebCamp Proについて

WebCampは1ヶ月でプログラミング・Webデザインスキルを学ぶ通い放題のプログラミングスクールです。WebCamp Proは3ヶ月間で未経験から即戦力エンジニアを育成するプログラミングスクールです。

2つのサービスを運営するインフラトップでは、「学びと仕事を通して人生を最高の物語にする」という理念で会社を経営しています。

キャリアアップを目指す方は、この機会に私達と一緒にプログラミングを学んでみませんか?

 

 

12月枠も残りわずか当社人気の転職保証コース
プログラミング学習から転職成功まで導く、当社人気のWebCamp Proコース。
11月受入枠は満員となっております。12月枠に向け、お早めの申込みをオススメします。
プログラミング未経験でもエンジニア転職を絶対成功させたい
スキルを身に着けて人生を自ら切り開きたい
上記にあてはまる方は、ぜひご検討ください!

▼未経験から1ヶ月でWebデザイン・プログラミングを学びたい方はこちら!

▼ついに開講!オンラインでWebデザインを学びたい方はこちら!

関連キーワード
キャリアの関連記事
  • エンジニアへの転職希望者必見!採用率を高めるポートフォリオ
  • 【転職希望者必見】話題のエンジニアの種類を徹底解説
  • 2018年最新のエンジニア転職を成功させる方法
  • 未経験でもエンジニアになれる!国内最大級のインターネットサービスの商店街を持つ「みんなのマーケット」にインタビューしました!
  • プログラミングは才能がないとできない職業か?徹底検証
  • 【未経験からのエンジニア転職】おすすめのエージェント5選!
おすすめの記事