【課題付き】独学でWebデザイナーを目指すロードマップVol.3

こんにちは！まきすずです。

前回に引き続き、未経験からWebデザイナーになりたい人に向けた、学習ロードマップをご紹介いたします！

私は普段、「MENTA」というサービスを通じて、多くのスクール卒業生の方や、子育てはじまったばかりのママ、主婦の方などに対して、メンターをさせていただいております！

その中で感じた「学習中のメンティーさまたちのリアルな声」を反映し、1人でもできるだけ実践しやすい形にまとめたものが、本記事でご紹介するロードマップです。

子育て中のママや主婦の方、そして副業でWebデザイナーを目指したいという方、スクールに通うよりも経済的なこちらのロードマップをぜひ活用してみてくださいね！

こちらの記事は、Vol.3ということで続きから記載しております。

ロードマップ目次

A4サイズで作っていますので、ダウンロードしていただくことも可能です！

＼ ダウンロードして壁に貼ってね！ ／

STEP05：企業（コーポレート）サイトをつくろう

さて、Vol.1とVol.2でバナーやLPデザインの練習が出来てきたかと思います。

このVol.3では、ポートフォリオに掲載することで受注率をグンッと上げる企業サイトを作り、そして最後はご自身のポートフォリオ作成をする、という流れになっています！

もう一踏ん張り！ぜひ最後までがんばって行きましょう！

STEP 05 – 01：コーポレートサイトをデザインしよう

コーポレートサイトは、LPのときとは異なり、複数ページを作ることを目標としています。

今回は、ページ構成とワイヤーフレームを用意していますので、それらを元に複数ページのWebサイトを制作してみてください。

note（ノート）

Webデザイナー向け【コーポレートデザイン課題】Vol.04｜まきすず＊デザイナー まきすず（@makisu_design）です！（←Instagramが開きます） Instagramでは、webデザイナーを目指す方にデザインの基本をバナーでお届けしています！ Instagramではwebデザ...

STEP 05 – 02：コーポレートサイトをコーディングしよう

デザインまで出来たら、次はコーディングです！

できる限り同じデザイン（ボタンやあしらいなど）は同じHTMLやCSSを使い回して、どんどん楽なコーディングを行えるように意識できるといいですね！

コーポレートサイトをサーバーにアップしよう

案件次第ですが、サーバーにアップするところまでお願いされることも少なくないので、まずは自分の制作したサイトで経験値を高めておくことが大切です！

さらにサーバーにアップすることで、スマホ表示の確認もスムーズにできるようになります！

スマホで表示した時も、サイトの表示崩れがないかしっかりと確認してみましょう！

STEP 06：ポートフォリオを用意しよう

いよいよ最後のSTEPです！最後は一番大切なポートフォリオ作成。

ポートフォリオがあることで、Webデザイナーとして企業に案件の営業をかけたり、転職活動をしていくことができるので、ぜひ自分の好きなデザインでポートフォリオを作成してみてくださいね。

STEP 06 – 01：ポートフォリオサイトのサイト構成を考えよう

まず初めに大切なことは、どんなサイトにするか、下層ページはどんなページが必要か、を考えてみてください。

デザインに入る前に、上記のようなことをしっかりと考えておくことで、デザイン制作がとってもスムーズになります。

あらかじめ内容が整理されていると、デザインだけに集中できるというのも効率的な作業のポイントです！

STEP 06 – 02：ポートフォリオサイトをデザイン&コーディングしよう

サイト構成ができたら、早速デザインを行いましょう！

デザインが完成したら、次はコーディングです。

自分のサイトなので、コーディングしながらもデザインで気になる箇所があれば、都度デザイン修正を行い、そしてコーディングに反映するという流れでも問題ありません！

ただし、サイト全体を見て、デザイントーンがちぐはぐになっていないか、というところは十分に確認して行うことが大切です！

「制作実績」ページに作品を掲載しよう

今まで、バナーデザイン、LPデザイン、そしてコーポレートサイトを制作してきたかと思います！

今まで制作してきたものを、「制作実績」として掲載していきましょう！

今までの制作物を掲載するにあたり、一度添削してほしいという方向けにメンタリングプランを用意しています！

気になる方はぜひお問い合わせください！

STEP 06 – 03：ポートフォリオサイトを公開しよう

そして最後は公開です！

公開後は、より多くの方に目にとまってもらえるように、デザイン実績をどんどん追加してアウトプットしてみてください！

まとめ

お疲れ様です！本記事（Vol.3）を以って、「Webデザイナーになるためのロードマップ」は完了になります。いかがでしたか？

副業として、ママWebデザイナーとして、サイト制作を受注したいなという場合には、企業サイト（コーポレートサイト）の制作スキルは身につけておきたいところ！

そして、自分のポートフォリオも用意できれば、あとはどんどん自分を売り出すだけです。

そのため、ポートフォリオを用意することは必須であり、大切なことでもあります！

特にママは、子育てもあり家事もあり・・・と本当に時間がないので、なかなか学習を進めることも大変だと思いますが、ここを乗り切ってぜひママWebデザイナーを目指していってくださいね！

今までのロードマップ記事も再度見直して、何度も練習していってくださいね！