Webデザイナ未経験 転職する際のポートフォリオについて

Question

当方未経験ですが、Webデザイナとして転職したいと考えております。
転職に際して、ポートフォリオは必須と書かれたブログとかが多い印象を受けました。
そのほとんどが、経験がある方がポートフォリオサイトを作る際の注意点を記載しているサイトでしたが、私のように未経験の場合は、どのようにポートフォリオサイトを作ればよいでしょうか。

以下のサイトは見つけましたが、具体的に作るとなると、例えば架空のショップから発注があったと想定して作成するような感じになるのでしょうか？

具体的に未経験でも転職に活かせるようなポートフォリオサイトの作り方がわかる書籍、もしくはサイト等はありましたら、教えて頂ければと思います。

未経験の僕がWebデザイナーになった方法（就職編） | ライズウィル ...

実務未経験の30歳がwebデザイナーになるまでの道① | JUKELOG

Answer 1

会社のインターンや社員を面談している立場からすると、ポートフォリオは１つの技術的指標として効果的です。

しかし、未経験の子を会社にジョインさせるときに重視するポイントは成長性や熱量が非常の大きな部分を占めます。

成長性や熱量の指標は、「どのくらいの期間」で圧倒的な「量 of 質」を作ったことで示す事ができるんじゃないかと思っています。

なので、質問者様が未経験のデザイナー様であるのであれば、webpageなどをたくさん作って自分のサーバにあげてみればいいと思います！

自分これだけ熱量持って頑張ってます！これから伸びる思います！！っていうのを魅せつけてあげて下さい！
逆にどれだけクソみたいなサイトでも毎日頑張って勉強してればそういう人は取りたいです。

ちなみにこんな事やってる人も海外にいました。

180日で180個のwebサイトを作ってみる
180 websites in 180 days

この人がすごいのは熱量を持って毎日一個サイトを作るということを180日続けているということです！

なので、質問者様も熱量持ってがんばってください！

ちなみに、何を作ればいいの？
ということですが、個人的には
Apple
のサイトをそのまま同じように作ってみるというのがおすすめです。

appleのHPはwebに必要な要素が非常に沢山詰まっています。
メニュー、スライドショー、レスポンシブウェブデザインなどですね！

よかったら作ってみてください！

Answer 2

未経験からWEB業界に入ったものです。
WEB業界は技術の革新が早く調べても、何が正しいのか分からないことが多いかと思います。
以下未経験で入る読んで参考になった書籍を紹介させていただきます。
●html、css関係の本(ポートフォリオサイトの作り方、実際に作成する際に参考になる書籍)
・作りながら学ぶHTML/CSSデザインの教科書

・HTML5&CSS3レッスンブック

●デザインセンス的な本（ポートフォリオサイトの作り方、デザインの参考になる書籍）
・新人デザイナーのためのWebデザイナーを基礎から学べる本

・人を惹きつける美しいウェブサイトの作り方

--ポートフォリオや架空サイトを作るうえで取り入れておくと良いかもしれない書籍関連--

●技術トレンド紹介本
フロントエンジニアのための現在とこれからの必須知識
(若干出版日が古いですが、新しすぎると会社単位では実用出来てなかったりするので、このぐらいが丁度良いかと思います。)

以下、少し難易度高め
●ワードプレス本
・ワードプレス、レッスンブック

・ワードプレス、ステップアップブック

●Sass本
・WEB制作者のためのSassの教科書

●javascript(主にjquery使用して)　
・やさしくはじめるWEBデザイナーのためのjQueryの学校

・作りながら学ぶjQueryデザインの教科書

[本以外でのスキルアップ方法]
良いと思ったサイトをPhotshopで、そのまま模写して作ってみたりすると
ある程度、規則性があることが分かり、自分でイチからデザインを作る際にも役立つため、おすすめの勉強法です。

検索されるとjqueryオワコン説みたいなのが出てくるかもしれませんが、まだまだ普通のホームページを作っているのが主な制作会社さんだと使用しているのが、ほとんどなので、覚えておいて損はないと思います。

[エディター関連(お節介)]
html、cssを習得する際に習得するスピードが変わるので、エディタ選びは重要です。
以下おすすめエディター
・Adobeのblanket
・Microsoftのvscode