質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

87.37%

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

受付中

回答 2

投稿

  • 評価
  • クリップ 1
  • VIEW 1,917

score 11

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

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

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

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

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

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+5

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

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

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

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

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

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

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

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

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

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

0

未経験から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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 87.37%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る