webデザイン

副業でLP(ランディングページ)制作に挑戦してみた①教材編【独学から案件獲得を目指す体験記】

チズ

副業でLP(ランディングページ)制作に挑戦してみたい!

完全独学で、html/cssなどのコーディングとデザインを学んで案件を獲得するまでの体験記①です。

LP(ランディングページ)制作に興味を持った理由

主な理由は3つあります。

・本業に役立つと思った

・デザインが好き

・副業の幅を広げたかった

わたしの本業は、Web広告の運用代行やサポートです。

広告をクリックした際にLPが表示されるので、普段からLPは身近な存在でした。

広告とLPの関連性は重要ですし、LP制作について学ぶ=本業に活かせると感じたのが、大きなきっかけです。

チズ

バナー制作の副業が楽しくて、もっとデザインの副業をしたいと思ったのも理由だよ♪

知識を身につけるためにやったこと

私が使っていたのは下記3つの教材です。

  1. Progate
  2. ドットインストール
  3. YouTube

「Progate」「ドットインストール」「Youtube」の3つで基礎知識は身につきました。

もっと学習したい部分が出てきたら、Udemyやオンラインスクールの利用を検討すれば良いでしょう。

Progateでの学習方法

Progate

まず初めにProgateでhtmlやcssの概念・全体像をつかみました。

Progateは初心者でも理解できるような作りになっています。

次に説明する「ドットインストール」よりも先に学習しておくことで、コードを書く作業がすんなり頭に入っていくようになります。

ドットインストールでの学習方法

ドットインストールは、html css JavaScriptの学習用に使用しました。

ドットインストールを開いて、右上の検索ボックスに「html」や「css」と入力すると、学習候補が表示されます。

【PREMIUM】と表示されているものは有料講座です。(月額1,080円)

ちなみに【PREMIUM】の表示があっても「無料公開中」マークが表示されている部分は、無料で学習できますよ♪

有料会員でも月額1,080円なので、1ヶ月学放題と考えると安いと思います。

1ヶ月以内で2回以上周回して、スパッと退会するのがコスパが良くておすすめです!

YouTubeでの学習方法

YouTubeは実際のLPを手を動かして作成していく用です。

YouTubeで「lp制作 コーディング」や「lp制作 勉強」と検索しました。

YouTubeで学習してわからないとこはググるスタイルがわたしにあっていると思いました。

自分に合うものを探すのが近道です!

学習中に意識したこと

学習中には下記2点を意識しました。

  1. 常に手を動かすこと
  2. 期限を決めること

動画も見ているだけでは身につかないので実際にコードを書きました。

理想は、その日に習ったことでLPを作ってみることですが、毎日はできませんでしたw

また、LP制作も奥が深いので学習は無限にできます。

期限を決めないで学習すると、いつまでも案件応募に進めません。

1週間集中して基礎を学んだ後は、案件に応募しながら学習を進めました。

応募してもすぐに採用されないので、ご安心ください(笑)

応募することで、案件の書き方や何の知識が必要とされているのかを知ることが狙いです。

一番効果のあった学習法

効果があったのは、実際にLPを作ってみることです。

作りながらわからないところを学んでいくのが一番身につくと感じました。

当初の私は知識だけ詰め込んで、実際に作る作業をしていなかった点を後悔しているので、作りながら学んでいくことをおすすめします!

まとめ

「LPデザインの副業をやりたい!」と思ってから、教材選びは迷いました。

費用と学習に使える時間を考慮した結果、私が採用したのは下記3つです。

html/cssの学習におすすめの教材

Progate

ドットインストール

YouTube

実際の学習記については別記事でまとめますので参考にしてください♪